:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-red: #ef4444;--input-bg: #ffffff;--input-border: #e2e8f0}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--accent-blue: #3b82f6;--accent-blue-hover: #60a5fa;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-red: #ef4444;--input-bg: #1e293b;--input-border: #334155}:root{color:var(--text-primary);background-color:var(--bg-primary)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#app{width:100%;min-height:100vh}a{color:var(--accent-blue);text-decoration:none}a:hover{color:var(--accent-blue-hover);text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.2}p{line-height:1.6}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.tab{position:relative;display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:none;border:none;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab:hover{color:#3b82f6}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.date-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.list-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.list-table{overflow-x:auto}.table-header,.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 120px 140px 2fr;gap:1rem;padding:1rem;align-items:center}.table-header{background:#f8fafc;border-radius:.5rem;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table-row{border-bottom:1px solid #e2e8f0;transition:all .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8fafc}.table-cell{font-size:.875rem;color:#1e293b}.list-badge{display:inline-block;padding:.375rem .75rem;background:#dbeafe;color:#1e40af;border-radius:999px;font-weight:600;font-size:.875rem}.empty-state{text-align:center;padding:4rem 2rem;color:#94a3b8;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.empty-state svg{margin:0 auto 1.5rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.mobile-cards{display:none}.mobile-card{background:#f8fafc;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid #e2e8f0}.mobile-card:last-child{margin-bottom:0}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0}.mobile-card-date{font-weight:600;color:#1e293b;font-size:.9375rem}.mobile-card-body{display:flex;flex-direction:column;gap:.75rem}.mobile-card-row{display:flex;justify-content:space-between;align-items:center}.mobile-card-remarks{display:flex;flex-direction:column;gap:.5rem}.mobile-card-label{font-size:.875rem;color:#64748b;font-weight:500}.mobile-card-value{font-size:.9375rem;color:#1e293b;font-weight:600}.auth-logo{height:80px;width:auto}@media (max-width: 768px){.list-approvals{padding:0}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem}.tabs{gap:0;margin-bottom:1.5rem}.tab{flex:1;padding:.875rem 1rem;font-size:.875rem}.list-section{margin-top:1.5rem}.date-filters{grid-template-columns:1fr;padding:1rem;border-radius:.75rem;gap:0}.form-group{margin-bottom:0}.form-group:not(:last-child){margin-bottom:1rem}.form-label{font-size:.8125rem}.form-input,.form-select{padding:.625rem .875rem;font-size:.9375rem}.list-section{padding:1rem;border-radius:.75rem}.desktop-view{display:none}.mobile-cards{display:block}.mobile-badge{padding:.3125rem .625rem;font-size:.8125rem}.remarks-input{padding:.625rem .75rem;font-size:.875rem}.submit-section{margin-top:1rem;padding-top:1rem}.btn-primary{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;justify-content:center}.btn-primary:hover:not(:disabled){transform:none}.empty-state{padding:2.5rem 1.5rem}.empty-state svg{width:48px;height:48px;margin-bottom:1rem}.empty-state h3{font-size:1.125rem}.empty-state p{font-size:.875rem}}@media (max-width: 480px){.page-title{font-size:1.375rem}.tab{padding:.75rem;font-size:.8125rem}.date-filters,.list-section,.mobile-card{padding:.875rem}.mobile-card-date{font-size:.875rem}.mobile-card-label,.mobile-card-value{font-size:.8125rem}.mobile-badge{padding:.25rem .5rem;font-size:.75rem}.remarks-input{font-size:.8125rem}.btn-primary{padding:.875rem 1.25rem;font-size:.875rem}}.notifications-panel[data-v-8c457ad8]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.panel-overlay[data-v-8c457ad8]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;animation:fadeIn-8c457ad8 .2s ease-out}.panel-content[data-v-8c457ad8]{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:var(--bg-secondary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideInRight-8c457ad8 .3s ease-out}.panel-header[data-v-8c457ad8]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.panel-header h3[data-v-8c457ad8]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn[data-v-8c457ad8]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-8c457ad8]:hover{color:var(--text-primary)}.panel-body[data-v-8c457ad8]{flex:1;overflow-y:auto;padding:1rem}.loading-state[data-v-8c457ad8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary)}.spinner[data-v-8c457ad8]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-8c457ad8 .8s linear infinite;margin-bottom:1rem}@keyframes spin-8c457ad8{to{transform:rotate(360deg)}}.empty-state[data-v-8c457ad8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state svg[data-v-8c457ad8]{margin-bottom:1rem;opacity:.5}.notifications-list[data-v-8c457ad8]{display:flex;flex-direction:column;gap:.75rem}.notification-item[data-v-8c457ad8]{display:flex;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s}.notification-item[data-v-8c457ad8]:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-sm)}.notification-icon[data-v-8c457ad8]{flex-shrink:0;width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.notification-icon.overtime[data-v-8c457ad8]{background:#eff6ff;color:var(--accent-blue)}.notification-icon.late_exemption[data-v-8c457ad8]{background:#fef3c7;color:var(--accent-yellow)}.notification-icon.leave[data-v-8c457ad8]{background:#d1fae5;color:var(--accent-green)}.notification-content[data-v-8c457ad8]{flex:1}.notification-content h4[data-v-8c457ad8]{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.notification-message[data-v-8c457ad8]{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.notification-time[data-v-8c457ad8]{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.75rem}.notification-actions[data-v-8c457ad8]{display:flex;gap:.5rem;flex-wrap:wrap}.notification-actions button[data-v-8c457ad8]{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid;transition:all .2s}.btn-view[data-v-8c457ad8]{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.btn-view[data-v-8c457ad8]:hover{background:var(--bg-tertiary);color:var(--accent-blue);border-color:var(--accent-blue)}.btn-approve[data-v-8c457ad8]{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.btn-approve[data-v-8c457ad8]:hover{opacity:.9}.btn-reject[data-v-8c457ad8]{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.btn-reject[data-v-8c457ad8]:hover{opacity:.9}.remark-section[data-v-8c457ad8]{margin-top:.75rem}.remark-input[data-v-8c457ad8]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;resize:vertical;margin-bottom:.5rem}.remark-input[data-v-8c457ad8]:focus{outline:none;border-color:var(--accent-blue)}.remark-actions[data-v-8c457ad8]{display:flex;gap:.5rem}.btn-submit[data-v-8c457ad8]{background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-submit[data-v-8c457ad8]:hover{opacity:.9}.btn-cancel[data-v-8c457ad8]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-8c457ad8]:hover{background:var(--bg-tertiary)}@keyframes fadeIn-8c457ad8{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-8c457ad8{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 640px){.panel-content[data-v-8c457ad8]{max-width:100%}.notification-actions[data-v-8c457ad8]{width:100%}.notification-actions button[data-v-8c457ad8]{flex:1;justify-content:center}}.message-dialog-overlay[data-v-6bdd90ae]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-6bdd90ae .2s ease}@keyframes fadeIn-6bdd90ae{0%{opacity:0}to{opacity:1}}.message-dialog[data-v-6bdd90ae]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:90%;animation:slideUp-6bdd90ae .3s ease}@keyframes slideUp-6bdd90ae{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.message-dialog-header[data-v-6bdd90ae]{padding:24px 24px 16px;display:flex;align-items:center;gap:16px}.message-dialog-icon[data-v-6bdd90ae]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-success[data-v-6bdd90ae]{background:#dcfce7;color:#16a34a}.icon-error[data-v-6bdd90ae]{background:#fee2e2;color:#dc2626}.icon-warning[data-v-6bdd90ae]{background:#fef3c7;color:#ca8a04}.icon-info[data-v-6bdd90ae],.icon-confirm[data-v-6bdd90ae]{background:#dbeafe;color:#2563eb}.message-dialog-title[data-v-6bdd90ae]{font-size:20px;font-weight:600;color:#111827;margin:0}.message-dialog-content[data-v-6bdd90ae]{padding:0 24px 24px;font-size:15px;line-height:1.6;color:#6b7280}.message-dialog-content p[data-v-6bdd90ae]{margin:0}.message-dialog-footer[data-v-6bdd90ae]{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.message-dialog-button[data-v-6bdd90ae]{padding:10px 24px;border-radius:8px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.button-primary[data-v-6bdd90ae]{background:#2563eb;color:#fff}.button-primary[data-v-6bdd90ae]:hover{background:#1d4ed8}.button-secondary[data-v-6bdd90ae]{background:#f3f4f6;color:#374151}.button-secondary[data-v-6bdd90ae]:hover{background:#e5e7eb}.button-danger[data-v-6bdd90ae]{background:#dc2626;color:#fff}.button-danger[data-v-6bdd90ae]:hover{background:#b91c1c}.button-success[data-v-6bdd90ae]{background:#16a34a;color:#fff}.button-success[data-v-6bdd90ae]:hover{background:#15803d}.toast-container[data-v-89dc4974]{position:fixed;top:24px;right:24px;z-index:10001;display:flex;flex-direction:column;gap:12px;max-width:420px;width:calc(100% - 48px)}.toast[data-v-89dc4974]{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:16px;display:flex;align-items:center;gap:12px;border-left:4px solid}.toast-success[data-v-89dc4974]{border-left-color:#16a34a}.toast-error[data-v-89dc4974]{border-left-color:#dc2626}.toast-warning[data-v-89dc4974]{border-left-color:#ca8a04}.toast-info[data-v-89dc4974],.toast-confirm[data-v-89dc4974]{border-left-color:#2563eb}.toast-icon[data-v-89dc4974]{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-89dc4974]{color:#16a34a}.toast-error .toast-icon[data-v-89dc4974]{color:#dc2626}.toast-warning .toast-icon[data-v-89dc4974]{color:#ca8a04}.toast-info .toast-icon[data-v-89dc4974],.toast-confirm .toast-icon[data-v-89dc4974]{color:#2563eb}.toast-message[data-v-89dc4974]{flex:1;font-size:14px;line-height:1.5;color:#374151}.toast-close[data-v-89dc4974]{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toast-close[data-v-89dc4974]:hover{color:#4b5563}.toast-enter-active[data-v-89dc4974],.toast-leave-active[data-v-89dc4974]{transition:all .3s ease}.toast-enter-from[data-v-89dc4974],.toast-leave-to[data-v-89dc4974]{opacity:0;transform:translate(100%)}.toast-move[data-v-89dc4974]{transition:transform .3s ease}.modal-overlay[data-v-770cc77c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn-770cc77c .2s ease-out}.modal-content[data-v-770cc77c]{background:var(--bg-primary);border-radius:1rem;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp-770cc77c .3s ease-out}.modal-header[data-v-770cc77c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-770cc77c]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn[data-v-770cc77c]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-770cc77c]:hover{color:var(--text-primary)}.modal-body[data-v-770cc77c]{flex:1;overflow-y:auto;padding:1.5rem}.loading-state[data-v-770cc77c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.spinner[data-v-770cc77c]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-770cc77c .8s linear infinite;margin-bottom:1rem}@keyframes spin-770cc77c{to{transform:rotate(360deg)}}.status-banner[data-v-770cc77c]{background:var(--bg-secondary);border-radius:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-left:4px solid var(--accent-blue)}.status-banner.pending[data-v-770cc77c]{border-left-color:#f59e0b;background:#fffbeb}.status-banner.approved[data-v-770cc77c]{border-left-color:var(--accent-green);background:#f0fdf4}.status-banner.rejected[data-v-770cc77c]{border-left-color:var(--accent-red);background:#fef2f2}.status-content[data-v-770cc77c]{display:flex;flex-direction:column;gap:.25rem}.status-label[data-v-770cc77c]{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.status-value[data-v-770cc77c]{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.details-section[data-v-770cc77c]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.details-section h4[data-v-770cc77c]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.detail-row[data-v-770cc77c]{display:flex;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-row[data-v-770cc77c]:first-child{padding-top:0}.detail-row[data-v-770cc77c]:last-child{border-bottom:none;padding-bottom:0}.detail-label[data-v-770cc77c]{font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:120px;flex-shrink:0}.detail-value[data-v-770cc77c]{font-size:.9375rem;color:var(--text-primary);font-weight:500;flex:1}.employee-code[data-v-770cc77c]{display:inline-block;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;color:var(--accent-blue);margin-right:.5rem}.employee-name[data-v-770cc77c]{font-weight:600}.leave-badge[data-v-770cc77c]{display:inline-block;background:#dbeafe;color:#1e40af;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.dates-row[data-v-770cc77c]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex-direction:column}.date-item[data-v-770cc77c]{display:flex;flex-direction:column;gap:.25rem}.date-item .detail-label[data-v-770cc77c]{min-width:auto}.days-badge[data-v-770cc77c]{display:inline-block;background:var(--accent-green);color:#fff;padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600;width:fit-content}.reason-text[data-v-770cc77c]{line-height:1.6;white-space:pre-wrap}.action-section[data-v-770cc77c]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:2px solid var(--accent-blue)}.action-section h4[data-v-770cc77c]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.remarks-input[data-v-770cc77c]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;resize:vertical;margin-bottom:1rem}.remarks-input[data-v-770cc77c]:focus{outline:none;border-color:var(--accent-blue)}.action-buttons[data-v-770cc77c]{display:flex;gap:.75rem}.action-buttons button[data-v-770cc77c]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-approve[data-v-770cc77c]{background:var(--accent-green);color:#fff}.btn-approve[data-v-770cc77c]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-reject[data-v-770cc77c]{background:var(--accent-red);color:#fff}.btn-reject[data-v-770cc77c]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.action-buttons button[data-v-770cc77c]:disabled{opacity:.5;cursor:not-allowed}.timeline-section[data-v-770cc77c]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem}.timeline-section h4[data-v-770cc77c]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.timeline[data-v-770cc77c]{position:relative;padding-left:3rem}.timeline[data-v-770cc77c]:before{content:"";position:absolute;left:.25rem;top:1.25rem;bottom:1.25rem;width:2px;background:var(--border-color)}.timeline-item[data-v-770cc77c]{position:relative;padding-bottom:1.5rem}.timeline-item[data-v-770cc77c]:last-child{padding-bottom:0}.timeline-marker[data-v-770cc77c]{position:absolute;left:-2.75rem;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);transition:all .2s}.timeline-icon[data-v-770cc77c]{display:flex;align-items:center;justify-content:center}.timeline-marker.submitted[data-v-770cc77c]{border-color:var(--accent-blue);background:#eff6ff;color:var(--accent-blue)}.timeline-marker.pending[data-v-770cc77c]{border-color:#f59e0b;background:#fffbeb;color:#f59e0b}.timeline-marker.approved[data-v-770cc77c]{border-color:var(--accent-green);background:#f0fdf4;color:var(--accent-green)}.timeline-marker.rejected[data-v-770cc77c]{border-color:var(--accent-red);background:#fef2f2;color:var(--accent-red)}.timeline-marker.supervisor_approval[data-v-770cc77c]{border-color:#8b5cf6;background:#f5f3ff;color:#8b5cf6}.timeline-marker.department_head_approval[data-v-770cc77c]{border-color:#0891b2;background:#ecfeff;color:#0891b2}.timeline-marker.hr_approval[data-v-770cc77c]{border-color:#f97316;background:#fff7ed;color:#f97316}.timeline-marker.user_approval[data-v-770cc77c]{border-color:#10b981;background:#ecfdf5;color:#10b981}.timeline-content[data-v-770cc77c]{padding-left:.5rem}.timeline-header[data-v-770cc77c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.timeline-action[data-v-770cc77c]{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.timeline-date[data-v-770cc77c]{font-size:.8125rem;color:var(--text-tertiary)}.timeline-actor[data-v-770cc77c]{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.actor-code[data-v-770cc77c]{color:var(--text-tertiary);font-size:.8125rem}.timeline-remarks[data-v-770cc77c]{font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:.375rem;border-left:3px solid var(--accent-blue);margin-top:.5rem}.remarks-label[data-v-770cc77c]{font-weight:600;color:var(--text-primary)}.timeline-empty[data-v-770cc77c]{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}@keyframes fadeIn-770cc77c{0%{opacity:0}to{opacity:1}}@keyframes slideUp-770cc77c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.modal-overlay[data-v-770cc77c]{padding:0;align-items:flex-end}.modal-content[data-v-770cc77c]{margin:0;border-radius:1rem 1rem 0 0;max-height:95vh;max-width:100%}.modal-header[data-v-770cc77c]{padding:1rem}.modal-header h3[data-v-770cc77c]{font-size:1.125rem}.modal-body[data-v-770cc77c]{padding:1rem}.status-banner[data-v-770cc77c]{padding:.75rem 1rem;margin-bottom:1rem}.status-label[data-v-770cc77c]{font-size:.75rem}.status-value[data-v-770cc77c]{font-size:1rem}.details-section[data-v-770cc77c],.action-section[data-v-770cc77c],.timeline-section[data-v-770cc77c]{padding:1rem;margin-bottom:1rem}.details-section h4[data-v-770cc77c],.action-section h4[data-v-770cc77c],.timeline-section h4[data-v-770cc77c]{font-size:.9375rem;margin-bottom:.75rem}.detail-row[data-v-770cc77c]{flex-direction:column;gap:.375rem;padding:.625rem 0}.detail-label[data-v-770cc77c]{min-width:auto;font-size:.8125rem}.detail-value[data-v-770cc77c]{font-size:.875rem}.employee-code[data-v-770cc77c]{font-size:.75rem;padding:.1875rem .375rem}.employee-name[data-v-770cc77c]{display:block;margin-top:.25rem}.leave-badge[data-v-770cc77c]{font-size:.8125rem;padding:.3125rem .625rem}.dates-row[data-v-770cc77c]{grid-template-columns:1fr;gap:.75rem}.remarks-input[data-v-770cc77c]{font-size:.8125rem;padding:.625rem}.action-buttons[data-v-770cc77c]{flex-direction:column;gap:.625rem}.action-buttons button[data-v-770cc77c]{padding:.625rem 1rem;font-size:.875rem}.timeline[data-v-770cc77c]{padding-left:2.5rem}.timeline[data-v-770cc77c]:before{left:.125rem}.timeline-marker[data-v-770cc77c]{left:-2.25rem;width:2rem;height:2rem}.timeline-icon svg[data-v-770cc77c]{width:16px;height:16px}.timeline-item[data-v-770cc77c]{padding-bottom:1rem}.timeline-header[data-v-770cc77c]{flex-direction:column;align-items:flex-start;gap:.25rem}.timeline-action[data-v-770cc77c]{font-size:.875rem}.timeline-date[data-v-770cc77c]{font-size:.75rem}.timeline-actor[data-v-770cc77c]{font-size:.8125rem}.actor-code[data-v-770cc77c]{display:block;margin-top:.125rem}.timeline-remarks[data-v-770cc77c]{font-size:.8125rem;padding:.5rem}.loading-state[data-v-770cc77c]{padding:2rem 1rem}.spinner[data-v-770cc77c]{width:32px;height:32px}}.app-layout[data-v-d1e2bd7e]{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.header[data-v-d1e2bd7e]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;transition:background-color .3s ease,border-color .3s ease}.header-content[data-v-d1e2bd7e]{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-actions[data-v-d1e2bd7e]{display:flex;align-items:center;gap:1rem}.logo[data-v-d1e2bd7e]{display:flex;align-items:center;gap:.75rem}.logo-image[data-v-d1e2bd7e]{height:40px;width:auto}.logo-text[data-v-d1e2bd7e]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.desktop-nav[data-v-d1e2bd7e]{display:flex;gap:.5rem}.nav-link[data-v-d1e2bd7e]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s}.nav-link[data-v-d1e2bd7e]:hover{background:var(--bg-tertiary);color:var(--accent-blue)}.nav-link.active[data-v-d1e2bd7e]{background:#3b82f61a;color:var(--accent-blue)}.dropdown[data-v-d1e2bd7e]{position:relative}.dropdown[data-v-d1e2bd7e]:after{content:"";position:absolute;top:100%;left:0;right:0;height:.5rem;z-index:99}.dropdown-trigger[data-v-d1e2bd7e]{background:none;border:none;font-family:inherit;cursor:pointer}.dropdown-arrow[data-v-d1e2bd7e]{margin-left:.25rem;transition:transform .2s}.dropdown:hover .dropdown-arrow[data-v-d1e2bd7e]{transform:rotate(180deg)}.dropdown-menu[data-v-d1e2bd7e]{position:absolute;top:100%;left:0;min-width:220px;background:var(--bg-secondary);border-radius:.75rem;box-shadow:var(--shadow-lg);padding:.75rem .5rem .5rem;margin-top:.25rem;z-index:100;animation:dropdownSlide-d1e2bd7e .2s ease-out;border:1px solid var(--border-color)}@keyframes dropdownSlide-d1e2bd7e{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-d1e2bd7e]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s;white-space:nowrap}.dropdown-item[data-v-d1e2bd7e]:hover{background:var(--bg-tertiary);color:var(--accent-blue)}.dropdown-item.router-link-active[data-v-d1e2bd7e]{background:#3b82f61a;color:var(--accent-blue)!important}.dropdown-divider[data-v-d1e2bd7e]{height:1px;background:var(--border-color);margin:.5rem 0}.user-dropdown[data-v-d1e2bd7e]{position:relative}.user-menu[data-v-d1e2bd7e]{right:0;left:auto;min-width:180px}.logout-item[data-v-d1e2bd7e]{width:100%;text-align:left;font-family:inherit;font-size:inherit;border:none;background:transparent;cursor:pointer}.logout-item[data-v-d1e2bd7e]:hover{background:#fee2e2;color:var(--accent-red)}.logout-btn[data-v-d1e2bd7e]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn[data-v-d1e2bd7e]:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.header-icons[data-v-d1e2bd7e]{display:flex;align-items:center;gap:.5rem}.icon-btn[data-v-d1e2bd7e]{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-btn[data-v-d1e2bd7e]:hover{background:var(--bg-tertiary);color:var(--accent-blue);border-color:var(--border-color)}.notifications-btn[data-v-d1e2bd7e]{position:relative}.notification-badge[data-v-d1e2bd7e]{position:absolute;top:-4px;right:-4px;background:var(--accent-red);color:#fff;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;padding:0 4px;border:2px solid var(--bg-secondary)}.main-content[data-v-d1e2bd7e]{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem 1.5rem}.bottom-nav[data-v-d1e2bd7e]{display:none}@media (max-width: 768px){.desktop-nav[data-v-d1e2bd7e]{display:none}.header-icons[data-v-d1e2bd7e]{gap:.375rem}.icon-btn[data-v-d1e2bd7e]{width:36px;height:36px}.icon-btn svg[data-v-d1e2bd7e]{width:18px;height:18px}.notification-badge[data-v-d1e2bd7e]{min-width:16px;height:16px;font-size:.625rem;top:-3px;right:-3px}.user-menu[data-v-d1e2bd7e]{min-width:160px}.dropdown-item[data-v-d1e2bd7e]{padding:.625rem .875rem;gap:.625rem}.logout-item[data-v-d1e2bd7e]{padding-top:.625rem}.logout-btn[data-v-d1e2bd7e]{display:none}.main-content[data-v-d1e2bd7e]{padding:1.5rem 1rem 5.5rem}.logo-text[data-v-d1e2bd7e]{font-size:1.125rem}.bottom-nav[data-v-d1e2bd7e]{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:.5rem 0;z-index:50;box-shadow:var(--shadow-lg)}.bottom-nav-link[data-v-d1e2bd7e]{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;color:var(--text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;transition:all .2s}.bottom-nav-link span[data-v-d1e2bd7e]{font-size:.75rem;font-weight:500}.bottom-nav-link svg[data-v-d1e2bd7e]{transition:all .2s}.bottom-nav-link.active[data-v-d1e2bd7e]{color:var(--accent-blue)}.bottom-nav-link.active svg[data-v-d1e2bd7e]{stroke-width:2.5}.bottom-nav-link[data-v-d1e2bd7e]:active{transform:scale(.95)}.drawer-overlay[data-v-d1e2bd7e]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;animation:fadeIn-d1e2bd7e .2s ease-out}.drawer[data-v-d1e2bd7e]{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--bg-secondary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideInRight-d1e2bd7e .3s ease-out;z-index:101}.drawer-header[data-v-d1e2bd7e]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.drawer-header h3[data-v-d1e2bd7e]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.drawer-close[data-v-d1e2bd7e]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.drawer-close[data-v-d1e2bd7e]:hover{color:var(--text-primary)}.drawer-nav[data-v-d1e2bd7e]{flex:1;overflow-y:auto;padding:.5rem}.drawer-link[data-v-d1e2bd7e]{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--text-secondary);text-decoration:none;border-radius:.75rem;transition:all .2s;margin-bottom:.25rem}.drawer-link[data-v-d1e2bd7e]:hover{background:var(--bg-tertiary);color:var(--accent-blue)}.drawer-link.router-link-active[data-v-d1e2bd7e]{background:var(--bg-tertiary);color:var(--accent-blue);font-weight:600}.drawer-link span[data-v-d1e2bd7e]{flex:1;font-size:1rem;font-weight:500}.drawer-link .chevron[data-v-d1e2bd7e]{color:var(--text-tertiary)}.drawer-link:hover .chevron[data-v-d1e2bd7e]{color:var(--accent-blue)}@keyframes fadeIn-d1e2bd7e{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-d1e2bd7e{0%{transform:translate(100%)}to{transform:translate(0)}}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.modal-overlay[data-v-f41c7952]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-f41c7952]{background:#fff;border-radius:1.5rem;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-f41c7952 .3s ease-out}@keyframes modalSlideIn-f41c7952{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-f41c7952]{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-f41c7952]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.modal-close[data-v-f41c7952]{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s}.modal-close[data-v-f41c7952]:hover{background:#f1f5f9;color:#1e293b}.modal-body[data-v-f41c7952]{padding:1.5rem 2rem;overflow-y:auto;flex:1}.loading-state[data-v-f41c7952]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:#64748b}.spinner[data-v-f41c7952]{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-f41c7952 .8s linear infinite}@keyframes spin-f41c7952{to{transform:rotate(360deg)}}.empty-state[data-v-f41c7952]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:#94a3b8}.empty-state svg[data-v-f41c7952]{stroke:#cbd5e1}.empty-state p[data-v-f41c7952]{font-size:1rem;font-weight:500}.requests-list[data-v-f41c7952]{display:flex;flex-direction:column;gap:1.5rem}.request-card[data-v-f41c7952]{background:#f8fafc;border-radius:1rem;padding:1.5rem;border:1px solid #e2e8f0;transition:all .2s}.request-card[data-v-f41c7952]:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.request-header[data-v-f41c7952]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.employee-info[data-v-f41c7952]{flex:1}.employee-name[data-v-f41c7952]{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.request-date[data-v-f41c7952]{font-size:.875rem;color:#64748b}.status-badge[data-v-f41c7952]{padding:.375rem .875rem;border-radius:999px;font-size:.875rem;font-weight:500;text-transform:capitalize}.status-badge.pending[data-v-f41c7952]{background:#fef3c7;color:#92400e}.request-details[data-v-f41c7952]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.detail-row[data-v-f41c7952]{display:flex;gap:.5rem}.detail-label[data-v-f41c7952]{font-weight:600;color:#475569;min-width:100px;flex-shrink:0}.detail-value[data-v-f41c7952]{color:#1e293b;flex:1}.approval-actions[data-v-f41c7952]{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.approval-input-group[data-v-f41c7952]{display:flex;flex-direction:column;gap:.5rem}.input-label[data-v-f41c7952]{font-size:.875rem;font-weight:600;color:#475569}.minutes-input[data-v-f41c7952]{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-family:inherit;font-size:.875rem;color:#1e293b;transition:all .2s}.minutes-input[data-v-f41c7952]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-hint[data-v-f41c7952]{font-size:.8125rem;color:#64748b;font-style:italic}.remarks-input[data-v-f41c7952]{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-family:inherit;font-size:.875rem;color:#1e293b;resize:vertical;min-height:60px;transition:all .2s}.remarks-input[data-v-f41c7952]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.action-buttons[data-v-f41c7952]{display:flex;gap:.75rem;flex-wrap:wrap}.btn-view[data-v-f41c7952],.btn-approve[data-v-f41c7952],.btn-reject[data-v-f41c7952]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;flex:1;justify-content:center;min-width:140px}.btn-view[data-v-f41c7952]{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-view[data-v-f41c7952]:hover{background:#e2e8f0;color:#1e293b}.btn-approve[data-v-f41c7952]{background:#10b981;color:#fff}.btn-approve[data-v-f41c7952]:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-reject[data-v-f41c7952]{background:#ef4444;color:#fff}.btn-reject[data-v-f41c7952]:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-approve[data-v-f41c7952]:disabled,.btn-reject[data-v-f41c7952]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.modal-container[data-v-f41c7952]{max-height:95vh;border-radius:1rem}.modal-header[data-v-f41c7952]{padding:1.25rem 1.5rem}.modal-title[data-v-f41c7952]{font-size:1.25rem}.modal-body[data-v-f41c7952]{padding:1.25rem 1.5rem}.request-card[data-v-f41c7952]{padding:1.25rem}.employee-name[data-v-f41c7952]{font-size:1rem}.request-date[data-v-f41c7952]{font-size:.8125rem}.detail-row[data-v-f41c7952]{flex-direction:column;gap:.25rem}.detail-label[data-v-f41c7952]{min-width:auto;font-size:.875rem}.detail-value[data-v-f41c7952]{font-size:.875rem}.action-buttons[data-v-f41c7952]{flex-direction:column}.btn-view[data-v-f41c7952],.btn-approve[data-v-f41c7952],.btn-reject[data-v-f41c7952]{width:100%;min-width:auto}}.dashboard[data-v-eb10fe54]{max-width:1200px;margin:0 auto}.welcome-section[data-v-eb10fe54]{margin-bottom:2rem}.page-title[data-v-eb10fe54]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.approvals-section[data-v-eb10fe54]{margin-bottom:2.5rem}.approval-cards[data-v-eb10fe54]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.approval-card[data-v-eb10fe54]{background:#fff;border-radius:1.25rem;padding:1.75rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .3s;border:2px solid transparent;position:relative;overflow:hidden}.approval-card[data-v-eb10fe54]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s}.approval-card.leave[data-v-eb10fe54]:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.approval-card.overtime[data-v-eb10fe54]:before{background:linear-gradient(90deg,#10b981,#059669)}.approval-card.late[data-v-eb10fe54]:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.approval-card[data-v-eb10fe54]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.approval-card.leave[data-v-eb10fe54]:hover{border-color:#3b82f6}.approval-card.overtime[data-v-eb10fe54]:hover{border-color:#10b981}.approval-card.late[data-v-eb10fe54]:hover{border-color:#f59e0b}.approval-icon[data-v-eb10fe54]{width:64px;height:64px;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.approval-card.leave .approval-icon[data-v-eb10fe54]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.approval-card.overtime .approval-icon[data-v-eb10fe54]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.approval-card.late .approval-icon[data-v-eb10fe54]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.approval-content[data-v-eb10fe54]{flex:1;display:flex;flex-direction:column;gap:.25rem}.approval-count[data-v-eb10fe54]{font-size:2rem;font-weight:700;line-height:1}.approval-card.leave .approval-count[data-v-eb10fe54]{color:#3b82f6}.approval-card.overtime .approval-count[data-v-eb10fe54]{color:#10b981}.approval-card.late .approval-count[data-v-eb10fe54]{color:#f59e0b}.approval-label[data-v-eb10fe54]{font-size:.9375rem;font-weight:600;color:#64748b}.approval-arrow[data-v-eb10fe54]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.5rem;background:#f1f5f9;color:#64748b;flex-shrink:0;transition:all .3s}.approval-card:hover .approval-arrow[data-v-eb10fe54]{transform:translate(4px)}.approval-card.leave:hover .approval-arrow[data-v-eb10fe54]{background:#eff6ff;color:#3b82f6}.approval-card.overtime:hover .approval-arrow[data-v-eb10fe54]{background:#ecfdf5;color:#10b981}.approval-card.late:hover .approval-arrow[data-v-eb10fe54]{background:#fffbeb;color:#f59e0b}.notifications-section[data-v-eb10fe54]{margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem}.notification-card[data-v-eb10fe54]{background:#fff;border-radius:1rem;padding:1rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid;transition:all .3s}.notification-card[data-v-eb10fe54]:hover{box-shadow:0 4px 12px #0000001a;transform:translate(4px)}.notification-card.success[data-v-eb10fe54]{border-left-color:#10b981}.notification-card.warning[data-v-eb10fe54]{border-left-color:#f59e0b}.notification-card.info[data-v-eb10fe54]{border-left-color:#3b82f6}.notification-icon[data-v-eb10fe54]{width:40px;height:40px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-card.success .notification-icon[data-v-eb10fe54]{background:#d1fae5;color:#10b981}.notification-card.warning .notification-icon[data-v-eb10fe54]{background:#fef3c7;color:#f59e0b}.notification-card.info .notification-icon[data-v-eb10fe54]{background:#dbeafe;color:#3b82f6}.notification-content[data-v-eb10fe54]{flex:1}.notification-title[data-v-eb10fe54]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.notification-message[data-v-eb10fe54]{font-size:.875rem;color:#64748b;margin-bottom:.5rem;line-height:1.5}.notification-time[data-v-eb10fe54]{font-size:.75rem;color:#94a3b8}.notification-dismiss[data-v-eb10fe54]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s;flex-shrink:0}.notification-dismiss[data-v-eb10fe54]:hover{background:#f1f5f9;color:#64748b}.attendance-section[data-v-eb10fe54]{margin-bottom:3rem}.attendance-card[data-v-eb10fe54]{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:1.5rem;padding:2rem;box-shadow:0 10px 30px #3b82f64d;color:#fff}.attendance-header[data-v-eb10fe54]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.attendance-header .section-title[data-v-eb10fe54]{color:#fff;margin-bottom:0}.attendance-date[data-v-eb10fe54]{font-size:.875rem;opacity:.9;font-weight:500}.attendance-grid[data-v-eb10fe54]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.attendance-item[data-v-eb10fe54]{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s}.attendance-item[data-v-eb10fe54]:hover{background:#fff3;transform:translateY(-2px)}.attendance-icon[data-v-eb10fe54]{width:48px;height:48px;background:#fff3;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.attendance-icon.check-in[data-v-eb10fe54]{background:#10b9814d}.attendance-icon.check-out[data-v-eb10fe54]{background:#ef44444d}.attendance-details[data-v-eb10fe54]{display:flex;flex-direction:column;gap:.25rem}.attendance-label[data-v-eb10fe54]{font-size:.875rem;opacity:.9;font-weight:500}.attendance-time[data-v-eb10fe54]{font-size:1.5rem;font-weight:700}.attendance-time.warning[data-v-eb10fe54]{color:#fbbf24}.attendance-time.success[data-v-eb10fe54]{color:#10b981}.btn-check-in[data-v-eb10fe54],.btn-check-out[data-v-eb10fe54]{background:#fff;color:#3b82f6;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;margin-top:auto}.btn-check-in[data-v-eb10fe54]:hover,.btn-check-out[data-v-eb10fe54]:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.btn-check-out[data-v-eb10fe54]{background:#ef4444e6;color:#fff}.attendance-status[data-v-eb10fe54]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff3;border-radius:.75rem;font-weight:600;font-size:.875rem;width:fit-content}.attendance-status.on_time[data-v-eb10fe54]{background:#10b9814d}.attendance-status.late[data-v-eb10fe54]{background:#fbbf244d}.page-subtitle[data-v-eb10fe54]{font-size:1rem;color:#64748b}.section-title[data-v-eb10fe54]{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.25rem}.leave-summary[data-v-eb10fe54]{margin-bottom:3rem}.leave-cards[data-v-eb10fe54]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.leave-card[data-v-eb10fe54]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:2px solid transparent;transition:all .3s}.leave-card[data-v-eb10fe54]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.leave-card.vacation[data-v-eb10fe54]{border-color:#fbbf24}.leave-card.sick[data-v-eb10fe54]{border-color:#ef4444}.leave-card.personal[data-v-eb10fe54]{border-color:#14b8a6}.leave-card-header[data-v-eb10fe54]{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.leave-icon[data-v-eb10fe54]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:#f1f5f9}.vacation .leave-icon[data-v-eb10fe54]{background:#fef3c7;color:#f59e0b}.sick .leave-icon[data-v-eb10fe54]{background:#fee2e2;color:#dc2626}.personal .leave-icon[data-v-eb10fe54]{background:#ccfbf1;color:#14b8a6}.leave-type[data-v-eb10fe54]{font-size:1.125rem;font-weight:600;color:#1e293b}.leave-stats[data-v-eb10fe54]{display:flex;gap:1rem;margin-bottom:1.5rem}.stat-item[data-v-eb10fe54]{flex:1;text-align:center}.stat-value[data-v-eb10fe54]{display:block;font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.stat-label[data-v-eb10fe54]{display:block;font-size:.875rem;color:#64748b}.stat-divider[data-v-eb10fe54]{width:1px;background:#e2e8f0}.leave-progress[data-v-eb10fe54]{margin-top:1rem}.progress-bar[data-v-eb10fe54]{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden;display:flex;margin-bottom:.5rem}.progress-fill[data-v-eb10fe54]{height:100%;transition:width .3s}.progress-fill.used[data-v-eb10fe54]{background:#94a3b8}.progress-fill.pending[data-v-eb10fe54]{background:#cbd5e1}.progress-text[data-v-eb10fe54]{font-size:.875rem;color:#64748b}.quick-actions[data-v-eb10fe54]{margin-bottom:3rem}.action-cards[data-v-eb10fe54]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.action-card[data-v-eb10fe54]{background:#fff;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;text-decoration:none;cursor:pointer;transition:all .3s;position:relative}.action-card[data-v-eb10fe54]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-icon[data-v-eb10fe54]{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon.blue[data-v-eb10fe54]{background:#dbeafe;color:#3b82f6}.action-icon.green[data-v-eb10fe54]{background:#d1fae5;color:#10b981}.action-icon.orange[data-v-eb10fe54]{background:#fed7aa;color:#f97316}.action-icon.teal[data-v-eb10fe54]{background:#ccfbf1;color:#14b8a6}.action-content[data-v-eb10fe54]{flex:1}.action-title[data-v-eb10fe54]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.action-description[data-v-eb10fe54]{font-size:.875rem;color:#64748b}.badge[data-v-eb10fe54]{position:absolute;top:1rem;right:1rem;background:#ef4444;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.recent-requests[data-v-eb10fe54]{margin-bottom:2rem}.requests-table[data-v-eb10fe54]{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.request-row[data-v-eb10fe54]{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.request-row[data-v-eb10fe54]:last-child{border-bottom:none}.request-row.header[data-v-eb10fe54]{background:#f8fafc;font-weight:600;color:#475569;font-size:.875rem}.request-cell[data-v-eb10fe54]{display:flex;align-items:center}.status-badge[data-v-eb10fe54]{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500;text-transform:capitalize}.status-badge.pending[data-v-eb10fe54]{background:#fef3c7;color:#92400e}.status-badge.approved[data-v-eb10fe54]{background:#d1fae5;color:#065f46}.status-badge.rejected[data-v-eb10fe54]{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.dashboard[data-v-eb10fe54]{padding:0}.welcome-section[data-v-eb10fe54]{margin-bottom:1.5rem}.page-title[data-v-eb10fe54]{font-size:1.375rem;margin-bottom:.25rem}.page-subtitle[data-v-eb10fe54]{font-size:.875rem}.approvals-section[data-v-eb10fe54]{margin-bottom:2rem}.approval-cards[data-v-eb10fe54]{grid-template-columns:1fr;gap:1rem}.approval-card[data-v-eb10fe54]{padding:1.25rem;gap:1rem}.approval-icon[data-v-eb10fe54]{width:52px;height:52px}.approval-icon svg[data-v-eb10fe54]{width:24px;height:24px}.approval-count[data-v-eb10fe54]{font-size:1.75rem}.approval-label[data-v-eb10fe54]{font-size:.875rem}.approval-arrow[data-v-eb10fe54]{width:28px;height:28px}.approval-arrow svg[data-v-eb10fe54]{width:18px;height:18px}.notifications-section[data-v-eb10fe54]{margin-bottom:1.5rem;gap:.625rem}.notification-card[data-v-eb10fe54]{padding:.875rem 1rem;border-radius:.875rem}.notification-icon[data-v-eb10fe54]{width:36px;height:36px}.notification-icon svg[data-v-eb10fe54]{width:18px;height:18px}.notification-title[data-v-eb10fe54]{font-size:.9375rem}.notification-message[data-v-eb10fe54]{font-size:.8125rem}.notification-time[data-v-eb10fe54]{font-size:.6875rem}.attendance-section[data-v-eb10fe54]{margin-bottom:2rem}.attendance-card[data-v-eb10fe54]{padding:1.25rem;border-radius:1rem}.attendance-header[data-v-eb10fe54]{margin-bottom:1.25rem}.attendance-header .section-title[data-v-eb10fe54]{font-size:1rem}.attendance-date[data-v-eb10fe54]{font-size:.75rem}.attendance-grid[data-v-eb10fe54]{grid-template-columns:1fr;gap:.875rem;margin-bottom:1rem}.attendance-item[data-v-eb10fe54]{padding:1rem;border-radius:.75rem;flex-direction:row;align-items:center}.attendance-icon[data-v-eb10fe54]{width:36px;height:36px;border-radius:.5rem}.attendance-icon svg[data-v-eb10fe54]{width:18px;height:18px}.attendance-details[data-v-eb10fe54]{flex:1}.attendance-label[data-v-eb10fe54]{font-size:.75rem}.attendance-time[data-v-eb10fe54]{font-size:1.125rem}.btn-check-in[data-v-eb10fe54],.btn-check-out[data-v-eb10fe54]{padding:.625rem 1rem;font-size:.8125rem;margin-top:0}.attendance-status[data-v-eb10fe54]{padding:.625rem 1rem;font-size:.75rem}.attendance-status svg[data-v-eb10fe54]{width:14px;height:14px}.section-title[data-v-eb10fe54]{font-size:1.0625rem;margin-bottom:1rem}.leave-summary[data-v-eb10fe54]{margin-bottom:1.5rem}.leave-cards[data-v-eb10fe54]{grid-template-columns:1fr;gap:.75rem}.leave-card[data-v-eb10fe54]{padding:.875rem;border-radius:.75rem}.leave-card-header[data-v-eb10fe54]{margin-bottom:.75rem;gap:.5rem}.leave-icon[data-v-eb10fe54]{width:32px;height:32px;border-radius:.5rem}.leave-icon svg[data-v-eb10fe54]{width:16px;height:16px}.leave-type[data-v-eb10fe54]{font-size:.875rem}.leave-stats[data-v-eb10fe54]{gap:.625rem;margin-bottom:.875rem}.stat-value[data-v-eb10fe54]{font-size:1.25rem}.stat-label[data-v-eb10fe54]{font-size:.6875rem}.progress-bar[data-v-eb10fe54]{height:4px}.progress-text[data-v-eb10fe54]{font-size:.6875rem}.leave-progress[data-v-eb10fe54]{margin-top:.625rem}.quick-actions[data-v-eb10fe54]{margin-bottom:2rem}.action-cards[data-v-eb10fe54]{grid-template-columns:1fr;gap:.875rem}.action-card[data-v-eb10fe54]{padding:1rem;border-radius:.875rem;gap:.875rem}.action-icon[data-v-eb10fe54]{width:44px;height:44px;border-radius:.75rem}.action-icon svg[data-v-eb10fe54]{width:20px;height:20px}.action-title[data-v-eb10fe54]{font-size:.9375rem}.action-description[data-v-eb10fe54]{font-size:.8125rem}.badge[data-v-eb10fe54]{width:20px;height:20px;font-size:.6875rem;top:.875rem;right:.875rem}.recent-requests[data-v-eb10fe54]{margin-bottom:1.5rem}.requests-table[data-v-eb10fe54]{border-radius:.875rem}.request-row[data-v-eb10fe54],.request-row.header[data-v-eb10fe54]{display:none}.requests-table[data-v-eb10fe54]:after{content:"";display:block}}.mobile-request-card[data-v-eb10fe54]{display:none}@media (max-width: 768px){.mobile-request-card[data-v-eb10fe54]{display:block;padding:1rem;border-bottom:1px solid #e2e8f0}.mobile-request-card[data-v-eb10fe54]:last-child{border-bottom:none}.mobile-request-header[data-v-eb10fe54]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mobile-request-type[data-v-eb10fe54]{font-weight:600;color:#1e293b;font-size:.9375rem}.mobile-request-body[data-v-eb10fe54]{display:flex;flex-direction:column;gap:.5rem}.mobile-request-row[data-v-eb10fe54]{display:flex;justify-content:space-between;font-size:.8125rem}.mobile-request-label[data-v-eb10fe54]{color:#64748b}.mobile-request-value[data-v-eb10fe54]{color:#1e293b;font-weight:500}}@media (max-width: 480px){.page-title[data-v-eb10fe54]{font-size:1.25rem}.page-subtitle[data-v-eb10fe54]{font-size:.8125rem}.notification-card[data-v-eb10fe54]{padding:.75rem .875rem}.notification-icon[data-v-eb10fe54]{width:32px;height:32px}.notification-icon svg[data-v-eb10fe54]{width:16px;height:16px}.notification-title[data-v-eb10fe54]{font-size:.875rem}.notification-message[data-v-eb10fe54]{font-size:.75rem}.notification-time[data-v-eb10fe54]{font-size:.625rem}.attendance-card[data-v-eb10fe54]{padding:1rem}.attendance-header .section-title[data-v-eb10fe54]{font-size:.9375rem}.attendance-date[data-v-eb10fe54]{font-size:.6875rem}.attendance-grid[data-v-eb10fe54]{gap:.75rem}.attendance-item[data-v-eb10fe54]{padding:.875rem}.attendance-icon[data-v-eb10fe54]{width:32px;height:32px}.attendance-icon svg[data-v-eb10fe54]{width:16px;height:16px}.attendance-label[data-v-eb10fe54]{font-size:.6875rem}.attendance-time[data-v-eb10fe54]{font-size:1rem}.btn-check-in[data-v-eb10fe54],.btn-check-out[data-v-eb10fe54]{padding:.5rem .875rem;font-size:.75rem}.section-title[data-v-eb10fe54]{font-size:1rem}.leave-card[data-v-eb10fe54]{padding:.75rem}.leave-card-header[data-v-eb10fe54]{margin-bottom:.625rem}.leave-icon[data-v-eb10fe54]{width:28px;height:28px}.leave-icon svg[data-v-eb10fe54]{width:14px;height:14px}.leave-type[data-v-eb10fe54]{font-size:.8125rem}.leave-stats[data-v-eb10fe54]{gap:.5rem;margin-bottom:.625rem}.stat-value[data-v-eb10fe54]{font-size:1.125rem}.stat-label[data-v-eb10fe54]{font-size:.625rem}.progress-bar[data-v-eb10fe54]{height:3px}.progress-text[data-v-eb10fe54]{font-size:.625rem}.leave-progress[data-v-eb10fe54]{margin-top:.5rem}.action-card[data-v-eb10fe54]{padding:.875rem}.action-icon[data-v-eb10fe54]{width:40px;height:40px}.action-icon svg[data-v-eb10fe54]{width:18px;height:18px}.action-title[data-v-eb10fe54]{font-size:.875rem}.action-description[data-v-eb10fe54]{font-size:.75rem}.mobile-request-card[data-v-eb10fe54]{padding:.875rem}.mobile-request-type[data-v-eb10fe54]{font-size:.875rem}.mobile-request-body[data-v-eb10fe54]{gap:.375rem}.mobile-request-row[data-v-eb10fe54]{font-size:.75rem}.status-badge[data-v-eb10fe54]{padding:.25rem .625rem;font-size:.75rem}}.search-select-wrapper[data-v-50570cec]{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}.search-select-label[data-v-50570cec]{display:block;font-size:14px;font-weight:500;color:var(--text-primary)}.required-mark[data-v-50570cec]{color:var(--accent-red);margin-left:2px}.search-select-container[data-v-50570cec]{position:relative;width:100%;box-sizing:border-box}.search-select-input[data-v-50570cec]{width:100%;padding:10px 40px 10px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--input-bg);transition:all .2s ease;box-sizing:border-box}.search-select-input[data-v-50570cec]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.search-select-input[data-v-50570cec]::placeholder{color:var(--text-tertiary)}.input-error[data-v-50570cec]{border-color:var(--accent-red)}.input-error[data-v-50570cec]:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px #ef44441a}.input-readonly[data-v-50570cec]{background:var(--bg-tertiary);cursor:default;opacity:.7}.input-disabled[data-v-50570cec]{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.clear-button[data-v-50570cec]{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:4px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-button[data-v-50570cec]:hover{background:var(--bg-primary);color:var(--accent-red)}.dropdown-arrow[data-v-50570cec]{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--text-tertiary);pointer-events:none}.error-message[data-v-50570cec]{font-size:12px;color:var(--accent-red);margin:0}.dropdown-menu[data-v-50570cec]{position:absolute;z-index:1000;width:100%;margin-top:4px;background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);max-height:240px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;left:0}.dropdown-up[data-v-50570cec]{bottom:100%;top:auto;margin-top:0;margin-bottom:4px}.dropdown-message[data-v-50570cec]{padding:16px;text-align:center;color:var(--text-tertiary);font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:100%;overflow:hidden}.dropdown-options[data-v-50570cec]{padding:4px 0;width:100%;box-sizing:border-box;overflow:hidden}.dropdown-option[data-v-50570cec]{width:100%;padding:10px 12px;text-align:left;font-size:14px;color:var(--text-primary);background:none;border:none;cursor:pointer;transition:background-color .15s ease;display:block;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-option[data-v-50570cec]:hover,.option-focused[data-v-50570cec]{background:var(--bg-tertiary)}.option-selected[data-v-50570cec]{background:#3b82f61a;color:var(--accent-blue);font-weight:500}.option-selected[data-v-50570cec]:hover{background:#3b82f626}.add-new-button[data-v-50570cec]{width:100%;padding:10px 12px;text-align:left;color:var(--accent-blue);background:none;border:none;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;transition:background-color .15s ease;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-new-button[data-v-50570cec]:hover{background:#3b82f60d}.dropdown-menu[data-v-50570cec]::-webkit-scrollbar{width:8px}.dropdown-menu[data-v-50570cec]::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.dropdown-menu[data-v-50570cec]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.dropdown-menu[data-v-50570cec]::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.icon[data-v-50570cec]{width:16px;height:16px;flex-shrink:0}.icon-spin[data-v-50570cec]{animation:spin-50570cec 1s linear infinite}@keyframes spin-50570cec{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.date-input-wrapper[data-v-00715036]{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}.date-input-label[data-v-00715036]{display:block;font-size:14px;font-weight:500;color:var(--text-primary)}.required-mark[data-v-00715036]{color:var(--accent-red);margin-left:2px}.date-input-container[data-v-00715036]{position:relative;width:100%;box-sizing:border-box}.date-input[data-v-00715036]{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--input-bg);transition:all .2s ease;box-sizing:border-box}.date-input[data-v-00715036]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.date-input[data-v-00715036]::placeholder{color:var(--text-tertiary)}.date-input[data-v-00715036]::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--text-secondary);opacity:.7;transition:opacity .2s ease}.date-input[data-v-00715036]::-webkit-calendar-picker-indicator:hover{opacity:1}.input-error[data-v-00715036]{border-color:var(--accent-red)}.input-error[data-v-00715036]:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px #ef44441a}.input-readonly[data-v-00715036]{background:var(--bg-tertiary);cursor:default;opacity:.7}.error-message[data-v-00715036]{font-size:12px;color:var(--accent-red);margin:0}.modal-overlay[data-v-578922a6]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn-578922a6 .2s ease-out}.modal-content[data-v-578922a6]{background:var(--bg-primary);border-radius:1rem;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp-578922a6 .3s ease-out}.modal-header[data-v-578922a6]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-578922a6]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn[data-v-578922a6]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-578922a6]:hover{color:var(--text-primary)}.modal-body[data-v-578922a6]{flex:1;overflow-y:auto;padding:1.5rem}.loading-state[data-v-578922a6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.spinner[data-v-578922a6]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-578922a6 .8s linear infinite;margin-bottom:1rem}@keyframes spin-578922a6{to{transform:rotate(360deg)}}.status-banner[data-v-578922a6]{background:var(--bg-secondary);border-radius:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-left:4px solid var(--accent-blue)}.status-banner.pending[data-v-578922a6]{border-left-color:#f59e0b;background:#fffbeb}.status-banner.approved[data-v-578922a6]{border-left-color:var(--accent-green);background:#f0fdf4}.status-banner.rejected[data-v-578922a6]{border-left-color:var(--accent-red);background:#fef2f2}.status-content[data-v-578922a6]{display:flex;flex-direction:column;gap:.25rem}.status-label[data-v-578922a6]{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.status-value[data-v-578922a6]{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.details-section[data-v-578922a6]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.details-section h4[data-v-578922a6]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.detail-row[data-v-578922a6]{display:flex;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-row[data-v-578922a6]:first-child{padding-top:0}.detail-row[data-v-578922a6]:last-child{border-bottom:none;padding-bottom:0}.detail-label[data-v-578922a6]{font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:140px;flex-shrink:0}.detail-value[data-v-578922a6]{font-size:.9375rem;color:var(--text-primary);font-weight:500;flex:1}.employee-code[data-v-578922a6]{display:inline-block;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;color:var(--accent-blue);margin-right:.5rem}.employee-name[data-v-578922a6]{font-weight:600}.reason-text[data-v-578922a6]{line-height:1.6;white-space:pre-wrap}.review-date[data-v-578922a6]{display:block;font-size:.8125rem;color:var(--text-tertiary);margin-top:.25rem}.attendance-details-section[data-v-578922a6]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.attendance-details-section h4[data-v-578922a6]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.attendance-table-wrapper.desktop-view[data-v-578922a6]{display:block;overflow-x:auto;margin-bottom:1rem}.attendance-cards-wrapper.mobile-view[data-v-578922a6]{display:none}.attendance-table[data-v-578922a6]{width:100%;border-collapse:collapse;font-size:.875rem}.checkbox-col[data-v-578922a6]{width:40px;text-align:center}.row-checkbox[data-v-578922a6]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-blue)}.attendance-table th[data-v-578922a6]{background:var(--bg-tertiary);padding:.75rem .5rem;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap}.attendance-table td[data-v-578922a6]{padding:.75rem .5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.attendance-table tbody tr:last-child td[data-v-578922a6]{border-bottom:none}.attendance-table tbody tr[data-v-578922a6]:hover{background:var(--bg-tertiary)}.date-cell[data-v-578922a6]{font-weight:600}.ot-mins[data-v-578922a6]{font-weight:600;color:var(--accent-blue)}.approved-ot-cell[data-v-578922a6]{padding:.5rem}.approved-ot-input[data-v-578922a6]{width:80px;padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;font-weight:600}.approved-ot-input[data-v-578922a6]:focus{outline:none;border-color:var(--accent-blue)}.approved-ot-display[data-v-578922a6]{font-weight:600;color:var(--accent-green)}.remarks-cell[data-v-578922a6]{min-width:150px}.remarks-field-input[data-v-578922a6]{width:100%;padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-size:.8125rem}.remarks-field-input[data-v-578922a6]:focus{outline:none;border-color:var(--accent-blue)}.remarks-display[data-v-578922a6]{color:var(--text-secondary);font-size:.8125rem}.totals-row[data-v-578922a6]{display:flex;justify-content:flex-end;gap:2rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem}.total-item[data-v-578922a6]{display:flex;gap:.5rem;align-items:center}.total-label[data-v-578922a6]{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.total-value[data-v-578922a6]{font-size:1rem;font-weight:700;color:var(--accent-blue)}.total-value.approved[data-v-578922a6]{color:var(--accent-green)}.no-data[data-v-578922a6]{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}.attendance-cards-wrapper[data-v-578922a6]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.attendance-card[data-v-578922a6]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;transition:box-shadow .2s}.attendance-card[data-v-578922a6]:hover{box-shadow:0 2px 8px #0000001a}.card-header[data-v-578922a6]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.card-checkbox[data-v-578922a6]{display:flex;align-items:center}.card-date[data-v-578922a6]{font-size:1rem;font-weight:700;color:var(--text-primary);flex:1}.card-content[data-v-578922a6]{padding:1rem;display:flex;flex-direction:column;gap:1rem}.card-section[data-v-578922a6]{display:flex;flex-direction:column;gap:.5rem}.card-section.full-width[data-v-578922a6]{width:100%}.card-row[data-v-578922a6]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.card-row[data-v-578922a6]:last-child{border-bottom:none}.card-label[data-v-578922a6]{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.card-value[data-v-578922a6]{font-size:.9375rem;color:var(--text-primary);font-weight:500;text-align:right}.approved-ot-input-mobile[data-v-578922a6]{width:100px;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;font-weight:600}.approved-ot-input-mobile[data-v-578922a6]:focus{outline:none;border-color:var(--accent-blue)}.remarks-field-input-mobile[data-v-578922a6]{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;margin-top:.25rem}.remarks-field-input-mobile[data-v-578922a6]:focus{outline:none;border-color:var(--accent-blue)}.action-section[data-v-578922a6]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:2px solid var(--accent-blue)}.action-section h4[data-v-578922a6]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.remarks-input[data-v-578922a6]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;resize:vertical;margin-bottom:1rem}.remarks-input[data-v-578922a6]:focus{outline:none;border-color:var(--accent-blue)}.action-buttons[data-v-578922a6]{display:flex;gap:.75rem}.action-buttons button[data-v-578922a6]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-approve[data-v-578922a6]{background:var(--accent-green);color:#fff}.btn-approve[data-v-578922a6]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-reject[data-v-578922a6]{background:var(--accent-red);color:#fff}.btn-reject[data-v-578922a6]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.action-buttons button[data-v-578922a6]:disabled{opacity:.5;cursor:not-allowed}.timeline-section[data-v-578922a6]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem}.timeline-section h4[data-v-578922a6]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.timeline[data-v-578922a6]{position:relative;padding-left:3rem}.timeline[data-v-578922a6]:before{content:"";position:absolute;left:.25rem;top:1.25rem;bottom:1.25rem;width:2px;background:var(--border-color)}.timeline-item[data-v-578922a6]{position:relative;padding-bottom:1.5rem}.timeline-item[data-v-578922a6]:last-child{padding-bottom:0}.timeline-marker[data-v-578922a6]{position:absolute;left:-2.75rem;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);transition:all .2s}.timeline-icon[data-v-578922a6]{display:flex;align-items:center;justify-content:center}.timeline-marker.submitted[data-v-578922a6]{border-color:var(--accent-blue);background:#eff6ff;color:var(--accent-blue)}.timeline-marker.pending[data-v-578922a6]{border-color:#f59e0b;background:#fffbeb;color:#f59e0b}.timeline-marker.approved[data-v-578922a6]{border-color:var(--accent-green);background:#f0fdf4;color:var(--accent-green)}.timeline-marker.rejected[data-v-578922a6]{border-color:var(--accent-red);background:#fef2f2;color:var(--accent-red)}.timeline-marker.supervisor_approval[data-v-578922a6]{border-color:#8b5cf6;background:#f5f3ff;color:#8b5cf6}.timeline-content[data-v-578922a6]{padding-left:.5rem}.timeline-header[data-v-578922a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.timeline-action[data-v-578922a6]{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.timeline-date[data-v-578922a6]{font-size:.8125rem;color:var(--text-tertiary)}.timeline-actor[data-v-578922a6]{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.actor-code[data-v-578922a6]{color:var(--text-tertiary);font-size:.8125rem}.timeline-remarks[data-v-578922a6]{font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:.375rem;border-left:3px solid var(--accent-blue);margin-top:.5rem}.remarks-label[data-v-578922a6]{font-weight:600;color:var(--text-primary)}.timeline-empty[data-v-578922a6]{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}@keyframes fadeIn-578922a6{0%{opacity:0}to{opacity:1}}@keyframes slideUp-578922a6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-content[data-v-578922a6]{max-width:95vw}.attendance-table-wrapper.desktop-view[data-v-578922a6]{display:none!important}.attendance-cards-wrapper.mobile-view[data-v-578922a6]{display:flex!important}.totals-row[data-v-578922a6]{flex-direction:column;gap:.5rem;align-items:flex-start}}@media (max-width: 640px){.modal-overlay[data-v-578922a6]{padding:0;align-items:flex-end}.modal-content[data-v-578922a6]{margin:0;border-radius:1rem 1rem 0 0;max-height:95vh;max-width:100%}.modal-header[data-v-578922a6]{padding:1rem}.modal-header h3[data-v-578922a6]{font-size:1.125rem}.modal-body[data-v-578922a6]{padding:1rem}.status-banner[data-v-578922a6]{padding:.75rem 1rem;margin-bottom:1rem}.details-section[data-v-578922a6],.attendance-details-section[data-v-578922a6],.action-section[data-v-578922a6],.timeline-section[data-v-578922a6]{padding:1rem;margin-bottom:1rem}.detail-row[data-v-578922a6]{flex-direction:column;gap:.375rem;padding:.625rem 0}.detail-label[data-v-578922a6]{min-width:auto;font-size:.8125rem}.action-buttons[data-v-578922a6]{flex-direction:column;gap:.625rem}.timeline[data-v-578922a6]{padding-left:2.5rem}.timeline-marker[data-v-578922a6]{left:-2.25rem;width:2rem;height:2rem}.loading-state[data-v-578922a6]{padding:2rem 1rem}.spinner[data-v-578922a6]{width:32px;height:32px}}.modal-overlay[data-v-1c606c58]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn-1c606c58 .2s ease-out}.modal-content[data-v-1c606c58]{background:var(--bg-primary);border-radius:1rem;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp-1c606c58 .3s ease-out}.modal-header[data-v-1c606c58]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-1c606c58]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn[data-v-1c606c58]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-1c606c58]:hover{color:var(--text-primary)}.modal-body[data-v-1c606c58]{flex:1;overflow-y:auto;padding:1.5rem}.loading-state[data-v-1c606c58]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.spinner[data-v-1c606c58]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-1c606c58 .8s linear infinite;margin-bottom:1rem}@keyframes spin-1c606c58{to{transform:rotate(360deg)}}.status-banner[data-v-1c606c58]{background:var(--bg-secondary);border-radius:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-left:4px solid var(--accent-blue)}.status-banner.pending[data-v-1c606c58]{border-left-color:#f59e0b;background:#fffbeb}.status-banner.approved[data-v-1c606c58]{border-left-color:var(--accent-green);background:#f0fdf4}.status-banner.rejected[data-v-1c606c58]{border-left-color:var(--accent-red);background:#fef2f2}.status-content[data-v-1c606c58]{display:flex;flex-direction:column;gap:.25rem}.status-label[data-v-1c606c58]{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.status-value[data-v-1c606c58]{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.details-section[data-v-1c606c58]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.details-section h4[data-v-1c606c58]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.detail-row[data-v-1c606c58]{display:flex;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-row[data-v-1c606c58]:first-child{padding-top:0}.detail-row[data-v-1c606c58]:last-child{border-bottom:none;padding-bottom:0}.detail-label[data-v-1c606c58]{font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:140px;flex-shrink:0}.detail-value[data-v-1c606c58]{font-size:.9375rem;color:var(--text-primary);font-weight:500;flex:1}.employee-code[data-v-1c606c58]{display:inline-block;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;color:var(--accent-blue);margin-right:.5rem}.employee-name[data-v-1c606c58]{font-weight:600}.reason-text[data-v-1c606c58]{line-height:1.6;white-space:pre-wrap}.review-date[data-v-1c606c58]{display:block;font-size:.8125rem;color:var(--text-tertiary);margin-top:.25rem}.attendance-details-section[data-v-1c606c58]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.attendance-details-section h4[data-v-1c606c58]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.attendance-table-wrapper.desktop-view[data-v-1c606c58]{display:block;overflow-x:auto;margin-bottom:1rem}.attendance-cards-wrapper.mobile-view[data-v-1c606c58]{display:none}.attendance-table[data-v-1c606c58]{width:100%;border-collapse:collapse;font-size:.875rem}.checkbox-col[data-v-1c606c58]{width:40px;text-align:center}.row-checkbox[data-v-1c606c58]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-blue)}.attendance-table th[data-v-1c606c58]{background:var(--bg-tertiary);padding:.75rem .5rem;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap}.attendance-table td[data-v-1c606c58]{padding:.75rem .5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.attendance-table tbody tr:last-child td[data-v-1c606c58]{border-bottom:none}.attendance-table tbody tr[data-v-1c606c58]:hover{background:var(--bg-tertiary)}.date-cell[data-v-1c606c58]{font-weight:600}.ot-mins[data-v-1c606c58]{font-weight:600;color:var(--accent-blue)}.approved-ot-cell[data-v-1c606c58]{padding:.5rem}.approved-ot-input[data-v-1c606c58]{width:80px;padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;font-weight:600}.approved-ot-input[data-v-1c606c58]:focus{outline:none;border-color:var(--accent-blue)}.approved-ot-display[data-v-1c606c58]{font-weight:600;color:var(--accent-green)}.remarks-cell[data-v-1c606c58]{min-width:150px}.remarks-field-input[data-v-1c606c58]{width:100%;padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-size:.8125rem}.remarks-field-input[data-v-1c606c58]:focus{outline:none;border-color:var(--accent-blue)}.remarks-display[data-v-1c606c58]{color:var(--text-secondary);font-size:.8125rem}.totals-row[data-v-1c606c58]{display:flex;justify-content:flex-end;gap:2rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem}.total-item[data-v-1c606c58]{display:flex;gap:.5rem;align-items:center}.total-label[data-v-1c606c58]{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.total-value[data-v-1c606c58]{font-size:1rem;font-weight:700;color:var(--accent-blue)}.total-value.approved[data-v-1c606c58]{color:var(--accent-green)}.no-data[data-v-1c606c58]{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}.attendance-cards-wrapper[data-v-1c606c58]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.attendance-card[data-v-1c606c58]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;transition:box-shadow .2s}.attendance-card[data-v-1c606c58]:hover{box-shadow:0 2px 8px #0000001a}.card-header[data-v-1c606c58]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.card-checkbox[data-v-1c606c58]{display:flex;align-items:center}.card-date[data-v-1c606c58]{font-size:1rem;font-weight:700;color:var(--text-primary);flex:1}.card-content[data-v-1c606c58]{padding:1rem;display:flex;flex-direction:column;gap:1rem}.card-section[data-v-1c606c58]{display:flex;flex-direction:column;gap:.5rem}.card-section.full-width[data-v-1c606c58]{width:100%}.card-row[data-v-1c606c58]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.card-row[data-v-1c606c58]:last-child{border-bottom:none}.card-label[data-v-1c606c58]{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.card-value[data-v-1c606c58]{font-size:.9375rem;color:var(--text-primary);font-weight:500;text-align:right}.approved-ot-input-mobile[data-v-1c606c58]{width:100px;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;font-weight:600}.approved-ot-input-mobile[data-v-1c606c58]:focus{outline:none;border-color:var(--accent-blue)}.remarks-field-input-mobile[data-v-1c606c58]{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;margin-top:.25rem}.remarks-field-input-mobile[data-v-1c606c58]:focus{outline:none;border-color:var(--accent-blue)}.action-section[data-v-1c606c58]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:2px solid var(--accent-blue)}.action-section h4[data-v-1c606c58]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.remarks-input[data-v-1c606c58]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;resize:vertical;margin-bottom:1rem}.remarks-input[data-v-1c606c58]:focus{outline:none;border-color:var(--accent-blue)}.action-buttons[data-v-1c606c58]{display:flex;gap:.75rem}.action-buttons button[data-v-1c606c58]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-approve[data-v-1c606c58]{background:var(--accent-green);color:#fff}.btn-approve[data-v-1c606c58]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-reject[data-v-1c606c58]{background:var(--accent-red);color:#fff}.btn-reject[data-v-1c606c58]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.action-buttons button[data-v-1c606c58]:disabled{opacity:.5;cursor:not-allowed}.timeline-section[data-v-1c606c58]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem}.timeline-section h4[data-v-1c606c58]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.timeline[data-v-1c606c58]{position:relative;padding-left:3rem}.timeline[data-v-1c606c58]:before{content:"";position:absolute;left:.25rem;top:1.25rem;bottom:1.25rem;width:2px;background:var(--border-color)}.timeline-item[data-v-1c606c58]{position:relative;padding-bottom:1.5rem}.timeline-item[data-v-1c606c58]:last-child{padding-bottom:0}.timeline-marker[data-v-1c606c58]{position:absolute;left:-2.75rem;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);transition:all .2s}.timeline-icon[data-v-1c606c58]{display:flex;align-items:center;justify-content:center}.timeline-marker.submitted[data-v-1c606c58]{border-color:var(--accent-blue);background:#eff6ff;color:var(--accent-blue)}.timeline-marker.pending[data-v-1c606c58]{border-color:#f59e0b;background:#fffbeb;color:#f59e0b}.timeline-marker.approved[data-v-1c606c58]{border-color:var(--accent-green);background:#f0fdf4;color:var(--accent-green)}.timeline-marker.rejected[data-v-1c606c58]{border-color:var(--accent-red);background:#fef2f2;color:var(--accent-red)}.timeline-marker.supervisor_approval[data-v-1c606c58]{border-color:#8b5cf6;background:#f5f3ff;color:#8b5cf6}.timeline-content[data-v-1c606c58]{padding-left:.5rem}.timeline-header[data-v-1c606c58]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.timeline-action[data-v-1c606c58]{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.timeline-date[data-v-1c606c58]{font-size:.8125rem;color:var(--text-tertiary)}.timeline-actor[data-v-1c606c58]{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.actor-code[data-v-1c606c58]{color:var(--text-tertiary);font-size:.8125rem}.timeline-remarks[data-v-1c606c58]{font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:.375rem;border-left:3px solid var(--accent-blue);margin-top:.5rem}.remarks-label[data-v-1c606c58]{font-weight:600;color:var(--text-primary)}.timeline-empty[data-v-1c606c58]{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}@keyframes fadeIn-1c606c58{0%{opacity:0}to{opacity:1}}@keyframes slideUp-1c606c58{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-content[data-v-1c606c58]{max-width:95vw}.attendance-table-wrapper.desktop-view[data-v-1c606c58]{display:none!important}.attendance-cards-wrapper.mobile-view[data-v-1c606c58]{display:flex!important}.totals-row[data-v-1c606c58]{flex-direction:column;gap:.5rem;align-items:flex-start}}@media (max-width: 640px){.modal-overlay[data-v-1c606c58]{padding:0;align-items:flex-end}.modal-content[data-v-1c606c58]{margin:0;border-radius:1rem 1rem 0 0;max-height:95vh;max-width:100%}.modal-header[data-v-1c606c58]{padding:1rem}.modal-header h3[data-v-1c606c58]{font-size:1.125rem}.modal-body[data-v-1c606c58]{padding:1rem}.status-banner[data-v-1c606c58]{padding:.75rem 1rem;margin-bottom:1rem}.details-section[data-v-1c606c58],.attendance-details-section[data-v-1c606c58],.action-section[data-v-1c606c58],.timeline-section[data-v-1c606c58]{padding:1rem;margin-bottom:1rem}.detail-row[data-v-1c606c58]{flex-direction:column;gap:.375rem;padding:.625rem 0}.detail-label[data-v-1c606c58]{min-width:auto;font-size:.8125rem}.action-buttons[data-v-1c606c58]{flex-direction:column;gap:.625rem}.timeline[data-v-1c606c58]{padding-left:2.5rem}.timeline-marker[data-v-1c606c58]{left:-2.25rem;width:2rem;height:2rem}.loading-state[data-v-1c606c58]{padding:2rem 1rem}.spinner[data-v-1c606c58]{width:32px;height:32px}}.modal-overlay[data-v-d3cf766c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn-d3cf766c .2s ease-out}@keyframes fadeIn-d3cf766c{0%{opacity:0}to{opacity:1}}.modal-content[data-v-d3cf766c]{background:var(--bg-secondary);border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp-d3cf766c .3s ease-out}@keyframes slideUp-d3cf766c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-d3cf766c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-title[data-v-d3cf766c]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.close-btn[data-v-d3cf766c]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.close-btn[data-v-d3cf766c]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-d3cf766c]{padding:1.5rem;overflow-y:auto}.form[data-v-d3cf766c]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-d3cf766c]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-d3cf766c]{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.required[data-v-d3cf766c]{color:var(--accent-red)}.form-input[data-v-d3cf766c],.form-select[data-v-d3cf766c],.form-textarea[data-v-d3cf766c]{padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:all .2s}.form-input[data-v-d3cf766c]:focus,.form-select[data-v-d3cf766c]:focus,.form-textarea[data-v-d3cf766c]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-d3cf766c]{resize:vertical}.roster-info[data-v-d3cf766c]{background:linear-gradient(135deg,#3b82f61a,#93c5fd1a);border:1px solid rgba(59,130,246,.2);border-radius:.75rem;padding:1rem;margin:-.5rem 0 .5rem}.roster-header[data-v-d3cf766c]{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--accent-blue);font-weight:600;font-size:.875rem}.roster-header svg[data-v-d3cf766c]{flex-shrink:0}.roster-times[data-v-d3cf766c]{display:flex;gap:1rem;align-items:center}.roster-time-item[data-v-d3cf766c]{flex:1;display:flex;flex-direction:column;gap:.25rem}.roster-time-label[data-v-d3cf766c]{font-size:.75rem;color:var(--text-secondary);font-weight:500}.roster-time-value[data-v-d3cf766c]{font-size:1rem;color:var(--text-primary);font-weight:600}.roster-time-divider[data-v-d3cf766c]{width:1px;height:2rem;background:var(--border-color)}.roster-loading[data-v-d3cf766c]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem;margin:-.5rem 0 .5rem;font-size:.875rem;color:var(--text-secondary)}.roster-spinner[data-v-d3cf766c]{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-d3cf766c .8s linear infinite}.actual-times-info[data-v-d3cf766c]{background:linear-gradient(135deg,#10b9811a,#a7f3d01a);border:1px solid rgba(16,185,129,.2);border-radius:.75rem;padding:1rem;margin:-.5rem 0 .5rem}.actual-times-header[data-v-d3cf766c]{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#10b981;font-weight:600;font-size:.875rem}.actual-times-header svg[data-v-d3cf766c]{flex-shrink:0}.time-missing[data-v-d3cf766c]{color:var(--text-tertiary)!important;font-style:italic;font-weight:500!important}.form-actions[data-v-d3cf766c]{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-primary[data-v-d3cf766c],.btn-secondary[data-v-d3cf766c]{padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.btn-primary[data-v-d3cf766c]{background:var(--accent-blue);color:#fff}.btn-primary[data-v-d3cf766c]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary[data-v-d3cf766c]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-d3cf766c]{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary[data-v-d3cf766c]:hover{background:var(--bg-primary);color:var(--text-primary)}.details-view[data-v-d3cf766c]{display:flex;flex-direction:column;gap:2rem}.details-section[data-v-d3cf766c],.timeline-section[data-v-d3cf766c]{display:flex;flex-direction:column;gap:1rem}.section-title[data-v-d3cf766c]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.details-grid[data-v-d3cf766c]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.detail-item[data-v-d3cf766c]{display:flex;flex-direction:column;gap:.375rem}.detail-item.full-width[data-v-d3cf766c]{grid-column:1 / -1}.detail-label[data-v-d3cf766c]{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.detail-value[data-v-d3cf766c]{font-size:.875rem;color:var(--text-primary);line-height:1.5}.type-badge[data-v-d3cf766c]{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.type-badge.in[data-v-d3cf766c]{background:#dbeafe;color:#1e40af}.type-badge.out[data-v-d3cf766c]{background:#fef3c7;color:#92400e}.status-badge[data-v-d3cf766c]{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.pending[data-v-d3cf766c]{background:#fef3c7;color:#92400e}.status-badge.approved[data-v-d3cf766c]{background:#d1fae5;color:#065f46}.status-badge.rejected[data-v-d3cf766c]{background:#fee2e2;color:#991b1b}.status-badge.inactive[data-v-d3cf766c]{background:var(--bg-tertiary);color:var(--text-tertiary)}.timeline-section[data-v-d3cf766c]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem}.timeline-section h4[data-v-d3cf766c]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.timeline[data-v-d3cf766c]{position:relative;padding-left:3rem}.timeline[data-v-d3cf766c]:before{content:"";position:absolute;left:.25rem;top:1.25rem;bottom:1.25rem;width:2px;background:var(--border-color)}.timeline-item[data-v-d3cf766c]{position:relative;padding-bottom:1.5rem}.timeline-item[data-v-d3cf766c]:last-child{padding-bottom:0}.timeline-marker[data-v-d3cf766c]{position:absolute;left:-2.75rem;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);transition:all .2s}.timeline-icon[data-v-d3cf766c]{display:flex;align-items:center;justify-content:center}.timeline-marker.submitted[data-v-d3cf766c]{border-color:var(--accent-blue);background:#eff6ff;color:var(--accent-blue)}.timeline-marker.pending[data-v-d3cf766c]{border-color:#f59e0b;background:#fffbeb;color:#f59e0b}.timeline-marker.approved[data-v-d3cf766c]{border-color:var(--accent-green);background:#f0fdf4;color:var(--accent-green)}.timeline-marker.rejected[data-v-d3cf766c]{border-color:var(--accent-red);background:#fef2f2;color:var(--accent-red)}.timeline-marker.supervisor_approval[data-v-d3cf766c]{border-color:#8b5cf6;background:#f5f3ff;color:#8b5cf6}.timeline-content[data-v-d3cf766c]{padding-left:.5rem}.timeline-header[data-v-d3cf766c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.timeline-action[data-v-d3cf766c]{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.timeline-date[data-v-d3cf766c]{font-size:.8125rem;color:var(--text-tertiary)}.timeline-actor[data-v-d3cf766c]{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.action-section[data-v-d3cf766c]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:2px solid var(--accent-blue)}.action-section h4[data-v-d3cf766c]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.remarks-input[data-v-d3cf766c]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;resize:vertical;margin-bottom:1rem}.remarks-input[data-v-d3cf766c]:focus{outline:none;border-color:var(--accent-blue)}.action-buttons[data-v-d3cf766c]{display:flex;gap:.75rem}.action-buttons button[data-v-d3cf766c]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-approve[data-v-d3cf766c]{background:var(--accent-green);color:#fff}.btn-approve[data-v-d3cf766c]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-reject[data-v-d3cf766c]{background:var(--accent-red);color:#fff}.btn-reject[data-v-d3cf766c]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.action-buttons button[data-v-d3cf766c]:disabled{opacity:.5;cursor:not-allowed}.actor-code[data-v-d3cf766c]{color:var(--text-tertiary);font-size:.8125rem}.timeline-remarks[data-v-d3cf766c]{font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:.375rem;border-left:3px solid var(--accent-blue);margin-top:.5rem}.remarks-label[data-v-d3cf766c]{font-weight:600;color:var(--text-primary)}.timeline-empty[data-v-d3cf766c]{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}.error-message[data-v-d3cf766c]{font-size:12px;color:var(--accent-red);margin:0}@keyframes spin-d3cf766c{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-content[data-v-d3cf766c]{max-width:95vw;max-height:95vh}.modal-header[data-v-d3cf766c]{padding:1rem}.modal-title[data-v-d3cf766c]{font-size:1.125rem}.modal-body[data-v-d3cf766c]{padding:1rem}.details-grid[data-v-d3cf766c]{grid-template-columns:1fr;gap:1rem}.roster-info[data-v-d3cf766c],.actual-times-info[data-v-d3cf766c]{padding:.875rem}.roster-times[data-v-d3cf766c]{gap:.75rem}.roster-time-value[data-v-d3cf766c]{font-size:.9375rem}.form-actions[data-v-d3cf766c]{flex-direction:column-reverse}.btn-primary[data-v-d3cf766c],.btn-secondary[data-v-d3cf766c]{width:100%}.timeline[data-v-d3cf766c]{padding-left:.5rem}.timeline-header[data-v-d3cf766c]{flex-direction:column;gap:.25rem}.timeline-date[data-v-d3cf766c]{align-self:flex-start}}@media (max-width: 640px){.modal-overlay[data-v-d3cf766c]{padding:0;align-items:flex-end}.modal-content[data-v-d3cf766c]{max-width:100%;max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0}}.attendance[data-v-afc33244]{max-width:1200px;margin:0 auto}.page-header[data-v-afc33244]{margin-bottom:2rem}.page-title[data-v-afc33244]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-afc33244]{color:#64748b;font-size:1rem}.tabs[data-v-afc33244]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.tab[data-v-afc33244]{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#64748b;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab[data-v-afc33244]:hover{color:#3b82f6;background:#f8fafc}.tab.active[data-v-afc33244]{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content[data-v-afc33244]{animation:fadeIn-afc33244 .3s ease-in}@keyframes fadeIn-afc33244{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card[data-v-afc33244]{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-title[data-v-afc33244]{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem}.form-row[data-v-afc33244]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.team-filter-row[data-v-afc33244]{display:grid;grid-template-columns:2fr 1.5fr 1.5fr auto;gap:1rem;margin-bottom:1.5rem;align-items:end}.form-group[data-v-afc33244]{margin-bottom:1.5rem}.filter-button-group[data-v-afc33244]{margin-bottom:0}.button-label[data-v-afc33244]{display:block;height:1.375rem}.form-group label[data-v-afc33244]{display:block;font-weight:600;color:#475569;margin-bottom:.5rem;font-size:.875rem}.input[data-v-afc33244]{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;transition:all .2s}.input[data-v-afc33244]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn[data-v-afc33244]{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.mt-30[data-v-afc33244]{margin-top:30px!important}.btn-primary[data-v-afc33244]{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d;margin-top:auto}.btn-primary[data-v-afc33244]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn[data-v-afc33244]:disabled{opacity:.5;cursor:not-allowed}.records-section[data-v-afc33244]{margin-top:2rem}.records-title[data-v-afc33244]{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.table-container[data-v-afc33244]{overflow-x:auto;border-radius:.75rem;border:1px solid #e2e8f0}.records-table[data-v-afc33244]{width:100%;border-collapse:collapse}.records-table th[data-v-afc33244]{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.875rem;border-bottom:1px solid #e2e8f0}.records-table td[data-v-afc33244]{padding:1rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.records-table tr:last-child td[data-v-afc33244]{border-bottom:none}.records-table tr[data-v-afc33244]:hover{background:#f8fafc}.badge[data-v-afc33244]{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.badge-success[data-v-afc33244]{background:#dcfce7;color:#16a34a}.badge-warning[data-v-afc33244]{background:#fef3c7;color:#d97706}.badge-info[data-v-afc33244]{background:#dbeafe;color:#2563eb}.status-badge[data-v-afc33244]{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-on_time[data-v-afc33244]{background:#dcfce7;color:#16a34a}.status-late[data-v-afc33244]{background:#fef3c7;color:#d97706}.status-absent[data-v-afc33244]{background:#fee2e2;color:#dc2626}.btn-details[data-v-afc33244]{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-details[data-v-afc33244]:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.btn-details svg[data-v-afc33244]{flex-shrink:0}.mobile-btn-details[data-v-afc33244]{width:100%;justify-content:center;margin-top:.75rem;padding:.75rem}.row-off-day[data-v-afc33244]{background:#fef3c7!important}.row-holiday[data-v-afc33244]{background:#fce7f3!important}.card-off-day[data-v-afc33244]{background:#fef3c7!important;border-color:#fde68a}.card-holiday[data-v-afc33244]{background:#fce7f3!important;border-color:#fbcfe8}.day-label[data-v-afc33244]{font-size:.75rem;font-weight:600;margin-top:.25rem;display:inline-block;padding:.125rem .5rem;border-radius:.25rem}.holiday-label[data-v-afc33244]{background:#ec4899;color:#fff}.leave-label[data-v-afc33244]{background:#00ce56;color:#fff}.absent-label[data-v-afc33244]{background:#ff0404;color:#fff}.off-day-label[data-v-afc33244]{background:#f59e0b;color:#fff}.empty-state[data-v-afc33244]{text-align:center;padding:3rem 1rem;color:#64748b}.empty-state p[data-v-afc33244]{font-size:1rem}.mobile-cards[data-v-afc33244]{display:none}.attendance-card[data-v-afc33244]{background:#f8fafc;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid #e2e8f0}.attendance-card[data-v-afc33244]:last-child{margin-bottom:0}.card-header[data-v-afc33244]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0}.card-date[data-v-afc33244]{font-weight:600;color:#1e293b;font-size:.9375rem}.card-body[data-v-afc33244]{display:flex;flex-direction:column;gap:.75rem}.card-row[data-v-afc33244]{display:flex;justify-content:space-between;align-items:center}.card-label[data-v-afc33244]{font-size:.875rem;color:#64748b;font-weight:500}.card-value[data-v-afc33244]{font-size:.9375rem;color:#1e293b;font-weight:600}@media (max-width: 768px){.attendance[data-v-afc33244]{padding:0}.page-header[data-v-afc33244]{margin-bottom:1.5rem}.page-title[data-v-afc33244]{font-size:1.5rem}.page-subtitle[data-v-afc33244]{font-size:.875rem}.card[data-v-afc33244]{padding:1rem;border-radius:.75rem}.section-title[data-v-afc33244]{font-size:1.25rem;margin-bottom:1rem}.form-row[data-v-afc33244],.team-filter-row[data-v-afc33244]{grid-template-columns:1fr;gap:0}.form-group[data-v-afc33244]{margin-bottom:1rem}.filter-button-group[data-v-afc33244]{margin-bottom:1.5rem}.button-label[data-v-afc33244]{display:none}.form-group label[data-v-afc33244]{font-size:.8125rem}.input[data-v-afc33244]{padding:.625rem .875rem;font-size:.9375rem}.tabs[data-v-afc33244]{gap:0;margin-bottom:1.5rem}.tab[data-v-afc33244]{flex:1;padding:.875rem 1rem;font-size:.875rem}.btn[data-v-afc33244]{padding:.875rem 1.5rem;font-size:.9375rem}.filter-button-group .btn[data-v-afc33244]{width:100%}.btn-primary[data-v-afc33244]:hover:not(:disabled){transform:none}.records-section[data-v-afc33244]{margin-top:1.5rem}.records-title[data-v-afc33244]{font-size:1rem;margin-bottom:.75rem}.desktop-view[data-v-afc33244]{display:none}.mobile-cards[data-v-afc33244]{display:block}.empty-state[data-v-afc33244]{padding:2rem 1rem}.empty-state p[data-v-afc33244]{font-size:.9375rem}}@media (max-width: 480px){.card[data-v-afc33244]{padding:.875rem}.page-title[data-v-afc33244]{font-size:1.375rem}.tab[data-v-afc33244]{padding:.75rem;font-size:.8125rem}.attendance-card[data-v-afc33244]{padding:.875rem}.card-date[data-v-afc33244]{font-size:.875rem}.card-label[data-v-afc33244],.card-value[data-v-afc33244]{font-size:.8125rem}.badge[data-v-afc33244],.status-badge[data-v-afc33244]{padding:.1875rem .625rem;font-size:.8125rem}}.pagination[data-v-ed20e1d7]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;gap:1.5rem;flex-wrap:wrap}.pagination-info[data-v-ed20e1d7]{font-size:.9375rem;color:var(--text-secondary);font-weight:500}.pagination-controls[data-v-ed20e1d7]{display:flex;align-items:center;gap:.75rem}.btn-secondary[data-v-ed20e1d7]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-secondary[data-v-ed20e1d7]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue);color:var(--accent-blue)}.btn-secondary[data-v-ed20e1d7]:disabled{opacity:.5;cursor:not-allowed}.page-select[data-v-ed20e1d7]{padding:.625rem 2rem .625rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px;transition:all .2s}.page-select[data-v-ed20e1d7]:hover{border-color:var(--accent-blue)}.page-select[data-v-ed20e1d7]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.page-size-control[data-v-ed20e1d7]{display:flex;align-items:center;gap:.75rem}.page-size-control label[data-v-ed20e1d7]{font-size:.9375rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}@media (max-width: 768px){.pagination[data-v-ed20e1d7]{flex-direction:column;align-items:stretch;gap:1rem}.pagination-info[data-v-ed20e1d7]{text-align:center;font-size:.875rem}.pagination-controls[data-v-ed20e1d7]{width:100%;justify-content:center;flex-wrap:wrap}.btn-secondary[data-v-ed20e1d7]{padding:.5rem .875rem;font-size:.875rem}.page-select[data-v-ed20e1d7]{padding:.5rem 1.75rem .5rem .875rem;font-size:.875rem}.page-size-control[data-v-ed20e1d7]{justify-content:center}.page-size-control label[data-v-ed20e1d7]{font-size:.875rem}}@media (max-width: 480px){.pagination[data-v-ed20e1d7]{padding:1rem}.pagination-controls[data-v-ed20e1d7]{width:100%}.btn-secondary[data-v-ed20e1d7]{flex:1;justify-content:center}.page-select[data-v-ed20e1d7]{flex:0 0 auto;min-width:120px}.page-size-control[data-v-ed20e1d7]{width:100%}.page-size-control .page-select[data-v-ed20e1d7]{flex:1}}.leave-requests-team[data-v-4f693b81]{padding:2rem;max-width:1400px;margin:0 auto}.header-section[data-v-4f693b81]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title[data-v-4f693b81]{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.header-actions[data-v-4f693b81]{display:flex;gap:1rem;align-items:center}.search-bar[data-v-4f693b81]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;min-width:300px}.search-bar svg[data-v-4f693b81]{color:var(--text-tertiary);flex-shrink:0}.search-bar input[data-v-4f693b81]{border:none;background:transparent;font-size:.9375rem;color:var(--text-primary);outline:none;width:100%}.filters-section[data-v-4f693b81]{display:flex;gap:1rem;margin-bottom:1.5rem}.stats-cards[data-v-4f693b81]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-4f693b81]{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s}.stat-card[data-v-4f693b81]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card.pending .stat-icon[data-v-4f693b81]{background:#fffbeb;color:#f59e0b}.stat-card.approved .stat-icon[data-v-4f693b81]{background:#f0fdf4;color:var(--accent-green)}.stat-card.rejected .stat-icon[data-v-4f693b81]{background:#fef2f2;color:var(--accent-red)}.stat-icon[data-v-4f693b81]{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.stat-info[data-v-4f693b81]{flex:1}.stat-value[data-v-4f693b81]{font-size:1.875rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label[data-v-4f693b81]{font-size:.875rem;color:var(--text-tertiary);font-weight:500}.table-container[data-v-4f693b81]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;margin-bottom:1.5rem}.data-table[data-v-4f693b81]{width:100%;border-collapse:collapse}.data-table thead[data-v-4f693b81]{background:var(--bg-primary);border-bottom:2px solid var(--border-color)}.data-table th[data-v-4f693b81]{padding:1rem;text-align:left;font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-table td[data-v-4f693b81]{padding:1rem;font-size:.9375rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.data-table tbody tr[data-v-4f693b81]:not(.timeline-row){cursor:pointer;transition:background-color .15s}.data-table tbody tr[data-v-4f693b81]:not(.timeline-row):hover{background:var(--bg-primary)}.data-table tbody tr.expanded[data-v-4f693b81]{background:var(--bg-primary)}.timeline-row[data-v-4f693b81]{background:var(--bg-primary)!important}.timeline-row td[data-v-4f693b81]{padding:0!important;border-bottom:2px solid var(--border-color)}.employee-info[data-v-4f693b81]{display:flex;flex-direction:column;gap:.25rem}.employee-name[data-v-4f693b81]{font-weight:600;color:var(--text-primary)}.employee-code[data-v-4f693b81]{font-size:.8125rem;color:var(--text-tertiary)}.leave-type-badge[data-v-4f693b81]{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--accent-blue)}.badge[data-v-4f693b81]{display:inline-block;padding:.375rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;text-transform:capitalize}.badge-pending[data-v-4f693b81]{background:#fffbeb;color:#f59e0b}.badge-approved[data-v-4f693b81]{background:#f0fdf4;color:var(--accent-green)}.badge-rejected[data-v-4f693b81]{background:#fef2f2;color:var(--accent-red)}.actions-header[data-v-4f693b81]{position:sticky;right:0;background:var(--bg-primary);z-index:10;text-align:center}.actions-cell[data-v-4f693b81]{position:sticky;right:0;background:var(--bg-secondary);z-index:5}.data-table tbody tr:hover .actions-cell[data-v-4f693b81],.data-table tbody tr.expanded .actions-cell[data-v-4f693b81]{background:var(--bg-primary)}.action-buttons[data-v-4f693b81]{display:flex;gap:.5rem;justify-content:center}.btn-icon[data-v-4f693b81]{padding:.5rem;background:var(--bg-primary);border:1.5px solid;border-radius:.375rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-view[data-v-4f693b81]{border-color:var(--accent-blue);color:var(--accent-blue)}.btn-view[data-v-4f693b81]:hover{background:#eff6ff;transform:translateY(-1px)}.btn-approve[data-v-4f693b81]{border-color:var(--accent-green);color:var(--accent-green)}.btn-approve[data-v-4f693b81]:hover{background:#f0fdf4;transform:translateY(-1px)}.btn-reject[data-v-4f693b81]{border-color:var(--accent-red);color:var(--accent-red)}.btn-reject[data-v-4f693b81]:hover{background:#fef2f2;transform:translateY(-1px)}.timeline-section[data-v-4f693b81]{padding:2rem}.timeline-section h4[data-v-4f693b81]{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.timeline[data-v-4f693b81]{position:relative;padding-left:3rem}.timeline[data-v-4f693b81]:before{content:"";position:absolute;left:.25rem;top:1.25rem;bottom:1.25rem;width:2px;background:var(--border-color)}.timeline-item[data-v-4f693b81]{position:relative;padding-bottom:1.5rem}.timeline-marker[data-v-4f693b81]{position:absolute;left:-2.75rem;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.timeline-marker.submitted[data-v-4f693b81]{border-color:var(--accent-blue);background:#eff6ff;color:var(--accent-blue)}.timeline-icon[data-v-4f693b81]{display:flex;align-items:center;justify-content:center}.timeline-content[data-v-4f693b81]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.timeline-header[data-v-4f693b81]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-action[data-v-4f693b81]{font-weight:600;color:var(--text-primary)}.timeline-date[data-v-4f693b81]{font-size:.8125rem;color:var(--text-tertiary)}.timeline-actor[data-v-4f693b81]{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.actor-code[data-v-4f693b81]{color:var(--text-tertiary);font-size:.8125rem}.timeline-remarks[data-v-4f693b81]{font-size:.875rem;color:var(--text-secondary);padding:.75rem;background:var(--bg-primary);border-radius:.375rem;margin-top:.5rem}.remarks-label[data-v-4f693b81]{font-weight:600;color:var(--text-primary)}.pagination[data-v-4f693b81]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem}.pagination-info[data-v-4f693b81]{font-size:.9375rem;color:var(--text-secondary)}.pagination-controls[data-v-4f693b81]{display:flex;gap:.75rem;align-items:center}.btn-secondary[data-v-4f693b81]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-secondary[data-v-4f693b81]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue);color:var(--accent-blue)}.btn-secondary[data-v-4f693b81]:disabled{opacity:.5;cursor:not-allowed}.page-select[data-v-4f693b81]{padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;cursor:pointer;font-weight:500}.loading-cell[data-v-4f693b81],.empty-cell[data-v-4f693b81]{text-align:center;padding:3rem 2rem!important}.loading-cell[data-v-4f693b81]{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner[data-v-4f693b81]{width:2.5rem;height:2.5rem;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-4f693b81 .8s linear infinite}@keyframes spin-4f693b81{to{transform:rotate(360deg)}}.empty-cell[data-v-4f693b81]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-tertiary)}.empty-cell svg[data-v-4f693b81]{opacity:.5}.loading-state[data-v-4f693b81],.empty-state[data-v-4f693b81]{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1.5rem}.loading-state[data-v-4f693b81]{gap:1.5rem}.empty-state svg[data-v-4f693b81]{opacity:.5}.mobile-view[data-v-4f693b81]{display:none}.request-card[data-v-4f693b81]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;margin-bottom:1rem;transition:all .2s}.request-card[data-v-4f693b81]:hover{box-shadow:0 4px 12px #00000014}.request-card-header[data-v-4f693b81]{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.employee-section[data-v-4f693b81]{flex:1}.employee-section .employee-name[data-v-4f693b81]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.employee-section .employee-code[data-v-4f693b81]{font-size:.8125rem;color:var(--text-tertiary)}.request-card-body[data-v-4f693b81]{padding:1rem}.info-row[data-v-4f693b81]{display:flex;gap:1rem;margin-bottom:1rem}.info-row[data-v-4f693b81]:last-child{margin-bottom:0}.info-item[data-v-4f693b81]{flex:1}.info-label[data-v-4f693b81]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.375rem}.info-value[data-v-4f693b81]{font-size:.9375rem;color:var(--text-primary)}.leave-type-badge-mobile[data-v-4f693b81]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--accent-blue)}.reason-section[data-v-4f693b81]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.reason-text[data-v-4f693b81]{font-size:.875rem;color:var(--text-secondary);line-height:1.5;padding:.75rem;background:var(--bg-primary);border-radius:.375rem;margin-top:.5rem}.request-card-footer[data-v-4f693b81]{padding:1rem;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:.5rem}.btn-mobile[data-v-4f693b81]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:1.5px solid;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-mobile[data-v-4f693b81]:active{transform:scale(.98)}.btn-view-mobile[data-v-4f693b81]{background:var(--bg-secondary);border-color:var(--accent-blue);color:var(--accent-blue)}.btn-view-mobile[data-v-4f693b81]:hover{background:#eff6ff}.btn-approve-mobile[data-v-4f693b81]{background:var(--bg-secondary);border-color:var(--accent-green);color:var(--accent-green)}.btn-approve-mobile[data-v-4f693b81]:hover{background:#f0fdf4}.btn-reject-mobile[data-v-4f693b81]{background:var(--bg-secondary);border-color:var(--accent-red);color:var(--accent-red)}.btn-reject-mobile[data-v-4f693b81]:hover{background:#fef2f2}.btn-primary[data-v-4f693b81]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}@media (max-width: 768px){.leave-requests-team[data-v-4f693b81]{padding:1rem 0}.header-section[data-v-4f693b81]{flex-direction:column;align-items:stretch;gap:1rem;padding:0 1rem}.page-title[data-v-4f693b81]{font-size:1.5rem}.search-bar[data-v-4f693b81]{min-width:auto;width:100%}.filters-section[data-v-4f693b81]{flex-direction:column;padding:0 1rem}.stats-cards[data-v-4f693b81]{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.stat-card[data-v-4f693b81]{padding:1.25rem}.stat-icon[data-v-4f693b81]{width:2.5rem;height:2.5rem}.stat-value[data-v-4f693b81]{font-size:1.5rem}.table-view[data-v-4f693b81]{display:none}.mobile-view[data-v-4f693b81]{display:block;padding:0 1rem}.loading-state[data-v-4f693b81],.empty-state[data-v-4f693b81]{padding:3rem 1.5rem;margin:0 1rem 1.5rem}.pagination[data-v-4f693b81]{flex-direction:column;gap:1rem;margin:0 1rem}.pagination-info[data-v-4f693b81]{font-size:.875rem;text-align:center}.pagination-controls[data-v-4f693b81]{flex-wrap:wrap;justify-content:center}.btn-secondary[data-v-4f693b81],.page-select[data-v-4f693b81]{padding:.5rem .875rem;font-size:.875rem}}@media (max-width: 480px){.page-title[data-v-4f693b81]{font-size:1.25rem}.stat-card[data-v-4f693b81]{padding:1rem}.stat-icon[data-v-4f693b81]{width:2.25rem;height:2.25rem}.stat-icon svg[data-v-4f693b81]{width:20px;height:20px}.stat-value[data-v-4f693b81]{font-size:1.375rem}.stat-label[data-v-4f693b81]{font-size:.8125rem}.request-card-header[data-v-4f693b81],.request-card-body[data-v-4f693b81],.request-card-footer[data-v-4f693b81]{padding:.875rem}.info-row[data-v-4f693b81]{gap:.75rem;margin-bottom:.875rem}.btn-mobile[data-v-4f693b81]{padding:.625rem .75rem;font-size:.8125rem}.btn-mobile svg[data-v-4f693b81]{width:16px;height:16px}.pagination-controls[data-v-4f693b81]{width:100%}.btn-secondary[data-v-4f693b81],.page-select[data-v-4f693b81]{flex:1}}.leave-requests-team[data-v-d662dd1d]{padding:2rem;max-width:1400px;margin:0 auto}.header-section[data-v-d662dd1d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title[data-v-d662dd1d]{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.header-actions[data-v-d662dd1d]{display:flex;gap:1rem;align-items:center}.search-bar[data-v-d662dd1d]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;min-width:300px}.search-bar svg[data-v-d662dd1d]{color:var(--text-tertiary);flex-shrink:0}.search-bar input[data-v-d662dd1d]{border:none;background:transparent;font-size:.9375rem;color:var(--text-primary);outline:none;width:100%}.filters-section[data-v-d662dd1d]{display:flex;gap:1rem;margin-bottom:1.5rem}.stats-cards[data-v-d662dd1d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-d662dd1d]{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s}.stat-card[data-v-d662dd1d]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card.pending .stat-icon[data-v-d662dd1d]{background:#fffbeb;color:#f59e0b}.stat-card.approved .stat-icon[data-v-d662dd1d]{background:#f0fdf4;color:var(--accent-green)}.stat-card.rejected .stat-icon[data-v-d662dd1d]{background:#fef2f2;color:var(--accent-red)}.stat-icon[data-v-d662dd1d]{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.stat-info[data-v-d662dd1d]{flex:1}.stat-value[data-v-d662dd1d]{font-size:1.875rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label[data-v-d662dd1d]{font-size:.875rem;color:var(--text-tertiary);font-weight:500}.table-container[data-v-d662dd1d]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;margin-bottom:1.5rem}.data-table[data-v-d662dd1d]{width:100%;border-collapse:collapse}.data-table thead[data-v-d662dd1d]{background:var(--bg-primary);border-bottom:2px solid var(--border-color)}.data-table th[data-v-d662dd1d]{padding:1rem;text-align:left;font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-table td[data-v-d662dd1d]{padding:1rem;font-size:.9375rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.data-table tbody tr[data-v-d662dd1d]:not(.timeline-row){cursor:pointer;transition:background-color .15s}.data-table tbody tr[data-v-d662dd1d]:not(.timeline-row):hover{background:var(--bg-primary)}.data-table tbody tr.expanded[data-v-d662dd1d]{background:var(--bg-primary)}.timeline-row[data-v-d662dd1d]{background:var(--bg-primary)!important}.timeline-row td[data-v-d662dd1d]{padding:0!important;border-bottom:2px solid var(--border-color)}.employee-info[data-v-d662dd1d]{display:flex;flex-direction:column;gap:.25rem}.employee-name[data-v-d662dd1d]{font-weight:600;color:var(--text-primary)}.employee-code[data-v-d662dd1d]{font-size:.8125rem;color:var(--text-tertiary)}.leave-type-badge[data-v-d662dd1d]{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--accent-blue)}.badge[data-v-d662dd1d]{display:inline-block;padding:.375rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;text-transform:capitalize}.badge-pending[data-v-d662dd1d]{background:#fffbeb;color:#f59e0b}.badge-approved[data-v-d662dd1d]{background:#f0fdf4;color:var(--accent-green)}.badge-rejected[data-v-d662dd1d]{background:#fef2f2;color:var(--accent-red)}.actions-header[data-v-d662dd1d]{position:sticky;right:0;background:var(--bg-primary);z-index:10;text-align:center}.actions-cell[data-v-d662dd1d]{position:sticky;right:0;background:var(--bg-secondary);z-index:5}.data-table tbody tr:hover .actions-cell[data-v-d662dd1d],.data-table tbody tr.expanded .actions-cell[data-v-d662dd1d]{background:var(--bg-primary)}.action-buttons[data-v-d662dd1d]{display:flex;gap:.5rem;justify-content:center}.btn-icon[data-v-d662dd1d]{padding:.5rem;background:var(--bg-primary);border:1.5px solid;border-radius:.375rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-view[data-v-d662dd1d]{border-color:var(--accent-blue);color:var(--accent-blue)}.btn-view[data-v-d662dd1d]:hover{background:#eff6ff;transform:translateY(-1px)}.btn-approve[data-v-d662dd1d]{border-color:var(--accent-green);color:var(--accent-green)}.btn-approve[data-v-d662dd1d]:hover{background:#f0fdf4;transform:translateY(-1px)}.btn-reject[data-v-d662dd1d]{border-color:var(--accent-red);color:var(--accent-red)}.btn-reject[data-v-d662dd1d]:hover{background:#fef2f2;transform:translateY(-1px)}.timeline-section[data-v-d662dd1d]{padding:2rem}.timeline-section h4[data-v-d662dd1d]{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.timeline[data-v-d662dd1d]{position:relative;padding-left:3rem}.timeline[data-v-d662dd1d]:before{content:"";position:absolute;left:.25rem;top:1.25rem;bottom:1.25rem;width:2px;background:var(--border-color)}.timeline-item[data-v-d662dd1d]{position:relative;padding-bottom:1.5rem}.timeline-marker[data-v-d662dd1d]{position:absolute;left:-2.75rem;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.timeline-marker.submitted[data-v-d662dd1d]{border-color:var(--accent-blue);background:#eff6ff;color:var(--accent-blue)}.timeline-icon[data-v-d662dd1d]{display:flex;align-items:center;justify-content:center}.timeline-content[data-v-d662dd1d]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.timeline-header[data-v-d662dd1d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-action[data-v-d662dd1d]{font-weight:600;color:var(--text-primary)}.timeline-date[data-v-d662dd1d]{font-size:.8125rem;color:var(--text-tertiary)}.timeline-actor[data-v-d662dd1d]{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.actor-code[data-v-d662dd1d]{color:var(--text-tertiary);font-size:.8125rem}.timeline-remarks[data-v-d662dd1d]{font-size:.875rem;color:var(--text-secondary);padding:.75rem;background:var(--bg-primary);border-radius:.375rem;margin-top:.5rem}.remarks-label[data-v-d662dd1d]{font-weight:600;color:var(--text-primary)}.pagination[data-v-d662dd1d]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem}.pagination-info[data-v-d662dd1d]{font-size:.9375rem;color:var(--text-secondary)}.pagination-controls[data-v-d662dd1d]{display:flex;gap:.75rem;align-items:center}.btn-secondary[data-v-d662dd1d]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-secondary[data-v-d662dd1d]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue);color:var(--accent-blue)}.btn-secondary[data-v-d662dd1d]:disabled{opacity:.5;cursor:not-allowed}.page-select[data-v-d662dd1d]{padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;cursor:pointer;font-weight:500}.loading-cell[data-v-d662dd1d],.empty-cell[data-v-d662dd1d]{text-align:center;padding:3rem 2rem!important}.loading-cell[data-v-d662dd1d]{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner[data-v-d662dd1d]{width:2.5rem;height:2.5rem;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-d662dd1d .8s linear infinite}@keyframes spin-d662dd1d{to{transform:rotate(360deg)}}.empty-cell[data-v-d662dd1d]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-tertiary)}.empty-cell svg[data-v-d662dd1d]{opacity:.5}.loading-state[data-v-d662dd1d],.empty-state[data-v-d662dd1d]{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1.5rem}.loading-state[data-v-d662dd1d]{gap:1.5rem}.empty-state svg[data-v-d662dd1d]{opacity:.5}.mobile-view[data-v-d662dd1d]{display:none}.request-card[data-v-d662dd1d]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;margin-bottom:1rem;transition:all .2s}.request-card[data-v-d662dd1d]:hover{box-shadow:0 4px 12px #00000014}.request-card-header[data-v-d662dd1d]{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.employee-section[data-v-d662dd1d]{flex:1}.employee-section .employee-name[data-v-d662dd1d]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.employee-section .employee-code[data-v-d662dd1d]{font-size:.8125rem;color:var(--text-tertiary)}.request-card-body[data-v-d662dd1d]{padding:1rem}.info-row[data-v-d662dd1d]{display:flex;gap:1rem;margin-bottom:1rem}.info-row[data-v-d662dd1d]:last-child{margin-bottom:0}.info-item[data-v-d662dd1d]{flex:1}.info-label[data-v-d662dd1d]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.375rem}.info-value[data-v-d662dd1d]{font-size:.9375rem;color:var(--text-primary)}.leave-type-badge-mobile[data-v-d662dd1d]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--accent-blue)}.reason-section[data-v-d662dd1d]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.reason-text[data-v-d662dd1d]{font-size:.875rem;color:var(--text-secondary);line-height:1.5;padding:.75rem;background:var(--bg-primary);border-radius:.375rem;margin-top:.5rem}.request-card-footer[data-v-d662dd1d]{padding:1rem;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:.5rem}.btn-mobile[data-v-d662dd1d]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:1.5px solid;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-mobile[data-v-d662dd1d]:active{transform:scale(.98)}.btn-view-mobile[data-v-d662dd1d]{background:var(--bg-secondary);border-color:var(--accent-blue);color:var(--accent-blue)}.btn-view-mobile[data-v-d662dd1d]:hover{background:#eff6ff}.btn-approve-mobile[data-v-d662dd1d]{background:var(--bg-secondary);border-color:var(--accent-green);color:var(--accent-green)}.btn-approve-mobile[data-v-d662dd1d]:hover{background:#f0fdf4}.btn-reject-mobile[data-v-d662dd1d]{background:var(--bg-secondary);border-color:var(--accent-red);color:var(--accent-red)}.btn-reject-mobile[data-v-d662dd1d]:hover{background:#fef2f2}.btn-primary[data-v-d662dd1d]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}@media (max-width: 768px){.leave-requests-team[data-v-d662dd1d]{padding:1rem 0}.header-section[data-v-d662dd1d]{flex-direction:column;align-items:stretch;gap:1rem;padding:0 1rem}.page-title[data-v-d662dd1d]{font-size:1.5rem}.search-bar[data-v-d662dd1d]{min-width:auto;width:100%}.filters-section[data-v-d662dd1d]{flex-direction:column;padding:0 1rem}.stats-cards[data-v-d662dd1d]{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.stat-card[data-v-d662dd1d]{padding:1.25rem}.stat-icon[data-v-d662dd1d]{width:2.5rem;height:2.5rem}.stat-value[data-v-d662dd1d]{font-size:1.5rem}.table-view[data-v-d662dd1d]{display:none}.mobile-view[data-v-d662dd1d]{display:block;padding:0 1rem}.loading-state[data-v-d662dd1d],.empty-state[data-v-d662dd1d]{padding:3rem 1.5rem;margin:0 1rem 1.5rem}.pagination[data-v-d662dd1d]{flex-direction:column;gap:1rem;margin:0 1rem}.pagination-info[data-v-d662dd1d]{font-size:.875rem;text-align:center}.pagination-controls[data-v-d662dd1d]{flex-wrap:wrap;justify-content:center}.btn-secondary[data-v-d662dd1d],.page-select[data-v-d662dd1d]{padding:.5rem .875rem;font-size:.875rem}}@media (max-width: 480px){.page-title[data-v-d662dd1d]{font-size:1.25rem}.stat-card[data-v-d662dd1d]{padding:1rem}.stat-icon[data-v-d662dd1d]{width:2.25rem;height:2.25rem}.stat-icon svg[data-v-d662dd1d]{width:20px;height:20px}.stat-value[data-v-d662dd1d]{font-size:1.375rem}.stat-label[data-v-d662dd1d]{font-size:.8125rem}.request-card-header[data-v-d662dd1d],.request-card-body[data-v-d662dd1d],.request-card-footer[data-v-d662dd1d]{padding:.875rem}.info-row[data-v-d662dd1d]{gap:.75rem;margin-bottom:.875rem}.btn-mobile[data-v-d662dd1d]{padding:.625rem .75rem;font-size:.8125rem}.btn-mobile svg[data-v-d662dd1d]{width:16px;height:16px}.pagination-controls[data-v-d662dd1d]{width:100%}.btn-secondary[data-v-d662dd1d],.page-select[data-v-d662dd1d]{flex:1}}.time-off[data-v-6a9ad61d]{max-width:1200px;margin:0 auto}.header-section[data-v-6a9ad61d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title[data-v-6a9ad61d]{font-size:2rem;font-weight:700;color:#1e293b}.mt-30[data-v-6a9ad61d]{margin-top:30px}.btn-primary[data-v-6a9ad61d]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary[data-v-6a9ad61d]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-6a9ad61d]:disabled{opacity:.6;cursor:nmobile-allowed}.btn-secondary[data-v-6a9ad61d]{background:#fff;color:#475569;border:1px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-6a9ad61d]:hover{background:#f8fafc}.modal-overlay[data-v-6a9ad61d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content[data-v-6a9ad61d]{background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-6a9ad61d]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-title[data-v-6a9ad61d]{font-size:1.5rem;font-weight:700;color:#1e293b}.close-btn[data-v-6a9ad61d]{background:none;border:none;cursor:pointer;padding:.5rem;color:#64748b;transition:color .2s}.close-btn[data-v-6a9ad61d]:hover{color:#1e293b}.request-form[data-v-6a9ad61d]{padding:1.5rem}.form-group[data-v-6a9ad61d]{margin-bottom:1.25rem}.form-label[data-v-6a9ad61d]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569;font-size:.875rem}.form-select[data-v-6a9ad61d],.form-input[data-v-6a9ad61d],.form-textarea[data-v-6a9ad61d]{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;transition:all .2s}.form-select[data-v-6a9ad61d]:focus,.form-input[data-v-6a9ad61d]:focus,.form-textarea[data-v-6a9ad61d]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row[data-v-6a9ad61d]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-textarea[data-v-6a9ad61d]{resize:vertical;font-family:inherit}.days-info[data-v-6a9ad61d]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#eff6ff;border-radius:.5rem;color:#1e40af;font-weight:500;margin-bottom:1.25rem}.days-info-warning[data-v-6a9ad61d]{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #ffc400c9;border-radius:.5rem;color:#ffc400c9;font-weight:500;margin-bottom:1.25rem}.form-actions[data-v-6a9ad61d]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.filters[data-v-6a9ad61d]{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn[data-v-6a9ad61d]{padding:.625rem 1.25rem;border:1px solid #e2e8f0;background:#fff;border-radius:.5rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.filter-btn[data-v-6a9ad61d]:hover{border-color:#cbd5e1}.filter-btn.active[data-v-6a9ad61d]{background:#3b82f6;color:#fff;border-color:#3b82f6}.filter-count[data-v-6a9ad61d]{background:#0000001a;padding:.125rem .5rem;border-radius:999px;font-size:.75rem}.empty-state[data-v-6a9ad61d]{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-state svg[data-v-6a9ad61d]{margin:0 auto 1.5rem}.empty-state h3[data-v-6a9ad61d]{font-size:1.25rem;color:#475569;margin-bottom:.5rem}.requests-grid[data-v-6a9ad61d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.request-card[data-v-6a9ad61d]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s}.request-card[data-v-6a9ad61d]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.request-header[data-v-6a9ad61d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.request-type[data-v-6a9ad61d]{display:flex;align-items:center;gap:.75rem}.type-icon[data-v-6a9ad61d]{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.type-icon.vacation[data-v-6a9ad61d]{background:#fef3c7;color:#f59e0b}.type-icon.sick[data-v-6a9ad61d]{background:#fee2e2;color:#dc2626}.type-icon.personal[data-v-6a9ad61d]{background:#ede9fe;color:#7c3aed}.type-name[data-v-6a9ad61d]{font-weight:600;color:#1e293b}.status-badge[data-v-6a9ad61d]{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500;text-transform:capitalize}.status-badge.pending[data-v-6a9ad61d]{background:#fef3c7;color:#92400e}.status-badge.approved[data-v-6a9ad61d]{background:#d1fae5;color:#065f46}.status-badge.rejected[data-v-6a9ad61d]{background:#fee2e2;color:#991b1b}.request-details[data-v-6a9ad61d]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-item[data-v-6a9ad61d]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.request-reason[data-v-6a9ad61d]{margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:.5rem}.request-reason p[data-v-6a9ad61d]{color:#475569;font-size:.875rem;margin:0}.request-footer[data-v-6a9ad61d]{padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.request-date[data-v-6a9ad61d]{font-size:.75rem;color:#94a3b8}.btn-view-details[data-v-6a9ad61d]{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-view-details[data-v-6a9ad61d]:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.btn-view-details svg[data-v-6a9ad61d]{flex-shrink:0}.leave-policy-info[data-v-6a9ad61d]{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem}.policy-title[data-v-6a9ad61d]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.policy-grid[data-v-6a9ad61d]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.policy-item[data-v-6a9ad61d]{display:flex;flex-direction:column;gap:.25rem}.policy-item.full-width[data-v-6a9ad61d]{grid-column:1 / -1}.policy-label[data-v-6a9ad61d]{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.policy-value[data-v-6a9ad61d]{font-size:.875rem;color:#1e293b;font-weight:500}.tab-section[data-v-6a9ad61d]{margin-top:2rem}@media (max-width: 768px){.header-section[data-v-6a9ad61d]{flex-direction:column;align-items:flex-start;gap:1rem}.page-title[data-v-6a9ad61d]{font-size:1.5rem}.form-row[data-v-6a9ad61d],.requests-grid[data-v-6a9ad61d],.policy-grid[data-v-6a9ad61d]{grid-template-columns:1fr}.tab-section[data-v-6a9ad61d]{margin-top:1.5rem}}.team[data-v-5c0de99d]{max-width:1200px;margin:0 auto}.header-section[data-v-5c0de99d]{margin-bottom:2rem}.page-title[data-v-5c0de99d]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-5c0de99d]{font-size:1rem;color:#64748b}.search-section[data-v-5c0de99d]{margin-bottom:2rem}.search-box[data-v-5c0de99d]{position:relative;margin-bottom:1.5rem}.search-box svg[data-v-5c0de99d]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-input[data-v-5c0de99d]{width:100%;padding:.875rem 1rem .875rem 3rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:all .2s;background:#fff}.search-input[data-v-5c0de99d]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-section[data-v-5c0de99d]{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.filter-section[data-v-5c0de99d]::-webkit-scrollbar{height:6px}.filter-section[data-v-5c0de99d]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.filter-section[data-v-5c0de99d]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.filter-section[data-v-5c0de99d]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-chip[data-v-5c0de99d]{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:999px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;font-size:.875rem;white-space:nowrap;flex-shrink:0}.filter-chip[data-v-5c0de99d]:hover{border-color:#cbd5e1}.filter-chip.active[data-v-5c0de99d]{background:#3b82f6;color:#fff;border-color:#3b82f6}.empty-state[data-v-5c0de99d]{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-state svg[data-v-5c0de99d]{margin:0 auto 1.5rem}.empty-state h3[data-v-5c0de99d]{font-size:1.25rem;color:#475569;margin-bottom:.5rem}.employees-grid[data-v-5c0de99d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.employee-card[data-v-5c0de99d]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s;display:flex;flex-direction:column;gap:1rem}.employee-card[data-v-5c0de99d]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.employee-avatar[data-v-5c0de99d]{display:flex;justify-content:center}.avatar-circle[data-v-5c0de99d]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;color:#fff}.employee-info[data-v-5c0de99d]{text-align:center}.employee-name[data-v-5c0de99d]{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.employee-position[data-v-5c0de99d]{font-size:.875rem;color:#64748b;margin-bottom:.75rem}.employee-department[data-v-5c0de99d]{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#f1f5f9;border-radius:999px;font-size:.875rem;color:#475569}.employee-contact[data-v-5c0de99d]{display:flex;justify-content:center;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.contact-btn[data-v-5c0de99d]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#f1f5f9;color:#64748b;transition:all .2s;text-decoration:none}.contact-btn[data-v-5c0de99d]:hover{background:#3b82f6;color:#fff}.employee-meta[data-v-5c0de99d]{text-align:center;padding-top:.75rem;border-top:1px solid #e2e8f0}.hire-date[data-v-5c0de99d]{font-size:.75rem;color:#94a3b8}@media (max-width: 768px){.page-title[data-v-5c0de99d]{font-size:1.5rem}.employees-grid[data-v-5c0de99d]{grid-template-columns:1fr}}.profile[data-v-433d7f2e]{max-width:1200px;margin:0 auto;padding:0 1rem}.profile-header[data-v-433d7f2e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title[data-v-433d7f2e]{font-size:2rem;font-weight:700;color:#1e293b}.btn-primary[data-v-433d7f2e]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary[data-v-433d7f2e]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-433d7f2e]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-433d7f2e]{background:#fff;color:#475569;border:1px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-433d7f2e]:hover{background:#f8fafc}.profile-content[data-v-433d7f2e]{display:flex;flex-direction:column;gap:1.5rem}.profile-card[data-v-433d7f2e]{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.avatar-section[data-v-433d7f2e]{display:flex;justify-content:center}.avatar-container[data-v-433d7f2e]{position:relative;width:120px;height:120px}.avatar-large[data-v-433d7f2e]{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:#fff}.avatar-image[data-v-433d7f2e]{background-size:cover;background-position:center;background-repeat:no-repeat}.avatar-overlay[data-v-433d7f2e]{position:absolute;bottom:0;right:0;display:flex;gap:.5rem}.avatar-upload-btn[data-v-433d7f2e],.avatar-remove-btn[data-v-433d7f2e]{width:36px;height:36px;border-radius:50%;border:none;background:#3b82f6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #00000026}.avatar-upload-btn[data-v-433d7f2e]:hover:not(:disabled),.avatar-remove-btn[data-v-433d7f2e]:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0003}.avatar-upload-btn[data-v-433d7f2e]:disabled,.avatar-remove-btn[data-v-433d7f2e]:disabled{opacity:.6;cursor:not-allowed}.avatar-remove-btn[data-v-433d7f2e]{background:#ef4444}.spinner[data-v-433d7f2e]{animation:spin-433d7f2e 1s linear infinite}@keyframes spin-433d7f2e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-section[data-v-433d7f2e]{text-align:center}.profile-name[data-v-433d7f2e]{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.profile-position[data-v-433d7f2e]{font-size:1.125rem;color:#64748b;margin-bottom:1rem}.profile-badge[data-v-433d7f2e]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:999px;font-weight:500;color:#475569}.tabs[data-v-433d7f2e]{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.tab-btn[data-v-433d7f2e]{padding:.75rem 1.5rem;border:none;background:transparent;color:#64748b;font-weight:600;cursor:pointer;border-radius:.5rem;transition:all .2s;white-space:nowrap}.tab-btn[data-v-433d7f2e]:hover{background:#f1f5f9;color:#475569}.tab-btn.active[data-v-433d7f2e]{background:#3b82f6;color:#fff}.details-card[data-v-433d7f2e]{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-title[data-v-433d7f2e]{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.info-grid[data-v-433d7f2e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item.col-span-2[data-v-433d7f2e]{grid-column:span 2}.info-item[data-v-433d7f2e]{display:flex;flex-direction:column;gap:.5rem}.info-label[data-v-433d7f2e]{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-value[data-v-433d7f2e]{color:#1e293b;font-size:1rem}.info-value.with-icon[data-v-433d7f2e]{display:flex;align-items:center;gap:.75rem}.info-value a[data-v-433d7f2e]{color:#3b82f6;text-decoration:none;word-break:break-all}.info-value a[data-v-433d7f2e]:hover{text-decoration:underline}.edit-form[data-v-433d7f2e]{display:flex;flex-direction:column;gap:1.25rem}.form-row[data-v-433d7f2e]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-433d7f2e]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-433d7f2e]{font-weight:600;color:#475569;font-size:.875rem}.form-input[data-v-433d7f2e]{padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;transition:all .2s}.form-input[data-v-433d7f2e]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-433d7f2e]:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-checkbox[data-v-433d7f2e]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#475569}.form-checkbox input[type=checkbox][data-v-433d7f2e]{width:1.25rem;height:1.25rem;cursor:pointer}.form-checkboxes[data-v-433d7f2e]{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:.5rem}.form-actions[data-v-433d7f2e]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}@media (max-width: 768px){.profile[data-v-433d7f2e]{padding:0 .5rem}.profile-header[data-v-433d7f2e]{flex-direction:column;align-items:flex-start}.page-title[data-v-433d7f2e]{font-size:1.5rem}.profile-card[data-v-433d7f2e]{padding:1.5rem}.desktop-only[data-v-433d7f2e]{display:none}.details-card[data-v-433d7f2e]{padding:0;background:transparent;box-shadow:none}.section[data-v-433d7f2e]{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.section[data-v-433d7f2e]:last-child{margin-bottom:0}.form-row[data-v-433d7f2e],.info-grid[data-v-433d7f2e]{grid-template-columns:1fr}.form-actions[data-v-433d7f2e]{flex-direction:column}.form-actions button[data-v-433d7f2e]{width:100%}.avatar-large[data-v-433d7f2e]{width:100px;height:100px;font-size:2rem}.avatar-container[data-v-433d7f2e]{width:100px;height:100px}}@media (max-width: 480px){.page-title[data-v-433d7f2e]{font-size:1.25rem}.profile-name[data-v-433d7f2e]{font-size:1.5rem}.profile-position[data-v-433d7f2e]{font-size:1rem}.section-title[data-v-433d7f2e]{font-size:1.125rem}.section[data-v-433d7f2e]{padding:1rem}}.auth-container[data-v-9d8d0811]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.auth-container[data-v-9d8d0811]:before{content:"";position:absolute;width:300px;height:300px;background:#ffffff1a;border-radius:50%;top:-100px;right:-100px;animation:float-9d8d0811 6s ease-in-out infinite}.auth-container[data-v-9d8d0811]:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff0d;border-radius:50%;bottom:-150px;left:-150px;animation:float-9d8d0811 8s ease-in-out infinite reverse}@keyframes float-9d8d0811{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.auth-card[data-v-9d8d0811]{background:#fff;border-radius:1.5rem;padding:3rem 2.5rem;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040;position:relative;z-index:1;animation:slideUp-9d8d0811 .5s ease-out}@keyframes slideUp-9d8d0811{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-9d8d0811]{text-align:center;margin-bottom:2.5rem}.logo-wrapper[data-v-9d8d0811]{display:inline-flex;margin-bottom:1.5rem;padding:.75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:1.25rem;animation:pulse-9d8d0811 2s ease-in-out infinite}@keyframes pulse-9d8d0811{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.auth-title[data-v-9d8d0811]{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.75rem;letter-spacing:-.025em}.auth-subtitle[data-v-9d8d0811]{color:#64748b;font-size:1rem;font-weight:400}.auth-form[data-v-9d8d0811]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.error-message[data-v-9d8d0811]{display:flex;align-items:center;gap:.625rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#991b1b;font-size:.875rem;animation:shake-9d8d0811 .4s}@keyframes shake-9d8d0811{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-group[data-v-9d8d0811]{display:flex;flex-direction:column;gap:.625rem}.form-label[data-v-9d8d0811]{font-weight:600;color:#334155;font-size:.875rem;letter-spacing:.01em}.input-wrapper[data-v-9d8d0811]{position:relative;display:flex;align-items:center}.input-icon[data-v-9d8d0811]{position:absolute;left:1rem;color:#94a3b8;pointer-events:none;transition:color .2s}.input-wrapper:focus-within .input-icon[data-v-9d8d0811]{color:#3b82f6}.form-input[data-v-9d8d0811]{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;color:#1e293b;transition:all .2s;background:#f8fafc}.form-input[data-v-9d8d0811]::placeholder{color:#94a3b8}.form-input[data-v-9d8d0811]:hover{border-color:#cbd5e1}.form-input[data-v-9d8d0811]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.btn-primary[data-v-9d8d0811]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:1rem;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d;margin-top:.5rem}.btn-primary[data-v-9d8d0811]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary[data-v-9d8d0811]:active:not(:disabled){transform:translateY(0)}.btn-primary[data-v-9d8d0811]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-content[data-v-9d8d0811]{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner[data-v-9d8d0811]{animation:spin-9d8d0811 1s linear infinite}.forgot-link[data-v-9d8d0811]{font-size:.8125rem;color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.forgot-link[data-v-9d8d0811]:hover{color:#2563eb;text-decoration:underline}@keyframes spin-9d8d0811{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider[data-v-9d8d0811]{display:flex;align-items:center;text-align:center;margin:2rem 0 1.5rem;color:#94a3b8;font-size:.875rem}.divider[data-v-9d8d0811]:before,.divider[data-v-9d8d0811]:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider span[data-v-9d8d0811]{padding:0 1rem}.btn-secondary[data-v-9d8d0811]{display:block;width:100%;text-align:center;padding:.875rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#475569;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s}.btn-secondary[data-v-9d8d0811]:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}@media (max-width: 480px){.auth-card[data-v-9d8d0811]{padding:2rem 1.5rem}.auth-title[data-v-9d8d0811]{font-size:1.75rem}.auth-subtitle[data-v-9d8d0811]{font-size:.9375rem}}.auth-container[data-v-023b68e0]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.auth-container[data-v-023b68e0]:before{content:"";position:absolute;width:300px;height:300px;background:#ffffff1a;border-radius:50%;top:-100px;right:-100px;animation:float-023b68e0 6s ease-in-out infinite}.auth-container[data-v-023b68e0]:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff0d;border-radius:50%;bottom:-150px;left:-150px;animation:float-023b68e0 8s ease-in-out infinite reverse}@keyframes float-023b68e0{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.auth-card[data-v-023b68e0]{background:#fff;border-radius:1.5rem;padding:3rem 2.5rem;width:100%;max-width:520px;box-shadow:0 25px 50px -12px #00000040;position:relative;z-index:1;animation:slideUp-023b68e0 .5s ease-out}@keyframes slideUp-023b68e0{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-023b68e0]{text-align:center;margin-bottom:2.5rem}.logo-wrapper[data-v-023b68e0]{display:inline-flex;margin-bottom:1.5rem;padding:.75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:1.25rem;animation:pulse-023b68e0 2s ease-in-out infinite}@keyframes pulse-023b68e0{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.auth-title[data-v-023b68e0]{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.75rem;letter-spacing:-.025em}.auth-subtitle[data-v-023b68e0]{color:#64748b;font-size:1rem;font-weight:400}.auth-form[data-v-023b68e0]{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.error-message[data-v-023b68e0]{display:flex;align-items:center;gap:.625rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#991b1b;font-size:.875rem;animation:shake-023b68e0 .4s}@keyframes shake-023b68e0{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-row[data-v-023b68e0]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-023b68e0]{display:flex;flex-direction:column;gap:.625rem}.form-label[data-v-023b68e0]{font-weight:600;color:#334155;font-size:.875rem;letter-spacing:.01em}.input-wrapper[data-v-023b68e0]{position:relative;display:flex;align-items:center}.input-icon[data-v-023b68e0]{position:absolute;left:1rem;color:#94a3b8;pointer-events:none;transition:color .2s}.input-wrapper:focus-within .input-icon[data-v-023b68e0]{color:#3b82f6}.form-input[data-v-023b68e0]{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;color:#1e293b;transition:all .2s;background:#f8fafc}select.form-input[data-v-023b68e0]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.password-input[data-v-023b68e0]{padding-right:3rem}.eye-button[data-v-023b68e0]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:color .2s;border-radius:.25rem}.eye-button[data-v-023b68e0]:hover{color:#3b82f6}.eye-button[data-v-023b68e0]:focus{outline:none;color:#3b82f6}.form-input[data-v-023b68e0]::placeholder{color:#94a3b8}.form-input[data-v-023b68e0]:hover{border-color:#cbd5e1}.form-input[data-v-023b68e0]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.helper-text[data-v-023b68e0]{font-size:.75rem;color:#94a3b8;margin-top:-.25rem}.required[data-v-023b68e0]{color:#ef4444;font-weight:700}.password-strength[data-v-023b68e0]{margin-top:.625rem;display:flex;flex-direction:column;gap:.375rem}.strength-bar[data-v-023b68e0]{width:100%;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.strength-fill[data-v-023b68e0]{height:100%;transition:all .3s ease;border-radius:999px}.strength-fill.weak[data-v-023b68e0]{background:linear-gradient(90deg,#ef4444,#dc2626)}.strength-fill.fair[data-v-023b68e0]{background:linear-gradient(90deg,#f59e0b,#d97706)}.strength-fill.good[data-v-023b68e0]{background:linear-gradient(90deg,#3b82f6,#2563eb)}.strength-fill.strong[data-v-023b68e0]{background:linear-gradient(90deg,#10b981,#059669)}.strength-text[data-v-023b68e0]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.strength-text.weak[data-v-023b68e0]{color:#dc2626}.strength-text.fair[data-v-023b68e0]{color:#d97706}.strength-text.good[data-v-023b68e0]{color:#2563eb}.strength-text.strong[data-v-023b68e0]{color:#059669}.validation-error[data-v-023b68e0]{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;color:#dc2626;font-weight:500;animation:slideIn-023b68e0 .2s ease-out}.validation-success[data-v-023b68e0]{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;color:#059669;font-weight:500;animation:slideIn-023b68e0 .2s ease-out}@keyframes slideIn-023b68e0{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-primary[data-v-023b68e0]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:1rem;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d;margin-top:.5rem}.btn-primary[data-v-023b68e0]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary[data-v-023b68e0]:active:not(:disabled){transform:translateY(0)}.btn-primary[data-v-023b68e0]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-content[data-v-023b68e0]{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner[data-v-023b68e0]{animation:spin-023b68e0 1s linear infinite}@keyframes spin-023b68e0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider[data-v-023b68e0]{display:flex;align-items:center;text-align:center;margin:2rem 0 1.5rem;color:#94a3b8;font-size:.875rem}.divider[data-v-023b68e0]:before,.divider[data-v-023b68e0]:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider span[data-v-023b68e0]{padding:0 1rem}.btn-secondary[data-v-023b68e0]{display:block;width:100%;text-align:center;padding:.875rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#475569;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s}.btn-secondary[data-v-023b68e0]:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}@media (max-width: 540px){.auth-card[data-v-023b68e0]{padding:2rem 1.5rem}.auth-title[data-v-023b68e0]{font-size:1.75rem}.auth-subtitle[data-v-023b68e0]{font-size:.9375rem}.form-row[data-v-023b68e0]{grid-template-columns:1fr}}.ot-approvals[data-v-8c14d747]{max-width:1400px;margin:0 auto}.page-header[data-v-8c14d747]{margin-bottom:2rem}.page-title[data-v-8c14d747]{font-size:2rem;font-weight:700;color:var(--text-primary)}.tabs[data-v-8c14d747]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab[data-v-8c14d747]{position:relative;display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab[data-v-8c14d747]:hover{color:var(--accent-blue)}.tab.active[data-v-8c14d747]{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.ot-section[data-v-8c14d747]{margin-top:2rem}.filters-card[data-v-8c14d747]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm)}.form-group[data-v-8c14d747]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-8c14d747]{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-input[data-v-8c14d747],.form-select[data-v-8c14d747]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9375rem;color:var(--text-primary);transition:all .2s;background:var(--input-bg)}.form-input[data-v-8c14d747]:focus,.form-select[data-v-8c14d747]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.content-card[data-v-8c14d747]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.table-wrapper[data-v-8c14d747]{margin-bottom:1.5rem}.table-container[data-v-8c14d747]{overflow-x:auto;border-radius:.5rem}.table-header[data-v-8c14d747]{display:grid;grid-template-columns:100px 80px 80px 90px 90px 100px 140px minmax(150px,1fr) 90px 100px;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;font-weight:600;color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.table-row[data-v-8c14d747]{display:grid;grid-template-columns:100px 80px 80px 90px 90px 100px 140px minmax(150px,1fr) 90px 100px;gap:.75rem;padding:1rem;align-items:center;border-bottom:1px solid var(--border-color);transition:all .15s}.table-row[data-v-8c14d747]:last-child{border-bottom:none}.table-row[data-v-8c14d747]:hover{background:var(--bg-tertiary)}.table-cell[data-v-8c14d747]{font-size:.875rem;color:var(--text-primary);display:flex;align-items:center}.table-cell.actions-cell[data-v-8c14d747]{position:sticky;right:0;background:var(--bg-secondary);display:flex;gap:.5rem;justify-content:flex-end;padding-left:.5rem}.table-row:hover .table-cell.actions-cell[data-v-8c14d747]{background:var(--bg-tertiary)}.date-text[data-v-8c14d747]{font-weight:600;color:var(--text-primary)}.time-text[data-v-8c14d747]{font-weight:500;color:var(--text-secondary);font-size:.8125rem}.time-text.actual[data-v-8c14d747]{color:var(--accent-blue);font-weight:600}.text-muted[data-v-8c14d747]{color:var(--text-tertiary);font-style:italic;font-size:.8125rem}.ot-badge[data-v-8c14d747]{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;background:#3b82f61a;color:var(--accent-blue);border-radius:999px;font-weight:600;font-size:.8125rem;white-space:nowrap}.ot-badge-approved[data-v-8c14d747]{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;background:#3b82f61a;color:var(--accent-green);border-radius:999px;font-weight:600;font-size:.8125rem;white-space:nowrap}.status-badge[data-v-8c14d747]{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:999px;font-weight:600;font-size:.8125rem;white-space:nowrap}.status-badge.pending[data-v-8c14d747]{background:#fbbf241a;color:#f59e0b}.status-badge.approved[data-v-8c14d747]{background:#10b9811a;color:var(--accent-green)}.ot-input[data-v-8c14d747]{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-primary);transition:all .2s;font-weight:600;background:var(--input-bg)}.ot-input[data-v-8c14d747]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.remarks-input[data-v-8c14d747]{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-primary);transition:all .2s;background:var(--input-bg)}.remarks-input[data-v-8c14d747]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.action-btn[data-v-8c14d747]{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-secondary);cursor:pointer;transition:all .2s}.action-btn svg[data-v-8c14d747]{stroke:var(--text-secondary);transition:stroke .2s}.action-btn[data-v-8c14d747]:hover{background:var(--bg-tertiary);border-color:currentColor}.approve-btn[data-v-8c14d747]:hover{border-color:var(--accent-green);background:#10b9811a}.approve-btn:hover svg[data-v-8c14d747]{stroke:var(--accent-green)}.reject-btn[data-v-8c14d747]:hover{border-color:var(--accent-red);background:#ef44441a}.reject-btn:hover svg[data-v-8c14d747]{stroke:var(--accent-red)}.delete-btn[data-v-8c14d747]:hover{border-color:var(--accent-red);background:#ef44441a}.delete-btn:hover svg[data-v-8c14d747]{stroke:var(--accent-red)}.submit-section[data-v-8c14d747]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.btn-primary[data-v-8c14d747]{display:flex;align-items:center;gap:.5rem;background:var(--accent-blue);color:#fff;border:none;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md);font-size:.9375rem}.btn-primary[data-v-8c14d747]:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary[data-v-8c14d747]:disabled{opacity:.5;cursor:not-allowed}.empty-state[data-v-8c14d747]{text-align:center;padding:4rem 2rem;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm)}.empty-state svg[data-v-8c14d747]{margin:0 auto 1.5rem;opacity:.5;stroke:var(--text-tertiary)}.empty-state h3[data-v-8c14d747]{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state p[data-v-8c14d747]{color:var(--text-tertiary)}.mobile-cards[data-v-8c14d747]{display:none}.ot-card[data-v-8c14d747]{background:var(--bg-tertiary);border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid var(--border-color)}.ot-card[data-v-8c14d747]:last-child{margin-bottom:0}.ot-card-header[data-v-8c14d747]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.ot-card-date[data-v-8c14d747]{font-weight:600;color:var(--text-primary);font-size:.9375rem}.ot-card-badges[data-v-8c14d747]{display:flex;gap:.5rem;align-items:center}.ot-card-body[data-v-8c14d747]{display:flex;flex-direction:column;gap:1rem}.time-grid[data-v-8c14d747]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.time-item[data-v-8c14d747]{display:flex;flex-direction:column;gap:.25rem}.time-label[data-v-8c14d747]{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.time-value[data-v-8c14d747]{font-size:.9375rem;color:var(--text-primary);font-weight:600}.time-value.actual[data-v-8c14d747]{color:var(--accent-blue)}.remarks-section[data-v-8c14d747],.approved-ot-section[data-v-8c14d747]{display:flex;flex-direction:column;gap:.5rem}.remarks-label[data-v-8c14d747]{font-size:.875rem;color:var(--text-secondary);font-weight:600}.mobile-delete-btn[data-v-8c14d747],.mobile-approve-btn[data-v-8c14d747],.mobile-reject-btn[data-v-8c14d747]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;background:var(--bg-secondary);color:var(--text-primary)}.mobile-delete-btn[data-v-8c14d747]:hover{border-color:var(--accent-red);background:#ef44441a;color:var(--accent-red)}.mobile-delete-btn svg[data-v-8c14d747]{stroke:currentColor}.mobile-actions[data-v-8c14d747]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.mobile-approve-btn[data-v-8c14d747]:hover{border-color:var(--accent-green);background:#10b9811a;color:var(--accent-green)}.mobile-approve-btn svg[data-v-8c14d747]{stroke:currentColor}.mobile-reject-btn[data-v-8c14d747]:hover{border-color:var(--accent-red);background:#ef44441a;color:var(--accent-red)}.mobile-reject-btn svg[data-v-8c14d747]{stroke:currentColor}@media (max-width: 1024px){.table-header[data-v-8c14d747],.table-row[data-v-8c14d747]{grid-template-columns:90px 70px 70px 80px 80px 90px 120px minmax(120px,1fr) 85px 90px;gap:.5rem;padding:.75rem;font-size:.8125rem}.table-header[data-v-8c14d747]{font-size:.75rem}}@media (max-width: 768px){.ot-approvals[data-v-8c14d747]{padding:0}.page-header[data-v-8c14d747]{margin-bottom:1.5rem}.page-title[data-v-8c14d747]{font-size:1.5rem}.tabs[data-v-8c14d747]{gap:0;margin-bottom:1.5rem}.tab[data-v-8c14d747]{flex:1;padding:.875rem 1rem;font-size:.875rem;justify-content:center}.ot-section[data-v-8c14d747]{margin-top:1.5rem}.filters-card[data-v-8c14d747]{grid-template-columns:1fr;padding:1rem;gap:1rem}.form-label[data-v-8c14d747]{font-size:.8125rem}.form-input[data-v-8c14d747],.form-select[data-v-8c14d747]{padding:.625rem .875rem;font-size:.9375rem}.content-card[data-v-8c14d747]{padding:1rem}.table-wrapper[data-v-8c14d747]{margin-bottom:1rem}.desktop-view[data-v-8c14d747]{display:none}.mobile-cards[data-v-8c14d747]{display:block}.ot-badge[data-v-8c14d747]{padding:.3125rem .625rem;font-size:.75rem}.submit-section[data-v-8c14d747]{margin-top:1rem;padding-top:1rem}.btn-primary[data-v-8c14d747]{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;justify-content:center}.btn-primary[data-v-8c14d747]:hover:not(:disabled){transform:none}.empty-state[data-v-8c14d747]{padding:2.5rem 1.5rem}.empty-state svg[data-v-8c14d747]{width:48px;height:48px;margin-bottom:1rem}.empty-state h3[data-v-8c14d747]{font-size:1.125rem}.empty-state p[data-v-8c14d747]{font-size:.875rem}}@media (max-width: 480px){.page-title[data-v-8c14d747]{font-size:1.375rem}.tab[data-v-8c14d747]{padding:.75rem;font-size:.8125rem}.filters-card[data-v-8c14d747],.content-card[data-v-8c14d747],.ot-card[data-v-8c14d747]{padding:.875rem}.ot-card-date[data-v-8c14d747]{font-size:.875rem}.time-label[data-v-8c14d747]{font-size:.6875rem}.time-value[data-v-8c14d747]{font-size:.875rem}.ot-badge[data-v-8c14d747]{padding:.25rem .5rem;font-size:.6875rem}.remarks-input[data-v-8c14d747],.ot-input[data-v-8c14d747]{padding:.625rem .75rem;font-size:.875rem}.btn-primary[data-v-8c14d747]{padding:.875rem 1.25rem;font-size:.875rem}.mobile-delete-btn[data-v-8c14d747],.mobile-approve-btn[data-v-8c14d747],.mobile-reject-btn[data-v-8c14d747]{padding:.625rem;font-size:.8125rem}}.ot-approvals[data-v-070d6730]{max-width:1400px;margin:0 auto}.page-header[data-v-070d6730]{margin-bottom:2rem}.page-title[data-v-070d6730]{font-size:2rem;font-weight:700;color:var(--text-primary)}.tabs[data-v-070d6730]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab[data-v-070d6730]{position:relative;display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab[data-v-070d6730]:hover{color:var(--accent-blue)}.tab.active[data-v-070d6730]{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.ot-section[data-v-070d6730]{margin-top:2rem}.filters-card[data-v-070d6730]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm)}.form-group[data-v-070d6730]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-070d6730]{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-input[data-v-070d6730],.form-select[data-v-070d6730]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9375rem;color:var(--text-primary);transition:all .2s;background:var(--input-bg)}.form-input[data-v-070d6730]:focus,.form-select[data-v-070d6730]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.content-card[data-v-070d6730]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.table-wrapper[data-v-070d6730]{margin-bottom:1.5rem}.table-container[data-v-070d6730]{overflow-x:auto;border-radius:.5rem}.table-header[data-v-070d6730]{display:grid;grid-template-columns:100px 80px 80px 90px 90px 100px 140px minmax(150px,1fr) 90px 100px;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;font-weight:600;color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.table-row[data-v-070d6730]{display:grid;grid-template-columns:100px 80px 80px 90px 90px 100px 140px minmax(150px,1fr) 90px 100px;gap:.75rem;padding:1rem;align-items:center;border-bottom:1px solid var(--border-color);transition:all .15s}.table-row[data-v-070d6730]:last-child{border-bottom:none}.table-row[data-v-070d6730]:hover{background:var(--bg-tertiary)}.table-cell[data-v-070d6730]{font-size:.875rem;color:var(--text-primary);display:flex;align-items:center}.table-cell.actions-cell[data-v-070d6730]{position:sticky;right:0;background:var(--bg-secondary);display:flex;gap:.5rem;justify-content:flex-end;padding-left:.5rem}.table-row:hover .table-cell.actions-cell[data-v-070d6730]{background:var(--bg-tertiary)}.date-text[data-v-070d6730]{font-weight:600;color:var(--text-primary)}.time-text[data-v-070d6730]{font-weight:500;color:var(--text-secondary);font-size:.8125rem}.time-text.actual[data-v-070d6730]{color:var(--accent-blue);font-weight:600}.text-muted[data-v-070d6730]{color:var(--text-tertiary);font-style:italic;font-size:.8125rem}.ot-badge[data-v-070d6730]{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;background:#3b82f61a;color:var(--accent-blue);border-radius:999px;font-weight:600;font-size:.8125rem;white-space:nowrap}.ot-badge-approved[data-v-070d6730]{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;background:#3b82f61a;color:var(--accent-green);border-radius:999px;font-weight:600;font-size:.8125rem;white-space:nowrap}.status-badge[data-v-070d6730]{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:999px;font-weight:600;font-size:.8125rem;white-space:nowrap}.status-badge.pending[data-v-070d6730]{background:#fbbf241a;color:#f59e0b}.status-badge.approved[data-v-070d6730]{background:#10b9811a;color:var(--accent-green)}.ot-input[data-v-070d6730]{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-primary);transition:all .2s;font-weight:600;background:var(--input-bg)}.ot-input[data-v-070d6730]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.remarks-input[data-v-070d6730]{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-primary);transition:all .2s;background:var(--input-bg)}.remarks-input[data-v-070d6730]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.action-btn[data-v-070d6730]{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-secondary);cursor:pointer;transition:all .2s}.action-btn svg[data-v-070d6730]{stroke:var(--text-secondary);transition:stroke .2s}.action-btn[data-v-070d6730]:hover{background:var(--bg-tertiary);border-color:currentColor}.approve-btn[data-v-070d6730]:hover{border-color:var(--accent-green);background:#10b9811a}.approve-btn:hover svg[data-v-070d6730]{stroke:var(--accent-green)}.reject-btn[data-v-070d6730]:hover{border-color:var(--accent-red);background:#ef44441a}.reject-btn:hover svg[data-v-070d6730]{stroke:var(--accent-red)}.delete-btn[data-v-070d6730]:hover{border-color:var(--accent-red);background:#ef44441a}.delete-btn:hover svg[data-v-070d6730]{stroke:var(--accent-red)}.submit-section[data-v-070d6730]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.btn-primary[data-v-070d6730]{display:flex;align-items:center;gap:.5rem;background:var(--accent-blue);color:#fff;border:none;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md);font-size:.9375rem}.btn-primary[data-v-070d6730]:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary[data-v-070d6730]:disabled{opacity:.5;cursor:not-allowed}.empty-state[data-v-070d6730]{text-align:center;padding:4rem 2rem;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm)}.empty-state svg[data-v-070d6730]{margin:0 auto 1.5rem;opacity:.5;stroke:var(--text-tertiary)}.empty-state h3[data-v-070d6730]{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state p[data-v-070d6730]{color:var(--text-tertiary)}.mobile-cards[data-v-070d6730]{display:none}.ot-card[data-v-070d6730]{background:var(--bg-tertiary);border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid var(--border-color)}.ot-card[data-v-070d6730]:last-child{margin-bottom:0}.ot-card-header[data-v-070d6730]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.ot-card-date[data-v-070d6730]{font-weight:600;color:var(--text-primary);font-size:.9375rem}.ot-card-badges[data-v-070d6730]{display:flex;gap:.5rem;align-items:center}.ot-card-body[data-v-070d6730]{display:flex;flex-direction:column;gap:1rem}.time-grid[data-v-070d6730]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.time-item[data-v-070d6730]{display:flex;flex-direction:column;gap:.25rem}.time-label[data-v-070d6730]{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.time-value[data-v-070d6730]{font-size:.9375rem;color:var(--text-primary);font-weight:600}.time-value.actual[data-v-070d6730]{color:var(--accent-blue)}.remarks-section[data-v-070d6730],.approved-ot-section[data-v-070d6730]{display:flex;flex-direction:column;gap:.5rem}.remarks-label[data-v-070d6730]{font-size:.875rem;color:var(--text-secondary);font-weight:600}.mobile-delete-btn[data-v-070d6730],.mobile-approve-btn[data-v-070d6730],.mobile-reject-btn[data-v-070d6730]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;background:var(--bg-secondary);color:var(--text-primary)}.mobile-delete-btn[data-v-070d6730]:hover{border-color:var(--accent-red);background:#ef44441a;color:var(--accent-red)}.mobile-delete-btn svg[data-v-070d6730]{stroke:currentColor}.mobile-actions[data-v-070d6730]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.mobile-approve-btn[data-v-070d6730]:hover{border-color:var(--accent-green);background:#10b9811a;color:var(--accent-green)}.mobile-approve-btn svg[data-v-070d6730]{stroke:currentColor}.mobile-reject-btn[data-v-070d6730]:hover{border-color:var(--accent-red);background:#ef44441a;color:var(--accent-red)}.mobile-reject-btn svg[data-v-070d6730]{stroke:currentColor}@media (max-width: 1024px){.table-header[data-v-070d6730],.table-row[data-v-070d6730]{grid-template-columns:90px 70px 70px 80px 80px 90px 120px minmax(120px,1fr) 85px 90px;gap:.5rem;padding:.75rem;font-size:.8125rem}.table-header[data-v-070d6730]{font-size:.75rem}}@media (max-width: 768px){.ot-approvals[data-v-070d6730]{padding:0}.page-header[data-v-070d6730]{margin-bottom:1.5rem}.page-title[data-v-070d6730]{font-size:1.5rem}.tabs[data-v-070d6730]{gap:0;margin-bottom:1.5rem}.tab[data-v-070d6730]{flex:1;padding:.875rem 1rem;font-size:.875rem;justify-content:center}.ot-section[data-v-070d6730]{margin-top:1.5rem}.filters-card[data-v-070d6730]{grid-template-columns:1fr;padding:1rem;gap:1rem}.form-label[data-v-070d6730]{font-size:.8125rem}.form-input[data-v-070d6730],.form-select[data-v-070d6730]{padding:.625rem .875rem;font-size:.9375rem}.content-card[data-v-070d6730]{padding:1rem}.table-wrapper[data-v-070d6730]{margin-bottom:1rem}.desktop-view[data-v-070d6730]{display:none}.mobile-cards[data-v-070d6730]{display:block}.ot-badge[data-v-070d6730]{padding:.3125rem .625rem;font-size:.75rem}.submit-section[data-v-070d6730]{margin-top:1rem;padding-top:1rem}.btn-primary[data-v-070d6730]{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;justify-content:center}.btn-primary[data-v-070d6730]:hover:not(:disabled){transform:none}.empty-state[data-v-070d6730]{padding:2.5rem 1.5rem}.empty-state svg[data-v-070d6730]{width:48px;height:48px;margin-bottom:1rem}.empty-state h3[data-v-070d6730]{font-size:1.125rem}.empty-state p[data-v-070d6730]{font-size:.875rem}}@media (max-width: 480px){.page-title[data-v-070d6730]{font-size:1.375rem}.tab[data-v-070d6730]{padding:.75rem;font-size:.8125rem}.filters-card[data-v-070d6730],.content-card[data-v-070d6730],.ot-card[data-v-070d6730]{padding:.875rem}.ot-card-date[data-v-070d6730]{font-size:.875rem}.time-label[data-v-070d6730]{font-size:.6875rem}.time-value[data-v-070d6730]{font-size:.875rem}.ot-badge[data-v-070d6730]{padding:.25rem .5rem;font-size:.6875rem}.remarks-input[data-v-070d6730],.ot-input[data-v-070d6730]{padding:.625rem .75rem;font-size:.875rem}.btn-primary[data-v-070d6730]{padding:.875rem 1.25rem;font-size:.875rem}.mobile-delete-btn[data-v-070d6730],.mobile-approve-btn[data-v-070d6730],.mobile-reject-btn[data-v-070d6730]{padding:.625rem;font-size:.8125rem}}.company-policies[data-v-9111ffd7]{max-width:1200px;margin:0 auto}.page-header[data-v-9111ffd7]{margin-bottom:2rem}.page-title[data-v-9111ffd7]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-9111ffd7]{font-size:1rem;color:#64748b}.category-tabs[data-v-9111ffd7]{display:flex;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.category-tab[data-v-9111ffd7]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#64748b;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.category-tab[data-v-9111ffd7]:hover{border-color:#cbd5e1;background:#f8fafc}.category-tab.active[data-v-9111ffd7]{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.empty-state[data-v-9111ffd7]{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-state svg[data-v-9111ffd7]{margin:0 auto 1.5rem;opacity:.5}.empty-state h3[data-v-9111ffd7]{font-size:1.25rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.policies-grid[data-v-9111ffd7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.policy-card[data-v-9111ffd7]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .3s;border:2px solid transparent}.policy-card[data-v-9111ffd7]:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:#3b82f6}.policy-header[data-v-9111ffd7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.policy-category-badge[data-v-9111ffd7]{padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.policy-category-badge.attendance[data-v-9111ffd7]{background:#dbeafe;color:#1e40af}.policy-category-badge.leave[data-v-9111ffd7]{background:#d1fae5;color:#065f46}.policy-category-badge.conduct[data-v-9111ffd7]{background:#fef3c7;color:#92400e}.policy-category-badge.benefits[data-v-9111ffd7]{background:#ede9fe;color:#5b21b6}.policy-date[data-v-9111ffd7]{font-size:.875rem;color:#94a3b8}.policy-title[data-v-9111ffd7]{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem;line-height:1.4}.policy-preview[data-v-9111ffd7]{color:#64748b;line-height:1.6;margin-bottom:1.25rem}.read-more[data-v-9111ffd7]{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#3b82f6;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.read-more[data-v-9111ffd7]:hover{gap:.75rem}.modal-overlay[data-v-9111ffd7]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;overflow-y:auto}.modal[data-v-9111ffd7]{background:#fff;border-radius:1.5rem;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;margin:auto}.modal-header[data-v-9111ffd7]{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:2px solid #e2e8f0}.modal-header h2[data-v-9111ffd7]{font-size:1.75rem;font-weight:800;color:#1e293b;margin:.75rem 0 .5rem;line-height:1.3}.effective-date[data-v-9111ffd7]{font-size:.875rem;color:#64748b;font-weight:500}.close-btn[data-v-9111ffd7]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;transition:all .2s;flex-shrink:0}.close-btn[data-v-9111ffd7]:hover{color:#64748b}.modal-content[data-v-9111ffd7]{padding:2rem;overflow-y:auto;flex:1}.policy-content[data-v-9111ffd7]{color:#475569;line-height:1.8;font-size:1rem}.policy-content[data-v-9111ffd7] p{margin-bottom:1rem}.policy-content[data-v-9111ffd7] p:last-child{margin-bottom:0}@media (max-width: 768px){.page-title[data-v-9111ffd7]{font-size:1.5rem}.policies-grid[data-v-9111ffd7]{grid-template-columns:1fr}.modal[data-v-9111ffd7]{max-height:95vh;margin:0}.modal-header[data-v-9111ffd7]{padding:1.5rem 1.5rem 1rem}.modal-header h2[data-v-9111ffd7]{font-size:1.375rem}.modal-content[data-v-9111ffd7]{padding:1.5rem}}.benefits[data-v-b6fd3a60]{max-width:1400px;margin:0 auto}.page-header[data-v-b6fd3a60]{margin-bottom:2rem}.page-title[data-v-b6fd3a60]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-b6fd3a60]{font-size:1rem;color:#64748b}.loading-state[data-v-b6fd3a60]{text-align:center;padding:4rem 2rem;color:#94a3b8}.spinner[data-v-b6fd3a60]{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;margin:0 auto 1rem;animation:spin-b6fd3a60 .8s linear infinite}@keyframes spin-b6fd3a60{to{transform:rotate(360deg)}}.summary-cards[data-v-b6fd3a60]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.summary-card[data-v-b6fd3a60]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;transition:all .3s}.summary-card[data-v-b6fd3a60]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.summary-icon[data-v-b6fd3a60]{width:56px;height:56px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.summary-content[data-v-b6fd3a60]{flex:1}.summary-label[data-v-b6fd3a60]{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.summary-value[data-v-b6fd3a60]{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.summary-note[data-v-b6fd3a60]{font-size:.75rem;color:#94a3b8}.benefits-section[data-v-b6fd3a60]{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-title[data-v-b6fd3a60]{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem}.empty-state[data-v-b6fd3a60]{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-state svg[data-v-b6fd3a60]{margin:0 auto 1.5rem;opacity:.5}.empty-state h3[data-v-b6fd3a60]{font-size:1.25rem;color:#64748b;margin-bottom:.5rem}.benefits-grid[data-v-b6fd3a60]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.benefit-card[data-v-b6fd3a60]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s}.benefit-card[data-v-b6fd3a60]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.benefit-header[data-v-b6fd3a60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.benefit-type-badge[data-v-b6fd3a60]{padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.benefit-type-badge.health[data-v-b6fd3a60]{background:#dbeafe;color:#1e40af}.benefit-type-badge.life[data-v-b6fd3a60]{background:#fce7f3;color:#be123c}.benefit-type-badge.retirement[data-v-b6fd3a60]{background:#d1fae5;color:#065f46}.benefit-type-badge.transport[data-v-b6fd3a60]{background:#fef3c7;color:#92400e}.benefit-type-badge.wellness[data-v-b6fd3a60]{background:#e9d5ff;color:#6b21a8}.benefit-type-badge.default[data-v-b6fd3a60]{background:#e2e8f0;color:#475569}.benefit-status-badge[data-v-b6fd3a60]{padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.benefit-status-badge.active[data-v-b6fd3a60]{background:#d1fae5;color:#065f46}.benefit-status-badge.inactive[data-v-b6fd3a60]{background:#fee2e2;color:#991b1b}.benefit-name[data-v-b6fd3a60]{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.benefit-calculation[data-v-b6fd3a60]{margin-bottom:1.25rem;padding:1rem;background:#f8fafc;border-radius:.75rem;border-left:3px solid #3b82f6}.calculation-label[data-v-b6fd3a60]{font-size:.75rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.calculation-text[data-v-b6fd3a60]{font-size:.875rem;color:#475569;line-height:1.6;margin:0}.benefit-amounts[data-v-b6fd3a60]{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:2px solid #e2e8f0}.amount-row[data-v-b6fd3a60]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px dashed #e2e8f0}.amount-item[data-v-b6fd3a60]{flex:1;text-align:center}.amount-label[data-v-b6fd3a60]{font-size:.75rem;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.amount-value[data-v-b6fd3a60]{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.employee-amount .amount-value[data-v-b6fd3a60]{color:#ef4444}.employer-amount .amount-value[data-v-b6fd3a60]{color:#10b981}.amount-frequency[data-v-b6fd3a60]{font-size:.75rem;color:#94a3b8;text-transform:capitalize}.amount-divider[data-v-b6fd3a60]{font-size:1.25rem;font-weight:700;color:#cbd5e1}.total-amount[data-v-b6fd3a60]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:.5rem;color:#fff}.total-label[data-v-b6fd3a60]{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.total-value[data-v-b6fd3a60]{font-size:1.25rem;font-weight:700}.benefit-coverage[data-v-b6fd3a60]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ecfdf5;border-radius:.5rem;margin-bottom:1rem;color:#065f46;font-size:.875rem}.benefit-coverage svg[data-v-b6fd3a60]{flex-shrink:0}.benefit-coverage strong[data-v-b6fd3a60]{font-weight:700}.benefit-dates[data-v-b6fd3a60]{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.date-item[data-v-b6fd3a60]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.date-item svg[data-v-b6fd3a60]{color:#94a3b8;flex-shrink:0}@media (max-width: 768px){.page-title[data-v-b6fd3a60]{font-size:1.5rem}.summary-cards[data-v-b6fd3a60]{grid-template-columns:1fr;gap:1rem}.summary-card[data-v-b6fd3a60]{padding:1.25rem}.summary-icon[data-v-b6fd3a60]{width:48px;height:48px}.summary-value[data-v-b6fd3a60]{font-size:1.5rem}.benefits-section[data-v-b6fd3a60]{padding:1.5rem}.section-title[data-v-b6fd3a60]{font-size:1.25rem}.benefits-grid[data-v-b6fd3a60]{grid-template-columns:1fr;gap:1rem}.benefit-card[data-v-b6fd3a60]{padding:1.25rem}.benefit-name[data-v-b6fd3a60]{font-size:1.125rem}.amount-row[data-v-b6fd3a60]{flex-direction:column;gap:.75rem}.amount-divider[data-v-b6fd3a60]{transform:rotate(90deg)}.amount-value[data-v-b6fd3a60]{font-size:1.25rem}.benefit-dates[data-v-b6fd3a60]{flex-direction:column;gap:.5rem}}.payroll[data-v-125f0003]{max-width:1200px;margin:0 auto}.page-header[data-v-125f0003]{margin-bottom:2rem}.page-title[data-v-125f0003]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-125f0003]{font-size:1rem;color:#64748b}.loading-state[data-v-125f0003]{text-align:center;padding:4rem 2rem;color:#94a3b8}.spinner[data-v-125f0003]{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;margin:0 auto 1rem;animation:spin-125f0003 .8s linear infinite}@keyframes spin-125f0003{to{transform:rotate(360deg)}}.empty-state[data-v-125f0003]{text-align:center;padding:4rem 2rem;color:#94a3b8;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.empty-state svg[data-v-125f0003]{margin:0 auto 1.5rem;opacity:.5}.empty-state h3[data-v-125f0003]{font-size:1.25rem;color:#64748b;margin-bottom:.5rem}.payroll-list[data-v-125f0003]{display:grid;gap:1.25rem}.payroll-card[data-v-125f0003]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s}.payroll-card[data-v-125f0003]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.payroll-header[data-v-125f0003]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.payroll-period[data-v-125f0003]{flex:1}.period-label[data-v-125f0003]{font-size:.875rem;color:#64748b;margin-bottom:.25rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.period-dates[data-v-125f0003]{font-size:1.125rem;font-weight:600;color:#1e293b}.payroll-status[data-v-125f0003]{padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.payroll-status.processed[data-v-125f0003]{background:#d1fae5;color:#065f46}.payroll-status.pending[data-v-125f0003]{background:#fef3c7;color:#92400e}.payroll-status.cancelled[data-v-125f0003]{background:#fee2e2;color:#991b1b}.payroll-body[data-v-125f0003]{margin-bottom:1.25rem}.payroll-amount[data-v-125f0003]{margin-bottom:1rem}.amount-label[data-v-125f0003]{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.amount-value[data-v-125f0003]{font-size:2rem;font-weight:700;color:#10b981}.payroll-breakdown[data-v-125f0003]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;background:#f8fafc;border-radius:.75rem}.breakdown-item[data-v-125f0003]{display:flex;flex-direction:column;gap:.25rem}.breakdown-label[data-v-125f0003]{font-size:.875rem;color:#64748b}.breakdown-value[data-v-125f0003]{font-size:1.125rem;font-weight:600;color:#1e293b}.breakdown-value.deduction[data-v-125f0003]{color:#ef4444}.payroll-footer[data-v-125f0003]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.pay-date[data-v-125f0003]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.pay-date svg[data-v-125f0003]{color:#94a3b8}.btn-view[data-v-125f0003]{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-view[data-v-125f0003]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.modal-overlay[data-v-125f0003]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-125f0003]{background:#fff;border-radius:1rem;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-125f0003]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2[data-v-125f0003]{font-size:1.5rem;font-weight:700;color:#1e293b}.btn-close[data-v-125f0003]{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.btn-close[data-v-125f0003]:hover{background:#f1f5f9;color:#1e293b}.payslip[data-v-125f0003]{padding:2rem}.payslip-header[data-v-125f0003]{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.payslip-header h1[data-v-125f0003]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.company-info h3[data-v-125f0003]{font-size:1.25rem;color:#475569;margin-bottom:.5rem}.company-info p[data-v-125f0003]{font-size:.875rem;color:#64748b;margin:.25rem 0}.payslip-info[data-v-125f0003]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:.75rem}.info-section[data-v-125f0003]{display:flex;flex-direction:column;gap:.75rem}.info-row[data-v-125f0003]{display:flex;justify-content:space-between;align-items:center}.info-label[data-v-125f0003]{font-size:.875rem;color:#64748b;font-weight:500}.info-value[data-v-125f0003]{font-size:.9375rem;color:#1e293b;font-weight:600}.status-badge[data-v-125f0003]{padding:.25rem .625rem;border-radius:999px;font-size:.75rem;text-transform:uppercase}.status-badge.processed[data-v-125f0003]{background:#d1fae5;color:#065f46}.payslip-earnings[data-v-125f0003],.payslip-deductions[data-v-125f0003]{margin-bottom:2rem}.section-title[data-v-125f0003]{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.payslip-table[data-v-125f0003]{width:100%;border-collapse:collapse}.payslip-table thead[data-v-125f0003]{background:#f8fafc}.payslip-table th[data-v-125f0003]{text-align:left;padding:.875rem 1rem;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.payslip-table td[data-v-125f0003]{padding:.875rem 1rem;font-size:.9375rem;color:#1e293b;border-bottom:1px solid #e2e8f0}.payslip-table th[data-v-125f0003]:last-child,.payslip-table td[data-v-125f0003]:last-child{text-align:right}.payslip-table .total-row[data-v-125f0003]{background:#f8fafc}.payslip-table .total-row td[data-v-125f0003]{border-bottom:none;padding:1rem}.payslip-summary[data-v-125f0003]{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:1.5rem 2rem;border-radius:.75rem;margin-bottom:1.5rem}.summary-row[data-v-125f0003]{display:flex;justify-content:space-between;align-items:center;color:#fff}.summary-row span[data-v-125f0003]:first-child{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.net-pay-amount[data-v-125f0003]{font-size:2rem;font-weight:700}.payslip-notes[data-v-125f0003]{padding:1rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem}.payslip-notes h4[data-v-125f0003]{font-size:.875rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.payslip-notes p[data-v-125f0003]{font-size:.875rem;color:#78350f;line-height:1.5}.modal-actions[data-v-125f0003]{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0}.btn-print[data-v-125f0003]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-print[data-v-125f0003]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-cancel[data-v-125f0003]{padding:.875rem 1.5rem;background:#f1f5f9;color:#475569;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-125f0003]:hover{background:#e2e8f0}@media print{body[data-v-125f0003] *{visibility:hidden}#payslip[data-v-125f0003],#payslip[data-v-125f0003] *{visibility:visible}#payslip[data-v-125f0003]{position:absolute;left:0;top:0;width:100%}.modal-overlay[data-v-125f0003],.modal-header[data-v-125f0003],.modal-actions[data-v-125f0003]{display:none!important}.modal-content[data-v-125f0003]{box-shadow:none;max-height:none}}@media (max-width: 768px){.page-title[data-v-125f0003]{font-size:1.5rem}.payroll-card[data-v-125f0003]{padding:1.25rem}.period-dates[data-v-125f0003]{font-size:1rem}.amount-value[data-v-125f0003]{font-size:1.75rem}.payroll-breakdown[data-v-125f0003]{grid-template-columns:1fr}.payroll-footer[data-v-125f0003]{flex-direction:column;gap:1rem;align-items:stretch}.btn-view[data-v-125f0003]{width:100%}.modal-content[data-v-125f0003]{max-height:95vh}.payslip[data-v-125f0003]{padding:1.5rem}.payslip-header h1[data-v-125f0003]{font-size:1.5rem}.payslip-info[data-v-125f0003]{grid-template-columns:1fr;gap:1rem}.payslip-table[data-v-125f0003]{font-size:.875rem}.payslip-table th[data-v-125f0003],.payslip-table td[data-v-125f0003]{padding:.625rem .75rem}.net-pay-amount[data-v-125f0003]{font-size:1.5rem}.modal-actions[data-v-125f0003]{flex-direction:column}}.modal-overlay[data-v-ecfec00d]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-container[data-v-ecfec00d]{background:var(--bg-secondary);border-radius:1rem;width:100%;max-width:500px;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.modal-container.modal-large[data-v-ecfec00d]{max-width:900px}.modal-header[data-v-ecfec00d]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-title[data-v-ecfec00d]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.modal-close[data-v-ecfec00d]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s}.modal-close[data-v-ecfec00d]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-ecfec00d]{padding:1.5rem;overflow-y:auto;flex:1}.modal-enter-active[data-v-ecfec00d],.modal-leave-active[data-v-ecfec00d]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-ecfec00d],.modal-leave-active .modal-container[data-v-ecfec00d]{transition:transform .3s ease}.modal-enter-from[data-v-ecfec00d],.modal-leave-to[data-v-ecfec00d]{opacity:0}.modal-enter-from .modal-container[data-v-ecfec00d],.modal-leave-to .modal-container[data-v-ecfec00d]{transform:scale(.95) translateY(-20px)}@media (max-width: 768px){.modal-container[data-v-ecfec00d]{max-width:100%;margin:0;border-radius:1rem 1rem 0 0;align-self:flex-end;max-height:90vh}.modal-container.modal-large[data-v-ecfec00d]{max-width:100%}.modal-header[data-v-ecfec00d],.modal-body[data-v-ecfec00d]{padding:1rem}.modal-title[data-v-ecfec00d]{font-size:1.125rem}}.room-booking[data-v-fca46d66]{max-width:1800px;margin:0 auto}.page-header[data-v-fca46d66]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.page-header h1[data-v-fca46d66]{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.025em}.subtitle[data-v-fca46d66]{color:var(--text-secondary);font-size:1rem;margin:0}.header-actions[data-v-fca46d66]{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.date-input[data-v-fca46d66]{padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s}.date-input[data-v-fca46d66]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f61a}.rooms-overview[data-v-fca46d66]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.room-card[data-v-fca46d66]{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:1rem;padding:1.25rem;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.room-card[data-v-fca46d66]:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.room-card.selected[data-v-fca46d66]{border-color:var(--accent-blue);background:#3b82f60d}.room-name-row[data-v-fca46d66]{margin-bottom:.625rem;min-height:3.375rem;display:flex;flex-direction:column}.room-info h3[data-v-fca46d66]{font-size:1rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.approval-badge-wrapper[data-v-fca46d66]{min-height:1.75rem}.approval-badge[data-v-fca46d66]{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#fb923c1a;color:#f97316;border:1px solid rgba(251,146,60,.2);border-radius:.375rem;font-size:.6875rem;font-weight:600;white-space:nowrap}.room-meta[data-v-fca46d66]{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem;color:var(--text-secondary)}.capacity[data-v-fca46d66]{display:flex;align-items:center;gap:.375rem}.selected-indicator[data-v-fca46d66]{color:var(--accent-blue)}.calendar-container[data-v-fca46d66]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.calendar-header[data-v-fca46d66]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-header h2[data-v-fca46d66]{font-size:1.125rem;font-weight:700;margin:0;color:var(--text-primary)}.calendar-grid[data-v-fca46d66]{display:flex;gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;-webkit-user-select:none;user-select:none}.time-column[data-v-fca46d66]{background:var(--bg-secondary);min-width:80px}.time-header[data-v-fca46d66]{height:60px;display:flex;align-items:center;justify-content:center;font-weight:600;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.time-slot[data-v-fca46d66]{height:40px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.day-column[data-v-fca46d66]{flex:1;background:var(--bg-secondary)}.day-header[data-v-fca46d66]{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.day-name[data-v-fca46d66]{font-weight:600;font-size:.875rem;color:var(--text-primary)}.day-date[data-v-fca46d66]{font-size:.75rem;color:var(--text-secondary)}.calendar-slot[data-v-fca46d66]{height:40px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;position:relative;transition:background .1s;overflow:visible;touch-action:pan-x;-webkit-tap-highlight-color:transparent}.calendar-slot[data-v-fca46d66]:hover:not(.booked):not(.past){background:#3b82f60d}.calendar-slot.selected[data-v-fca46d66]{background:#3b82f626;border-left:3px solid var(--accent-blue);position:relative}.calendar-slot.selected[data-v-fca46d66]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(59,130,246,.3);pointer-events:none}.calendar-slot.booked[data-v-fca46d66]{background:#ef44440d;cursor:not-allowed}.calendar-slot.past[data-v-fca46d66]{background:var(--bg-tertiary);cursor:not-allowed;opacity:.5}.selection-popover[data-v-fca46d66]{position:fixed;background:var(--bg-secondary);border:2px solid var(--accent-blue);border-radius:.875rem;box-shadow:0 8px 24px #00000026;padding:0;z-index:1000;min-width:320px;animation:popoverSlideUp-fca46d66 .2s ease-out}@keyframes popoverSlideUp-fca46d66{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.popover-header[data-v-fca46d66]{padding:1rem;background:#3b82f60d;border-bottom:1px solid rgba(59,130,246,.15);display:flex;flex-direction:column;gap:.5rem}.popover-date[data-v-fca46d66]{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.popover-time[data-v-fca46d66]{font-size:.875rem;color:var(--text-secondary);font-weight:500}.popover-duration[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--accent-blue);font-weight:600;margin-top:.25rem}.popover-actions[data-v-fca46d66]{padding:.75rem;display:flex;gap:.5rem;justify-content:flex-end}.popover-actions .btn-sm[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;font-weight:600}.no-selection[data-v-fca46d66]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1.25rem;color:var(--text-secondary)}.no-selection p[data-v-fca46d66]{margin-top:1rem;font-size:1rem}.booking-modal-content[data-v-fca46d66]{display:flex;flex-direction:column;gap:1.5rem}.booking-header-info[data-v-fca46d66]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:.75rem}.info-item[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.facilities-section h4[data-v-fca46d66],.participants-section h4[data-v-fca46d66]{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.facilities-list[data-v-fca46d66]{display:flex;flex-wrap:wrap;gap:.75rem}.facility-item[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#22c55e1a;border-radius:.5rem;font-size:.8125rem;color:#22c55e}.facility-item.unavailable[data-v-fca46d66]{background:#ef44441a;color:#ef4444}.maintenance-note[data-v-fca46d66]{font-size:.75rem;font-style:italic}.form-section[data-v-fca46d66]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-fca46d66]{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width[data-v-fca46d66]{grid-column:1 / -1}.form-group label[data-v-fca46d66]{font-size:.875rem;font-weight:600;color:var(--text-primary)}.required[data-v-fca46d66]{color:var(--accent-red)}.form-input[data-v-fca46d66]{padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}.form-input[data-v-fca46d66]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f61a}.section-header[data-v-fca46d66]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.participant-form[data-v-fca46d66]{padding:1rem;background:var(--bg-tertiary);border-radius:.75rem;margin-bottom:1rem}.form-row[data-v-fca46d66]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:.75rem}.form-actions[data-v-fca46d66]{display:flex;gap:.5rem;justify-content:flex-end}.participants-lists[data-v-fca46d66]{display:flex;flex-direction:column;gap:1.25rem}.participant-list-section[data-v-fca46d66]{display:flex;flex-direction:column;gap:.75rem}.list-header[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--text-primary);padding:.5rem 0}.list-header .count[data-v-fca46d66]{font-weight:400;color:var(--text-secondary);font-size:.8125rem}.search-wrapper[data-v-fca46d66]{position:relative;display:flex;align-items:center}.search-icon[data-v-fca46d66]{position:absolute;left:.875rem;color:var(--text-secondary);pointer-events:none}.search-input[data-v-fca46d66]{width:100%;padding:.625rem .875rem .625rem 2.5rem;border:1px solid var(--border-primary);border-radius:.5rem;background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;transition:all .2s}.search-input[data-v-fca46d66]:focus{outline:none;border-color:var(--primary-color);background:var(--bg-secondary)}.search-input[data-v-fca46d66]::placeholder{color:var(--text-tertiary)}.participants-group[data-v-fca46d66]{margin-bottom:1.5rem}.participants-group[data-v-fca46d66]:last-child{margin-bottom:0}.participants-group-header[data-v-fca46d66]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.participants-group-title[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--text-primary)}.participants-group-title .count[data-v-fca46d66]{color:var(--text-tertiary);font-weight:400;font-size:.8125rem}.participants-list[data-v-fca46d66]{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.participant-item[data-v-fca46d66]{display:flex;justify-content:space-between;align-items:center;padding:.875rem;background:var(--bg-tertiary);border-radius:.5rem}.participant-info[data-v-fca46d66]{display:flex;align-items:center;gap:.875rem}.participant-details[data-v-fca46d66]{display:flex;flex-direction:column;gap:.25rem}.participant-name[data-v-fca46d66]{font-weight:600;font-size:.875rem;color:var(--text-primary)}.participant-meta[data-v-fca46d66]{font-size:.75rem;color:var(--text-secondary)}.no-participants[data-v-fca46d66]{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.modal-actions[data-v-fca46d66]{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-icon[data-v-fca46d66]{display:flex;align-items:center;justify-content:center;padding:.625rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .2s;color:var(--text-primary)}.btn-icon[data-v-fca46d66]:hover{background:var(--bg-primary);border-color:var(--accent-blue);color:var(--accent-blue)}.btn-icon.btn-danger[data-v-fca46d66]{color:#ef4444;background:transparent;border-color:transparent}.btn-icon.btn-danger[data-v-fca46d66]:hover{background:#ef44441a;border-color:#ef4444}.btn-sm[data-v-fca46d66]{padding:.5rem .875rem;font-size:.8125rem;border-radius:.5rem}.btn-primary[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.btn-primary[data-v-fca46d66]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary[data-v-fca46d66]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-secondary[data-v-fca46d66]:hover{background:var(--bg-tertiary);border-color:var(--accent-blue);color:var(--accent-blue)}.btn-secondary.active[data-v-fca46d66]{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-danger[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-danger[data-v-fca46d66]:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-danger[data-v-fca46d66]:disabled{opacity:.5;cursor:not-allowed}.booking-block[data-v-fca46d66]{position:absolute;top:0;left:0;right:0;height:calc(var(--booking-slots, 1) * 40px);background:#3b82f626;border:2px solid var(--accent-blue);border-radius:.375rem;padding:.5rem;cursor:pointer;overflow:hidden;z-index:10;transition:all .2s;display:flex;flex-direction:column;gap:.25rem}.booking-block[data-v-fca46d66]:hover{background:#3b82f640;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.booking-block.booking-pending[data-v-fca46d66]{background:#fb923c26;border-color:#f97316}.booking-block.booking-pending[data-v-fca46d66]:hover{background:#fb923c40}.booking-title[data-v-fca46d66]{font-weight:600;font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-time[data-v-fca46d66]{font-size:.6875rem;color:var(--text-secondary);white-space:nowrap}.booking-details-content[data-v-fca46d66],.confirmation-content[data-v-fca46d66]{display:flex;flex-direction:column;gap:1.5rem}.confirmation-message[data-v-fca46d66]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1rem}.warning-icon[data-v-fca46d66]{color:#f59e0b}.booking-info[data-v-fca46d66]{padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;border-left:3px solid #f59e0b;width:100%;text-align:left}.warning-text[data-v-fca46d66]{color:var(--text-secondary);font-size:.875rem;font-style:italic}.details-section[data-v-fca46d66]{display:flex;flex-direction:column;gap:.75rem}.details-section h4[data-v-fca46d66]{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.details-section p[data-v-fca46d66]{margin:0;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.detail-row[data-v-fca46d66]{display:flex;align-items:center;justify-content:space-between;padding:.875rem;background:var(--bg-tertiary);border-radius:.5rem}.detail-label[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-secondary);font-size:.875rem}.detail-value[data-v-fca46d66]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.duration-badge[data-v-fca46d66]{padding:.375rem .625rem;background:#3b82f61a;color:var(--accent-blue);border-radius:.375rem;font-size:.75rem;font-weight:600}.status-badge[data-v-fca46d66]{padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.status-pending[data-v-fca46d66]{background:#fbbf241a;color:#f59e0b}.status-badge.status-approved[data-v-fca46d66]{background:#22c55e1a;color:#22c55e}.status-badge.status-cancelled[data-v-fca46d66]{background:#ef44441a;color:#ef4444}@media (max-width: 1024px){.page-header[data-v-fca46d66]{flex-direction:column;align-items:stretch}.header-actions[data-v-fca46d66]{flex-direction:column;width:100%}.date-input[data-v-fca46d66]{width:100%}}@media (max-width: 768px){.page-header h1[data-v-fca46d66]{font-size:1.5rem}.subtitle[data-v-fca46d66]{font-size:.875rem}.rooms-overview[data-v-fca46d66]{display:flex;overflow-x:auto;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.room-card[data-v-fca46d66]{flex:0 0 85%;max-width:85%;padding:1rem;scroll-snap-align:start}.room-info[data-v-fca46d66]{gap:.5rem}.room-name-row h3[data-v-fca46d66]{font-size:1rem}.room-meta[data-v-fca46d66]{font-size:.8125rem}.approval-badge[data-v-fca46d66]{font-size:.6875rem;padding:.25rem .5rem}.calendar-container[data-v-fca46d66]{padding:1rem;border-radius:.75rem}.calendar-header[data-v-fca46d66]{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.calendar-header h2[data-v-fca46d66]{font-size:.9375rem;flex:1 1 100%;text-align:center}.calendar-grid[data-v-fca46d66]{font-size:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.time-column[data-v-fca46d66]{min-width:50px}.time-header[data-v-fca46d66]{height:50px;font-size:.75rem}.time-slot[data-v-fca46d66]{height:50px;font-size:.6875rem}.day-header[data-v-fca46d66]{height:50px;padding:.25rem}.day-name[data-v-fca46d66]{font-size:.75rem}.day-date[data-v-fca46d66]{font-size:.6875rem}.calendar-slot[data-v-fca46d66]{height:50px;min-height:50px}.booking-block[data-v-fca46d66]{height:calc(var(--booking-slots, 1) * 50px);padding:.375rem}.booking-title[data-v-fca46d66]{font-size:.75rem}.booking-time[data-v-fca46d66]{font-size:.625rem}.btn-secondary.active[data-v-fca46d66],.btn-secondary[data-v-fca46d66]{font-size:.75rem;padding:.5rem .75rem}.btn-icon[data-v-fca46d66]{padding:.5rem}.selection-popover[data-v-fca46d66]{min-width:280px;left:50%!important;transform:translate(-50%)}.popover-header[data-v-fca46d66]{padding:.875rem}.popover-date[data-v-fca46d66]{font-size:.875rem}.popover-time[data-v-fca46d66]{font-size:.8125rem}.booking-modal-content[data-v-fca46d66]{gap:1.25rem}.booking-header-info[data-v-fca46d66]{gap:.75rem;padding:.875rem}.info-item[data-v-fca46d66]{flex:1 1 calc(50% - .375rem);font-size:.8125rem;min-width:120px}.form-row[data-v-fca46d66]{grid-template-columns:1fr}.participants-lists[data-v-fca46d66]{gap:1rem}.section-header[data-v-fca46d66]{flex-wrap:wrap}.section-header h4[data-v-fca46d66]{flex:1 1 100%;margin-bottom:.5rem}.section-header button[data-v-fca46d66]{width:100%}.modal-actions[data-v-fca46d66]{flex-direction:column}.modal-actions button[data-v-fca46d66],.header-actions[data-v-fca46d66]{width:100%}.header-actions button[data-v-fca46d66]{flex:1}}@media (max-width: 480px){.page-header[data-v-fca46d66]{margin-bottom:1.5rem}.page-header h1[data-v-fca46d66]{font-size:1.25rem}.subtitle[data-v-fca46d66]{font-size:.8125rem}.rooms-overview[data-v-fca46d66]{gap:.625rem}.room-card[data-v-fca46d66]{flex:0 0 90%;max-width:90%;padding:.875rem}.calendar-container[data-v-fca46d66]{padding:.75rem}.calendar-header[data-v-fca46d66]{gap:.5rem}.calendar-header h2[data-v-fca46d66]{font-size:.875rem}.btn-sm[data-v-fca46d66]{font-size:.75rem;padding:.5rem .75rem}.time-column[data-v-fca46d66]{min-width:45px}.booking-modal-content[data-v-fca46d66]{gap:1rem}.booking-header-info[data-v-fca46d66]{gap:.5rem;padding:.75rem}.info-item[data-v-fca46d66]{font-size:.75rem;flex:1 1 100%}.section-header[data-v-fca46d66]{flex-direction:column;align-items:stretch;gap:.75rem}.section-header h4[data-v-fca46d66]{font-size:1rem}.section-header button[data-v-fca46d66]{width:100%;justify-content:center}.form-group label[data-v-fca46d66],.form-input[data-v-fca46d66]{font-size:.875rem}}.header-section[data-v-610ef74b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title[data-v-610ef74b]{font-size:2rem;font-weight:700;color:#1e293b}.ot-approvals[data-v-610ef74b]{max-width:1400px;margin:0 auto}.page-header[data-v-610ef74b]{margin-bottom:2rem}.page-title[data-v-610ef74b]{font-size:2rem;font-weight:700;color:var(--text-primary)}.tabs[data-v-610ef74b]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab[data-v-610ef74b]{position:relative;display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab[data-v-610ef74b]:hover{color:var(--accent-blue)}.tab.active[data-v-610ef74b]{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.ot-section[data-v-610ef74b]{margin-top:2rem}.filters-card[data-v-610ef74b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm)}.form-group[data-v-610ef74b]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-610ef74b]{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-input[data-v-610ef74b],.form-select[data-v-610ef74b]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9375rem;color:var(--text-primary);transition:all .2s;background:var(--input-bg)}.form-input[data-v-610ef74b]:focus,.form-select[data-v-610ef74b]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.content-card[data-v-610ef74b]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.table-wrapper[data-v-610ef74b]{margin-bottom:1.5rem}.table-container[data-v-610ef74b]{overflow-x:auto;border-radius:.5rem}.table-header[data-v-610ef74b]{display:grid;grid-template-columns:100px 80px 80px 90px 90px 100px 140px minmax(150px,1fr) 90px 100px;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;font-weight:600;color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.table-row[data-v-610ef74b]{display:grid;grid-template-columns:100px 80px 80px 90px 90px 100px 140px minmax(150px,1fr) 90px 100px;gap:.75rem;padding:1rem;align-items:center;border-bottom:1px solid var(--border-color);transition:all .15s}.table-row[data-v-610ef74b]:last-child{border-bottom:none}.table-row[data-v-610ef74b]:hover{background:var(--bg-tertiary)}.table-cell[data-v-610ef74b]{font-size:.875rem;color:var(--text-primary);display:flex;align-items:center}.table-cell.actions-cell[data-v-610ef74b]{position:sticky;right:0;background:var(--bg-secondary);display:flex;gap:.5rem;justify-content:flex-end;padding-left:.5rem}.table-row:hover .table-cell.actions-cell[data-v-610ef74b]{background:var(--bg-tertiary)}.date-text[data-v-610ef74b]{font-weight:600;color:var(--text-primary)}.time-text[data-v-610ef74b]{font-weight:500;color:var(--text-secondary);font-size:.8125rem}.time-text.actual[data-v-610ef74b]{color:var(--accent-blue);font-weight:600}.text-muted[data-v-610ef74b]{color:var(--text-tertiary);font-style:italic;font-size:.8125rem}.ot-badge[data-v-610ef74b]{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;background:#3b82f61a;color:var(--accent-blue);border-radius:999px;font-weight:600;font-size:.8125rem;white-space:nowrap}.ot-badge-approved[data-v-610ef74b]{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;background:#3b82f61a;color:var(--accent-green);border-radius:999px;font-weight:600;font-size:.8125rem;white-space:nowrap}.status-badge[data-v-610ef74b]{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:999px;font-weight:600;font-size:.8125rem;white-space:nowrap}.status-badge.pending[data-v-610ef74b]{background:#fbbf241a;color:#f59e0b}.status-badge.approved[data-v-610ef74b]{background:#10b9811a;color:var(--accent-green)}.ot-input[data-v-610ef74b]{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-primary);transition:all .2s;font-weight:600;background:var(--input-bg)}.ot-input[data-v-610ef74b]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.remarks-input[data-v-610ef74b]{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-primary);transition:all .2s;background:var(--input-bg)}.remarks-input[data-v-610ef74b]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.action-btn[data-v-610ef74b]{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-secondary);cursor:pointer;transition:all .2s}.action-btn svg[data-v-610ef74b]{stroke:var(--text-secondary);transition:stroke .2s}.action-btn[data-v-610ef74b]:hover{background:var(--bg-tertiary);border-color:currentColor}.approve-btn[data-v-610ef74b]:hover{border-color:var(--accent-green);background:#10b9811a}.approve-btn:hover svg[data-v-610ef74b]{stroke:var(--accent-green)}.reject-btn[data-v-610ef74b]:hover{border-color:var(--accent-red);background:#ef44441a}.reject-btn:hover svg[data-v-610ef74b]{stroke:var(--accent-red)}.delete-btn[data-v-610ef74b]:hover{border-color:var(--accent-red);background:#ef44441a}.delete-btn:hover svg[data-v-610ef74b]{stroke:var(--accent-red)}.submit-section[data-v-610ef74b]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.btn-primary[data-v-610ef74b]{display:flex;align-items:center;gap:.5rem;background:var(--accent-blue);color:#fff;border:none;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md);font-size:.9375rem}.btn-primary[data-v-610ef74b]:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary[data-v-610ef74b]:disabled{opacity:.5;cursor:not-allowed}.empty-state[data-v-610ef74b]{text-align:center;padding:4rem 2rem;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm)}.empty-state svg[data-v-610ef74b]{margin:0 auto 1.5rem;opacity:.5;stroke:var(--text-tertiary)}.empty-state h3[data-v-610ef74b]{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state p[data-v-610ef74b]{color:var(--text-tertiary)}.mobile-cards[data-v-610ef74b]{display:none}.ot-card[data-v-610ef74b]{background:var(--bg-tertiary);border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid var(--border-color)}.ot-card[data-v-610ef74b]:last-child{margin-bottom:0}.ot-card-header[data-v-610ef74b]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.ot-card-date[data-v-610ef74b]{font-weight:600;color:var(--text-primary);font-size:.9375rem}.ot-card-badges[data-v-610ef74b]{display:flex;gap:.5rem;align-items:center}.ot-card-body[data-v-610ef74b]{display:flex;flex-direction:column;gap:1rem}.time-grid[data-v-610ef74b]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.time-item[data-v-610ef74b]{display:flex;flex-direction:column;gap:.25rem}.time-label[data-v-610ef74b]{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.time-value[data-v-610ef74b]{font-size:.9375rem;color:var(--text-primary);font-weight:600}.time-value.actual[data-v-610ef74b]{color:var(--accent-blue)}.remarks-section[data-v-610ef74b],.approved-ot-section[data-v-610ef74b]{display:flex;flex-direction:column;gap:.5rem}.remarks-label[data-v-610ef74b]{font-size:.875rem;color:var(--text-secondary);font-weight:600}.mobile-delete-btn[data-v-610ef74b],.mobile-approve-btn[data-v-610ef74b],.mobile-reject-btn[data-v-610ef74b]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;background:var(--bg-secondary);color:var(--text-primary)}.mobile-delete-btn[data-v-610ef74b]:hover{border-color:var(--accent-red);background:#ef44441a;color:var(--accent-red)}.mobile-delete-btn svg[data-v-610ef74b]{stroke:currentColor}.mobile-actions[data-v-610ef74b]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.mobile-approve-btn[data-v-610ef74b]:hover{border-color:var(--accent-green);background:#10b9811a;color:var(--accent-green)}.mobile-approve-btn svg[data-v-610ef74b]{stroke:currentColor}.mobile-reject-btn[data-v-610ef74b]:hover{border-color:var(--accent-red);background:#ef44441a;color:var(--accent-red)}.mobile-reject-btn svg[data-v-610ef74b]{stroke:currentColor}.btn-details[data-v-610ef74b]{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-details[data-v-610ef74b]:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.btn-details svg[data-v-610ef74b]{flex-shrink:0}.request-card-footer[data-v-610ef74b]{padding:1rem;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:.5rem}.btn-mobile[data-v-610ef74b]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:1.5px solid;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-mobile[data-v-610ef74b]:active{transform:scale(.98)}.btn-view-mobile[data-v-610ef74b]{background:var(--bg-secondary);border-color:var(--accent-blue);color:var(--accent-blue)}.btn-view-mobile[data-v-610ef74b]:hover{background:#eff6ff}.btn-approve-mobile[data-v-610ef74b]{background:var(--bg-secondary);border-color:var(--accent-green);color:var(--accent-green)}.btn-approve-mobile[data-v-610ef74b]:hover{background:#f0fdf4}.btn-reject-mobile[data-v-610ef74b]{background:var(--bg-secondary);border-color:var(--accent-red);color:var(--accent-red)}.btn-reject-mobile[data-v-610ef74b]:hover{background:#fef2f2}@media (max-width: 1024px){.table-header[data-v-610ef74b],.table-row[data-v-610ef74b]{grid-template-columns:90px 70px 70px 80px 80px 90px 120px minmax(120px,1fr) 85px 90px;gap:.5rem;padding:.75rem;font-size:.8125rem}.table-header[data-v-610ef74b]{font-size:.75rem}}@media (max-width: 768px){.ot-approvals[data-v-610ef74b]{padding:0}.page-header[data-v-610ef74b]{margin-bottom:1.5rem}.page-title[data-v-610ef74b]{font-size:1.5rem}.tabs[data-v-610ef74b]{gap:0;margin-bottom:1.5rem}.tab[data-v-610ef74b]{flex:1;padding:.875rem 1rem;font-size:.875rem;justify-content:center}.ot-section[data-v-610ef74b]{margin-top:1.5rem}.filters-card[data-v-610ef74b]{grid-template-columns:1fr;padding:1rem;gap:1rem}.form-label[data-v-610ef74b]{font-size:.8125rem}.form-input[data-v-610ef74b],.form-select[data-v-610ef74b]{padding:.625rem .875rem;font-size:.9375rem}.content-card[data-v-610ef74b]{padding:1rem}.table-wrapper[data-v-610ef74b]{margin-bottom:1rem}.desktop-view[data-v-610ef74b]{display:none}.mobile-cards[data-v-610ef74b]{display:block}.ot-badge[data-v-610ef74b]{padding:.3125rem .625rem;font-size:.75rem}.submit-section[data-v-610ef74b]{margin-top:1rem;padding-top:1rem}.btn-primary[data-v-610ef74b]{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;justify-content:center}.btn-primary[data-v-610ef74b]:hover:not(:disabled){transform:none}.empty-state[data-v-610ef74b]{padding:2.5rem 1.5rem}.empty-state svg[data-v-610ef74b]{width:48px;height:48px;margin-bottom:1rem}.empty-state h3[data-v-610ef74b]{font-size:1.125rem}.empty-state p[data-v-610ef74b]{font-size:.875rem}}@media (max-width: 480px){.page-title[data-v-610ef74b]{font-size:1.375rem}.tab[data-v-610ef74b]{padding:.75rem;font-size:.8125rem}.filters-card[data-v-610ef74b],.content-card[data-v-610ef74b],.ot-card[data-v-610ef74b]{padding:.875rem}.ot-card-date[data-v-610ef74b]{font-size:.875rem}.time-label[data-v-610ef74b]{font-size:.6875rem}.time-value[data-v-610ef74b]{font-size:.875rem}.ot-badge[data-v-610ef74b]{padding:.25rem .5rem;font-size:.6875rem}.remarks-input[data-v-610ef74b],.ot-input[data-v-610ef74b]{padding:.625rem .75rem;font-size:.875rem}.btn-primary[data-v-610ef74b]{padding:.875rem 1.25rem;font-size:.875rem}.mobile-delete-btn[data-v-610ef74b],.mobile-approve-btn[data-v-610ef74b],.mobile-reject-btn[data-v-610ef74b]{padding:.625rem;font-size:.8125rem}}.auth-container[data-v-5e626ae0]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.auth-card[data-v-5e626ae0]{background:var(--bg-secondary);border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;overflow:hidden;animation:slideUp-5e626ae0 .5s ease-out}@keyframes slideUp-5e626ae0{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-section[data-v-5e626ae0]{background:linear-gradient(135deg,#667eea,#764ba2);padding:2.5rem 2rem;text-align:center;color:#fff}.logo[data-v-5e626ae0]{width:80px;height:80px;object-fit:contain;margin-bottom:1rem;filter:brightness(0) invert(1)}.app-name[data-v-5e626ae0]{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.5px}.auth-content[data-v-5e626ae0]{padding:2.5rem 2rem}.auth-title[data-v-5e626ae0]{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.auth-subtitle[data-v-5e626ae0]{font-size:.9375rem;color:var(--text-secondary);margin:0 0 2rem;text-align:center;line-height:1.5}.success-message[data-v-5e626ae0]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#10b9811a,#a7f3d01a);border:1px solid rgba(16,185,129,.3);border-radius:.75rem;color:#10b981;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.success-message svg[data-v-5e626ae0]{flex-shrink:0}.auth-form[data-v-5e626ae0]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-5e626ae0]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-5e626ae0]{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-input[data-v-5e626ae0]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.75rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s}.form-input[data-v-5e626ae0]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input[data-v-5e626ae0]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-5e626ae0]{padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.btn-primary[data-v-5e626ae0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary[data-v-5e626ae0]:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer[data-v-5e626ae0]{margin-top:2rem;text-align:center}.link[data-v-5e626ae0]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .2s}.link[data-v-5e626ae0]:hover{color:#667eea}@media (max-width: 640px){.auth-card[data-v-5e626ae0]{border-radius:1rem}.logo-section[data-v-5e626ae0]{padding:2rem 1.5rem}.logo[data-v-5e626ae0]{width:64px;height:64px}.app-name[data-v-5e626ae0]{font-size:1.5rem}.auth-content[data-v-5e626ae0]{padding:2rem 1.5rem}.auth-title[data-v-5e626ae0]{font-size:1.5rem}.auth-subtitle[data-v-5e626ae0]{font-size:.875rem}}.change-password-container[data-v-edd46656]{min-height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.change-password-card[data-v-edd46656]{background:var(--bg-secondary);border-radius:1.5rem;padding:2.5rem;width:100%;max-width:520px;box-shadow:0 10px 40px #0000001a;animation:slideUp-edd46656 .4s ease-out}@keyframes slideUp-edd46656{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-header[data-v-edd46656]{text-align:center;margin-bottom:2rem}.card-title[data-v-edd46656]{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.card-subtitle[data-v-edd46656]{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.password-form[data-v-edd46656]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-edd46656]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-edd46656]{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.input-wrapper[data-v-edd46656]{position:relative;display:flex;align-items:center}.input-icon[data-v-edd46656]{position:absolute;left:1rem;color:var(--text-tertiary);pointer-events:none;transition:color .2s}.input-wrapper:focus-within .input-icon[data-v-edd46656]{color:var(--accent-blue)}.form-input[data-v-edd46656]{width:100%;padding:.75rem 3rem;border:1px solid var(--border-color);border-radius:.75rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s}.form-input[data-v-edd46656]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.toggle-password-btn[data-v-edd46656]{position:absolute;right:1rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.toggle-password-btn[data-v-edd46656]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.password-strength[data-v-edd46656]{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.strength-bar[data-v-edd46656]{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.strength-fill[data-v-edd46656]{height:100%;transition:all .3s ease;border-radius:2px}.strength-fill.weak[data-v-edd46656]{background:#ef4444}.strength-fill.medium[data-v-edd46656]{background:#f59e0b}.strength-fill.strong[data-v-edd46656]{background:#10b981}.strength-text[data-v-edd46656]{font-size:.8125rem;font-weight:500}.strength-text.weak[data-v-edd46656]{color:#ef4444}.strength-text.medium[data-v-edd46656]{color:#f59e0b}.strength-text.strong[data-v-edd46656]{color:#10b981}.password-mismatch[data-v-edd46656]{font-size:.8125rem;color:#ef4444;margin-top:.25rem}.form-actions[data-v-edd46656]{display:flex;gap:.75rem;margin-top:1rem}.btn-primary[data-v-edd46656],.btn-secondary[data-v-edd46656]{flex:1;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-edd46656]{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary[data-v-edd46656]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary[data-v-edd46656]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary[data-v-edd46656]{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary[data-v-edd46656]:hover{background:var(--bg-primary);color:var(--text-primary)}@media (max-width: 640px){.change-password-card[data-v-edd46656]{padding:2rem 1.5rem}.card-title[data-v-edd46656]{font-size:1.5rem}.card-subtitle[data-v-edd46656]{font-size:.875rem}.form-actions[data-v-edd46656]{flex-direction:column-reverse}.btn-primary[data-v-edd46656],.btn-secondary[data-v-edd46656]{width:100%}}.request-types-page[data-v-7ab8142b]{padding:2rem 2rem 2rem 1rem;max-width:1400px;margin:0 auto}.page-header[data-v-7ab8142b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.page-title[data-v-7ab8142b]{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.page-subtitle[data-v-7ab8142b]{font-size:1rem;color:var(--text-secondary);margin:0}.content-grid[data-v-7ab8142b]{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px}.my-requests-section[data-v-7ab8142b]{background:var(--bg-secondary);border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.requests-list[data-v-7ab8142b]{display:flex;flex-direction:column;gap:.75rem}.request-item[data-v-7ab8142b]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .2s}.request-item[data-v-7ab8142b]:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #3b82f61a}.request-icon[data-v-7ab8142b]{width:40px;height:40px;background:var(--bg-tertiary);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.request-info[data-v-7ab8142b]{flex:1;min-width:0}.request-title[data-v-7ab8142b]{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-date[data-v-7ab8142b]{font-size:.8125rem;color:var(--text-tertiary);margin:0}.status-badge[data-v-7ab8142b]{padding:.375rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;white-space:nowrap;flex-shrink:0}.status-badge.pending[data-v-7ab8142b]{background:#f59e0b1a;color:#f59e0b}.status-badge.approved[data-v-7ab8142b]{background:#10b9811a;color:#10b981}.status-badge.rejected[data-v-7ab8142b]{background:#ef44441a;color:#ef4444}.status-badge.completed[data-v-7ab8142b]{background:#3b82f61a;color:#3b82f6}.status-badge.cancelled[data-v-7ab8142b]{background:#6b72801a;color:#6b7280}.loading-state[data-v-7ab8142b],.empty-state[data-v-7ab8142b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.spinner[data-v-7ab8142b]{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-7ab8142b .8s linear infinite;margin-bottom:1rem}@keyframes spin-7ab8142b{to{transform:rotate(360deg)}}.empty-state svg[data-v-7ab8142b]{color:var(--text-tertiary);margin-bottom:1rem}.request-form[data-v-7ab8142b]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-7ab8142b]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-7ab8142b]{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-input[data-v-7ab8142b],.form-textarea[data-v-7ab8142b]{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s}.form-input[data-v-7ab8142b]:focus,.form-textarea[data-v-7ab8142b]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-7ab8142b]:disabled{opacity:.6;cursor:not-allowed}.form-textarea[data-v-7ab8142b]{resize:vertical;min-height:100px}.form-actions[data-v-7ab8142b]{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-primary[data-v-7ab8142b]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-blue);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;text-decoration:none;box-shadow:0 2px 8px #3b82f64d}.btn-primary[data-v-7ab8142b]:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-primary svg[data-v-7ab8142b]{flex-shrink:0}.btn-secondary[data-v-7ab8142b],.btn-danger[data-v-7ab8142b]{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none}.btn-secondary[data-v-7ab8142b]{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary[data-v-7ab8142b]:hover{background:var(--bg-primary);color:var(--text-primary)}.btn-danger[data-v-7ab8142b]{background:#ef4444;color:#fff}.btn-danger[data-v-7ab8142b]:hover{background:#dc2626}.request-details[data-v-7ab8142b]{display:flex;flex-direction:column;gap:1.25rem}.detail-row[data-v-7ab8142b]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.detail-row[data-v-7ab8142b]:last-child{border-bottom:none;padding-bottom:0}.detail-row.column[data-v-7ab8142b]{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-label[data-v-7ab8142b]{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.detail-value[data-v-7ab8142b]{font-size:.9375rem;color:var(--text-primary)}.priority-badge[data-v-7ab8142b]{padding:.25rem .625rem;border-radius:.375rem;font-size:.8125rem;font-weight:500}.priority-badge.normal[data-v-7ab8142b]{background:#6b72801a;color:#6b7280}.priority-badge.urgent[data-v-7ab8142b]{background:#ef44441a;color:#ef4444}.detail-actions[data-v-7ab8142b]{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-download[data-v-7ab8142b]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.btn-download[data-v-7ab8142b]:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f633}.btn-view[data-v-7ab8142b]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.btn-view[data-v-7ab8142b]:hover{background:var(--accent-green);color:#fff;border-color:var(--accent-green);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f633}.timeline-section[data-v-7ab8142b]{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem}.timeline-section h4[data-v-7ab8142b]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.timeline[data-v-7ab8142b]{position:relative;padding-left:3rem}.timeline[data-v-7ab8142b]:before{content:"";position:absolute;left:.25rem;top:1.25rem;bottom:1.25rem;width:2px;background:var(--border-color)}.timeline-item[data-v-7ab8142b]{position:relative;padding-bottom:1.5rem}.timeline-item[data-v-7ab8142b]:last-child{padding-bottom:0}.timeline-marker[data-v-7ab8142b]{position:absolute;left:-2.75rem;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);transition:all .2s}.timeline-icon[data-v-7ab8142b]{display:flex;align-items:center;justify-content:center}.timeline-marker.submitted[data-v-7ab8142b]{border-color:var(--accent-blue);background:#eff6ff;color:var(--accent-blue)}.timeline-marker.pending[data-v-7ab8142b]{border-color:#f59e0b;background:#fffbeb;color:#f59e0b}.timeline-marker.approved[data-v-7ab8142b]{border-color:var(--accent-green);background:#f0fdf4;color:var(--accent-green)}.timeline-marker.rejected[data-v-7ab8142b]{border-color:var(--accent-red);background:#fef2f2;color:var(--accent-red)}.timeline-marker.supervisor_approval[data-v-7ab8142b]{border-color:#8b5cf6;background:#f5f3ff;color:#8b5cf6}.timeline-content[data-v-7ab8142b]{padding-left:.5rem}.timeline-header[data-v-7ab8142b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.timeline-action[data-v-7ab8142b]{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.timeline-date[data-v-7ab8142b]{font-size:.8125rem;color:var(--text-tertiary)}.timeline-actor[data-v-7ab8142b]{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.actor-code[data-v-7ab8142b]{color:var(--text-tertiary);font-size:.8125rem}.timeline-remarks[data-v-7ab8142b]{font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:.375rem;border-left:3px solid var(--accent-blue);margin-top:.5rem}.remarks-label[data-v-7ab8142b]{font-weight:600;color:var(--text-primary)}.timeline-empty[data-v-7ab8142b]{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.request-types-page[data-v-7ab8142b]{padding:1rem 1rem 1rem .75rem}.page-title[data-v-7ab8142b]{font-size:1.5rem}.form-actions[data-v-7ab8142b]{flex-direction:column-reverse}.btn-primary[data-v-7ab8142b],.btn-secondary[data-v-7ab8142b]{width:100%}}.request-form-page[data-v-6f05f0e2]{padding:2rem;max-width:900px;margin:0 auto}.page-header[data-v-6f05f0e2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.page-title[data-v-6f05f0e2]{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.page-subtitle[data-v-6f05f0e2]{font-size:1rem;color:var(--text-secondary);margin:0}.btn-back[data-v-6f05f0e2]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:.75rem;font-weight:600;font-size:.9375rem;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-back[data-v-6f05f0e2]:hover{background:var(--bg-primary);color:var(--text-primary);transform:translate(-2px)}.form-container[data-v-6f05f0e2]{background:var(--bg-secondary);border-radius:1.5rem;padding:2rem;box-shadow:0 2px 8px #0000000d}.request-form[data-v-6f05f0e2]{display:flex;flex-direction:column;gap:2rem}.form-section[data-v-6f05f0e2]{display:flex;flex-direction:column;gap:1.5rem}.section-title[data-v-6f05f0e2]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.form-group[data-v-6f05f0e2]{display:flex;flex-direction:column;gap:.625rem}.form-label[data-v-6f05f0e2]{font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.form-label.required[data-v-6f05f0e2]:after{content:"*";color:#ef4444;margin-left:.25rem}.selected-type-info[data-v-6f05f0e2]{animation:slideIn-6f05f0e2 .3s ease-out}@keyframes slideIn-6f05f0e2{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-card[data-v-6f05f0e2]{background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border:1px solid rgba(59,130,246,.2);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.info-header[data-v-6f05f0e2]{display:flex;gap:1rem;align-items:flex-start}.info-icon[data-v-6f05f0e2]{width:48px;height:48px;background:var(--accent-blue);color:#fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-title[data-v-6f05f0e2]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.info-description[data-v-6f05f0e2]{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.info-meta[data-v-6f05f0e2]{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.75rem;border-top:1px solid rgba(59,130,246,.15)}.meta-item[data-v-6f05f0e2]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.meta-item svg[data-v-6f05f0e2]{color:var(--accent-blue)}.meta-item.approval[data-v-6f05f0e2]{color:#f59e0b}.meta-item.approval svg[data-v-6f05f0e2]{color:#f59e0b}.template-section[data-v-6f05f0e2]{display:flex;flex-direction:column;gap:1rem;animation:slideIn-6f05f0e2 .3s ease-out}.template-title[data-v-6f05f0e2]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.template-box[data-v-6f05f0e2]{background:linear-gradient(135deg,#fefce8,#fef3c7);border:2px solid #fbbf24;border-radius:1rem;padding:1.5rem;color:#78350f;font-size:.9375rem;line-height:1.7;overflow-x:auto}.template-box[data-v-6f05f0e2] p{margin:0 0 1rem}.template-box[data-v-6f05f0e2] p:last-child{margin-bottom:0}.template-box[data-v-6f05f0e2] strong{color:#92400e;font-weight:600}.template-box[data-v-6f05f0e2] ul{margin:.75rem 0;padding-left:1.5rem}.template-box[data-v-6f05f0e2] li{margin:.5rem 0}.template-box[data-v-6f05f0e2] br{display:block;content:"";margin:.25rem 0}.template-note[data-v-6f05f0e2]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-tertiary);font-style:italic;margin:0}.template-note svg[data-v-6f05f0e2]{color:var(--accent-blue);flex-shrink:0}.radio-group[data-v-6f05f0e2]{display:flex;flex-direction:column;gap:.75rem}.radio-label[data-v-6f05f0e2]{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .2s}.radio-label[data-v-6f05f0e2]:hover{border-color:var(--accent-blue);background:#3b82f605}.radio-input[data-v-6f05f0e2]{position:absolute;opacity:0;pointer-events:none}.radio-input:checked+.radio-custom[data-v-6f05f0e2]{border-color:var(--accent-blue);background:var(--accent-blue)}.radio-input:checked+.radio-custom[data-v-6f05f0e2]:after{transform:scale(1)}.radio-input:checked~.radio-content .radio-title[data-v-6f05f0e2]{color:var(--accent-blue)}.radio-custom[data-v-6f05f0e2]{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem;transition:all .2s;position:relative}.radio-custom[data-v-6f05f0e2]:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%;transform:scale(0);transition:transform .2s}.radio-content[data-v-6f05f0e2]{display:flex;flex-direction:column;gap:.25rem;flex:1}.radio-title[data-v-6f05f0e2]{font-size:.9375rem;font-weight:600;color:var(--text-primary);transition:color .2s}.radio-description[data-v-6f05f0e2]{font-size:.8125rem;color:var(--text-tertiary)}.form-textarea[data-v-6f05f0e2]{padding:.875rem;border:1px solid var(--border-color);border-radius:.75rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;font-family:inherit;resize:vertical;transition:all .2s;line-height:1.6}.form-textarea[data-v-6f05f0e2]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-6f05f0e2]::placeholder{color:var(--text-tertiary)}.field-hint[data-v-6f05f0e2]{font-size:.8125rem;color:var(--text-tertiary);font-style:italic}.form-actions[data-v-6f05f0e2]{display:flex;gap:.75rem;padding-top:1rem;border-top:2px solid var(--border-color)}.btn-primary[data-v-6f05f0e2],.btn-secondary[data-v-6f05f0e2]{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary[data-v-6f05f0e2]{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary[data-v-6f05f0e2]:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-primary[data-v-6f05f0e2]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary[data-v-6f05f0e2]{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary[data-v-6f05f0e2]:hover{background:var(--bg-primary);color:var(--text-primary)}.btn-spinner[data-v-6f05f0e2]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-6f05f0e2 .6s linear infinite}@keyframes spin-6f05f0e2{to{transform:rotate(360deg)}}@media (max-width: 768px){.request-form-page[data-v-6f05f0e2]{padding:.5rem}.page-header[data-v-6f05f0e2]{flex-direction:column;margin-bottom:1rem;gap:.75rem}.page-title[data-v-6f05f0e2]{font-size:1.5rem;margin-bottom:.25rem}.btn-back[data-v-6f05f0e2]{align-self:flex-start}.form-container[data-v-6f05f0e2]{padding:1rem;border-radius:1rem}.request-form[data-v-6f05f0e2]{gap:1.5rem}.form-section[data-v-6f05f0e2]{gap:1.25rem}.section-title[data-v-6f05f0e2]{font-size:1.125rem;padding-bottom:.5rem}.info-card[data-v-6f05f0e2]{padding:1rem}.info-header[data-v-6f05f0e2]{flex-direction:column;gap:.75rem}.template-box[data-v-6f05f0e2]{padding:1rem;border-radius:.75rem;font-size:.875rem}.form-actions[data-v-6f05f0e2]{flex-direction:column-reverse;padding-top:.75rem}.btn-primary[data-v-6f05f0e2],.btn-secondary[data-v-6f05f0e2]{width:100%;padding:.875rem 1.25rem}}