: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-896a06c6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.panel-overlay[data-v-896a06c6]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;animation:fadeIn-896a06c6 .2s ease-out}.panel-content[data-v-896a06c6]{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-896a06c6 .3s ease-out}.panel-header[data-v-896a06c6]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.panel-header h3[data-v-896a06c6]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn[data-v-896a06c6]{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-896a06c6]:hover{color:var(--text-primary)}.panel-body[data-v-896a06c6]{flex:1;overflow-y:auto;padding:1rem}.loading-state[data-v-896a06c6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary)}.spinner[data-v-896a06c6]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-896a06c6 .8s linear infinite;margin-bottom:1rem}@keyframes spin-896a06c6{to{transform:rotate(360deg)}}.empty-state[data-v-896a06c6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state svg[data-v-896a06c6]{margin-bottom:1rem;opacity:.5}.notifications-list[data-v-896a06c6]{display:flex;flex-direction:column;gap:.75rem}.notification-item[data-v-896a06c6]{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-896a06c6]:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-sm)}.notification-icon[data-v-896a06c6]{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-896a06c6]{background:#eff6ff;color:var(--accent-blue)}.notification-icon.late_exemption[data-v-896a06c6]{background:#fef3c7;color:var(--accent-yellow)}.notification-icon.leave[data-v-896a06c6]{background:#d1fae5;color:var(--accent-green)}.notification-content[data-v-896a06c6]{flex:1}.notification-content h4[data-v-896a06c6]{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.notification-message[data-v-896a06c6]{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.notification-time[data-v-896a06c6]{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.75rem}.notification-actions[data-v-896a06c6]{display:flex;gap:.5rem;flex-wrap:wrap}.notification-actions button[data-v-896a06c6]{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-896a06c6]{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.btn-view[data-v-896a06c6]:hover{background:var(--bg-tertiary);color:var(--accent-blue);border-color:var(--accent-blue)}.btn-approve[data-v-896a06c6]{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.btn-approve[data-v-896a06c6]:hover{opacity:.9}.btn-reject[data-v-896a06c6]{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.btn-reject[data-v-896a06c6]:hover{opacity:.9}.remark-section[data-v-896a06c6]{margin-top:.75rem}.remark-input[data-v-896a06c6]{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-896a06c6]:focus{outline:none;border-color:var(--accent-blue)}.remark-actions[data-v-896a06c6]{display:flex;gap:.5rem}.btn-submit[data-v-896a06c6]{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-896a06c6]:hover{opacity:.9}.btn-cancel[data-v-896a06c6]{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-896a06c6]:hover{background:var(--bg-tertiary)}@keyframes fadeIn-896a06c6{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-896a06c6{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 640px){.panel-content[data-v-896a06c6]{max-width:100%}.notification-actions[data-v-896a06c6]{width:100%}.notification-actions button[data-v-896a06c6]{flex:1;justify-content:center}}.app-layout[data-v-f62f2500]{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.header[data-v-f62f2500]{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-f62f2500]{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-actions[data-v-f62f2500]{display:flex;align-items:center;gap:1rem}.logo[data-v-f62f2500]{display:flex;align-items:center;gap:.75rem}.logo-image[data-v-f62f2500]{height:40px;width:auto}.logo-text[data-v-f62f2500]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.desktop-nav[data-v-f62f2500]{display:flex;gap:.5rem}.nav-link[data-v-f62f2500]{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-f62f2500]:hover{background:var(--bg-tertiary);color:var(--accent-blue)}.nav-link.active[data-v-f62f2500]{background:#3b82f61a;color:var(--accent-blue)}.dropdown[data-v-f62f2500]{position:relative}.dropdown-trigger[data-v-f62f2500]{background:none;border:none;font-family:inherit;cursor:pointer}.dropdown-arrow[data-v-f62f2500]{margin-left:.25rem;transition:transform .2s}.dropdown:hover .dropdown-arrow[data-v-f62f2500]{transform:rotate(180deg)}.dropdown-menu[data-v-f62f2500]{position:absolute;top:calc(100% + .5rem);left:0;min-width:220px;background:var(--bg-secondary);border-radius:.75rem;box-shadow:var(--shadow-lg);padding:.5rem;z-index:100;animation:dropdownSlide-f62f2500 .2s ease-out;border:1px solid var(--border-color)}@keyframes dropdownSlide-f62f2500{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-f62f2500]{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-f62f2500]:hover{background:var(--bg-tertiary);color:var(--accent-blue)}.dropdown-item.router-link-active[data-v-f62f2500]{background:#3b82f61a;color:var(--accent-blue)!important}.dropdown-divider[data-v-f62f2500]{height:1px;background:var(--border-color);margin:.5rem 0}.user-dropdown[data-v-f62f2500]{position:relative}.user-menu[data-v-f62f2500]{right:0;left:auto;min-width:180px}.logout-item[data-v-f62f2500]{width:100%;text-align:left;font-family:inherit;font-size:inherit;border:none;background:transparent;cursor:pointer}.logout-item[data-v-f62f2500]:hover{background:#fee2e2;color:var(--accent-red)}.logout-btn[data-v-f62f2500]{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-f62f2500]:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.header-icons[data-v-f62f2500]{display:flex;align-items:center;gap:.5rem}.icon-btn[data-v-f62f2500]{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-f62f2500]:hover{background:var(--bg-tertiary);color:var(--accent-blue);border-color:var(--border-color)}.notifications-btn[data-v-f62f2500]{position:relative}.notification-badge[data-v-f62f2500]{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-f62f2500]{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem 1.5rem}.bottom-nav[data-v-f62f2500]{display:none}@media (max-width: 768px){.desktop-nav[data-v-f62f2500]{display:none}.header-icons[data-v-f62f2500]{gap:.375rem}.icon-btn[data-v-f62f2500]{width:36px;height:36px}.icon-btn svg[data-v-f62f2500]{width:18px;height:18px}.notification-badge[data-v-f62f2500]{min-width:16px;height:16px;font-size:.625rem;top:-3px;right:-3px}.user-menu[data-v-f62f2500]{min-width:160px}.dropdown-item[data-v-f62f2500]{padding:.625rem .875rem;gap:.625rem}.logout-item[data-v-f62f2500]{padding-top:.625rem}.logout-btn[data-v-f62f2500]{display:none}.main-content[data-v-f62f2500]{padding:1.5rem 1rem 5.5rem}.logo-text[data-v-f62f2500]{font-size:1.125rem}.bottom-nav[data-v-f62f2500]{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-f62f2500]{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-f62f2500]{font-size:.75rem;font-weight:500}.bottom-nav-link svg[data-v-f62f2500]{transition:all .2s}.bottom-nav-link.active[data-v-f62f2500]{color:var(--accent-blue)}.bottom-nav-link.active svg[data-v-f62f2500]{stroke-width:2.5}.bottom-nav-link[data-v-f62f2500]:active{transform:scale(.95)}.drawer-overlay[data-v-f62f2500]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;animation:fadeIn-f62f2500 .2s ease-out}.drawer[data-v-f62f2500]{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-f62f2500 .3s ease-out;z-index:101}.drawer-header[data-v-f62f2500]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.drawer-header h3[data-v-f62f2500]{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.drawer-close[data-v-f62f2500]{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-f62f2500]:hover{color:var(--text-primary)}.drawer-nav[data-v-f62f2500]{flex:1;overflow-y:auto;padding:.5rem}.drawer-link[data-v-f62f2500]{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-f62f2500]:hover{background:var(--bg-tertiary);color:var(--accent-blue)}.drawer-link.router-link-active[data-v-f62f2500]{background:var(--bg-tertiary);color:var(--accent-blue);font-weight:600}.drawer-link span[data-v-f62f2500]{flex:1;font-size:1rem;font-weight:500}.drawer-link .chevron[data-v-f62f2500]{color:var(--text-tertiary)}.drawer-link:hover .chevron[data-v-f62f2500]{color:var(--accent-blue)}@keyframes fadeIn-f62f2500{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-f62f2500{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-5e0926ea]{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-5e0926ea]{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-5e0926ea .3s ease-out}@keyframes modalSlideIn-5e0926ea{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-5e0926ea]{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-5e0926ea]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.modal-close[data-v-5e0926ea]{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-5e0926ea]:hover{background:#f1f5f9;color:#1e293b}.modal-body[data-v-5e0926ea]{padding:1.5rem 2rem;overflow-y:auto;flex:1}.loading-state[data-v-5e0926ea]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:#64748b}.spinner[data-v-5e0926ea]{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-5e0926ea .8s linear infinite}@keyframes spin-5e0926ea{to{transform:rotate(360deg)}}.empty-state[data-v-5e0926ea]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:#94a3b8}.empty-state svg[data-v-5e0926ea]{stroke:#cbd5e1}.empty-state p[data-v-5e0926ea]{font-size:1rem;font-weight:500}.requests-list[data-v-5e0926ea]{display:flex;flex-direction:column;gap:1.5rem}.request-card[data-v-5e0926ea]{background:#f8fafc;border-radius:1rem;padding:1.5rem;border:1px solid #e2e8f0;transition:all .2s}.request-card[data-v-5e0926ea]:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.request-header[data-v-5e0926ea]{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-5e0926ea]{flex:1}.employee-name[data-v-5e0926ea]{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.request-date[data-v-5e0926ea]{font-size:.875rem;color:#64748b}.status-badge[data-v-5e0926ea]{padding:.375rem .875rem;border-radius:999px;font-size:.875rem;font-weight:500;text-transform:capitalize}.status-badge.pending[data-v-5e0926ea]{background:#fef3c7;color:#92400e}.request-details[data-v-5e0926ea]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.detail-row[data-v-5e0926ea]{display:flex;gap:.5rem}.detail-label[data-v-5e0926ea]{font-weight:600;color:#475569;min-width:100px;flex-shrink:0}.detail-value[data-v-5e0926ea]{color:#1e293b;flex:1}.approval-actions[data-v-5e0926ea]{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.approval-input-group[data-v-5e0926ea]{display:flex;flex-direction:column;gap:.5rem}.input-label[data-v-5e0926ea]{font-size:.875rem;font-weight:600;color:#475569}.minutes-input[data-v-5e0926ea]{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-5e0926ea]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-hint[data-v-5e0926ea]{font-size:.8125rem;color:#64748b;font-style:italic}.remarks-input[data-v-5e0926ea]{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-5e0926ea]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.action-buttons[data-v-5e0926ea]{display:flex;gap:.75rem;flex-wrap:wrap}.btn-view[data-v-5e0926ea],.btn-approve[data-v-5e0926ea],.btn-reject[data-v-5e0926ea]{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-5e0926ea]{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-view[data-v-5e0926ea]:hover{background:#e2e8f0;color:#1e293b}.btn-approve[data-v-5e0926ea]{background:#10b981;color:#fff}.btn-approve[data-v-5e0926ea]:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-reject[data-v-5e0926ea]{background:#ef4444;color:#fff}.btn-reject[data-v-5e0926ea]:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-approve[data-v-5e0926ea]:disabled,.btn-reject[data-v-5e0926ea]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.modal-container[data-v-5e0926ea]{max-height:95vh;border-radius:1rem}.modal-header[data-v-5e0926ea]{padding:1.25rem 1.5rem}.modal-title[data-v-5e0926ea]{font-size:1.25rem}.modal-body[data-v-5e0926ea]{padding:1.25rem 1.5rem}.request-card[data-v-5e0926ea]{padding:1.25rem}.employee-name[data-v-5e0926ea]{font-size:1rem}.request-date[data-v-5e0926ea]{font-size:.8125rem}.detail-row[data-v-5e0926ea]{flex-direction:column;gap:.25rem}.detail-label[data-v-5e0926ea]{min-width:auto;font-size:.875rem}.detail-value[data-v-5e0926ea]{font-size:.875rem}.action-buttons[data-v-5e0926ea]{flex-direction:column}.btn-view[data-v-5e0926ea],.btn-approve[data-v-5e0926ea],.btn-reject[data-v-5e0926ea]{width:100%;min-width:auto}}.dashboard[data-v-b1867214]{max-width:1200px;margin:0 auto}.welcome-section[data-v-b1867214]{margin-bottom:2rem}.page-title[data-v-b1867214]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.approvals-section[data-v-b1867214]{margin-bottom:2.5rem}.approval-cards[data-v-b1867214]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.approval-card[data-v-b1867214]{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-b1867214]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s}.approval-card.leave[data-v-b1867214]:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.approval-card.overtime[data-v-b1867214]:before{background:linear-gradient(90deg,#10b981,#059669)}.approval-card.late[data-v-b1867214]:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.approval-card[data-v-b1867214]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.approval-card.leave[data-v-b1867214]:hover{border-color:#3b82f6}.approval-card.overtime[data-v-b1867214]:hover{border-color:#10b981}.approval-card.late[data-v-b1867214]:hover{border-color:#f59e0b}.approval-icon[data-v-b1867214]{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-b1867214]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.approval-card.overtime .approval-icon[data-v-b1867214]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.approval-card.late .approval-icon[data-v-b1867214]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.approval-content[data-v-b1867214]{flex:1;display:flex;flex-direction:column;gap:.25rem}.approval-count[data-v-b1867214]{font-size:2rem;font-weight:700;line-height:1}.approval-card.leave .approval-count[data-v-b1867214]{color:#3b82f6}.approval-card.overtime .approval-count[data-v-b1867214]{color:#10b981}.approval-card.late .approval-count[data-v-b1867214]{color:#f59e0b}.approval-label[data-v-b1867214]{font-size:.9375rem;font-weight:600;color:#64748b}.approval-arrow[data-v-b1867214]{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-b1867214]{transform:translate(4px)}.approval-card.leave:hover .approval-arrow[data-v-b1867214]{background:#eff6ff;color:#3b82f6}.approval-card.overtime:hover .approval-arrow[data-v-b1867214]{background:#ecfdf5;color:#10b981}.approval-card.late:hover .approval-arrow[data-v-b1867214]{background:#fffbeb;color:#f59e0b}.notifications-section[data-v-b1867214]{margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem}.notification-card[data-v-b1867214]{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-b1867214]:hover{box-shadow:0 4px 12px #0000001a;transform:translate(4px)}.notification-card.success[data-v-b1867214]{border-left-color:#10b981}.notification-card.warning[data-v-b1867214]{border-left-color:#f59e0b}.notification-card.info[data-v-b1867214]{border-left-color:#3b82f6}.notification-icon[data-v-b1867214]{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-b1867214]{background:#d1fae5;color:#10b981}.notification-card.warning .notification-icon[data-v-b1867214]{background:#fef3c7;color:#f59e0b}.notification-card.info .notification-icon[data-v-b1867214]{background:#dbeafe;color:#3b82f6}.notification-content[data-v-b1867214]{flex:1}.notification-title[data-v-b1867214]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.notification-message[data-v-b1867214]{font-size:.875rem;color:#64748b;margin-bottom:.5rem;line-height:1.5}.notification-time[data-v-b1867214]{font-size:.75rem;color:#94a3b8}.notification-dismiss[data-v-b1867214]{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-b1867214]:hover{background:#f1f5f9;color:#64748b}.attendance-section[data-v-b1867214]{margin-bottom:3rem}.attendance-card[data-v-b1867214]{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:1.5rem;padding:2rem;box-shadow:0 10px 30px #3b82f64d;color:#fff}.attendance-header[data-v-b1867214]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.attendance-header .section-title[data-v-b1867214]{color:#fff;margin-bottom:0}.attendance-date[data-v-b1867214]{font-size:.875rem;opacity:.9;font-weight:500}.attendance-grid[data-v-b1867214]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.attendance-item[data-v-b1867214]{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-b1867214]:hover{background:#fff3;transform:translateY(-2px)}.attendance-icon[data-v-b1867214]{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-b1867214]{background:#10b9814d}.attendance-icon.check-out[data-v-b1867214]{background:#ef44444d}.attendance-details[data-v-b1867214]{display:flex;flex-direction:column;gap:.25rem}.attendance-label[data-v-b1867214]{font-size:.875rem;opacity:.9;font-weight:500}.attendance-time[data-v-b1867214]{font-size:1.5rem;font-weight:700}.attendance-time.warning[data-v-b1867214]{color:#fbbf24}.attendance-time.success[data-v-b1867214]{color:#10b981}.btn-check-in[data-v-b1867214],.btn-check-out[data-v-b1867214]{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-b1867214]:hover,.btn-check-out[data-v-b1867214]:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.btn-check-out[data-v-b1867214]{background:#ef4444e6;color:#fff}.attendance-status[data-v-b1867214]{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-b1867214]{background:#10b9814d}.attendance-status.late[data-v-b1867214]{background:#fbbf244d}.page-subtitle[data-v-b1867214]{font-size:1rem;color:#64748b}.section-title[data-v-b1867214]{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.25rem}.leave-summary[data-v-b1867214]{margin-bottom:3rem}.leave-cards[data-v-b1867214]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.leave-card[data-v-b1867214]{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-b1867214]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.leave-card.vacation[data-v-b1867214]{border-color:#fbbf24}.leave-card.sick[data-v-b1867214]{border-color:#ef4444}.leave-card.personal[data-v-b1867214]{border-color:#14b8a6}.leave-card-header[data-v-b1867214]{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.leave-icon[data-v-b1867214]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:#f1f5f9}.vacation .leave-icon[data-v-b1867214]{background:#fef3c7;color:#f59e0b}.sick .leave-icon[data-v-b1867214]{background:#fee2e2;color:#dc2626}.personal .leave-icon[data-v-b1867214]{background:#ccfbf1;color:#14b8a6}.leave-type[data-v-b1867214]{font-size:1.125rem;font-weight:600;color:#1e293b}.leave-stats[data-v-b1867214]{display:flex;gap:1rem;margin-bottom:1.5rem}.stat-item[data-v-b1867214]{flex:1;text-align:center}.stat-value[data-v-b1867214]{display:block;font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.stat-label[data-v-b1867214]{display:block;font-size:.875rem;color:#64748b}.stat-divider[data-v-b1867214]{width:1px;background:#e2e8f0}.leave-progress[data-v-b1867214]{margin-top:1rem}.progress-bar[data-v-b1867214]{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden;display:flex;margin-bottom:.5rem}.progress-fill[data-v-b1867214]{height:100%;transition:width .3s}.progress-fill.used[data-v-b1867214]{background:#94a3b8}.progress-fill.pending[data-v-b1867214]{background:#cbd5e1}.progress-text[data-v-b1867214]{font-size:.875rem;color:#64748b}.quick-actions[data-v-b1867214]{margin-bottom:3rem}.action-cards[data-v-b1867214]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.action-card[data-v-b1867214]{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-b1867214]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-icon[data-v-b1867214]{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon.blue[data-v-b1867214]{background:#dbeafe;color:#3b82f6}.action-icon.green[data-v-b1867214]{background:#d1fae5;color:#10b981}.action-icon.orange[data-v-b1867214]{background:#fed7aa;color:#f97316}.action-icon.teal[data-v-b1867214]{background:#ccfbf1;color:#14b8a6}.action-content[data-v-b1867214]{flex:1}.action-title[data-v-b1867214]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.action-description[data-v-b1867214]{font-size:.875rem;color:#64748b}.badge[data-v-b1867214]{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-b1867214]{margin-bottom:2rem}.requests-table[data-v-b1867214]{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.request-row[data-v-b1867214]{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.request-row[data-v-b1867214]:last-child{border-bottom:none}.request-row.header[data-v-b1867214]{background:#f8fafc;font-weight:600;color:#475569;font-size:.875rem}.request-cell[data-v-b1867214]{display:flex;align-items:center}.status-badge[data-v-b1867214]{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500;text-transform:capitalize}.status-badge.pending[data-v-b1867214]{background:#fef3c7;color:#92400e}.status-badge.approved[data-v-b1867214]{background:#d1fae5;color:#065f46}.status-badge.rejected[data-v-b1867214]{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.dashboard[data-v-b1867214]{padding:0}.welcome-section[data-v-b1867214]{margin-bottom:1.5rem}.page-title[data-v-b1867214]{font-size:1.375rem;margin-bottom:.25rem}.page-subtitle[data-v-b1867214]{font-size:.875rem}.approvals-section[data-v-b1867214]{margin-bottom:2rem}.approval-cards[data-v-b1867214]{grid-template-columns:1fr;gap:1rem}.approval-card[data-v-b1867214]{padding:1.25rem;gap:1rem}.approval-icon[data-v-b1867214]{width:52px;height:52px}.approval-icon svg[data-v-b1867214]{width:24px;height:24px}.approval-count[data-v-b1867214]{font-size:1.75rem}.approval-label[data-v-b1867214]{font-size:.875rem}.approval-arrow[data-v-b1867214]{width:28px;height:28px}.approval-arrow svg[data-v-b1867214]{width:18px;height:18px}.notifications-section[data-v-b1867214]{margin-bottom:1.5rem;gap:.625rem}.notification-card[data-v-b1867214]{padding:.875rem 1rem;border-radius:.875rem}.notification-icon[data-v-b1867214]{width:36px;height:36px}.notification-icon svg[data-v-b1867214]{width:18px;height:18px}.notification-title[data-v-b1867214]{font-size:.9375rem}.notification-message[data-v-b1867214]{font-size:.8125rem}.notification-time[data-v-b1867214]{font-size:.6875rem}.attendance-section[data-v-b1867214]{margin-bottom:2rem}.attendance-card[data-v-b1867214]{padding:1.25rem;border-radius:1rem}.attendance-header[data-v-b1867214]{margin-bottom:1.25rem}.attendance-header .section-title[data-v-b1867214]{font-size:1rem}.attendance-date[data-v-b1867214]{font-size:.75rem}.attendance-grid[data-v-b1867214]{grid-template-columns:1fr;gap:.875rem;margin-bottom:1rem}.attendance-item[data-v-b1867214]{padding:1rem;border-radius:.75rem;flex-direction:row;align-items:center}.attendance-icon[data-v-b1867214]{width:36px;height:36px;border-radius:.5rem}.attendance-icon svg[data-v-b1867214]{width:18px;height:18px}.attendance-details[data-v-b1867214]{flex:1}.attendance-label[data-v-b1867214]{font-size:.75rem}.attendance-time[data-v-b1867214]{font-size:1.125rem}.btn-check-in[data-v-b1867214],.btn-check-out[data-v-b1867214]{padding:.625rem 1rem;font-size:.8125rem;margin-top:0}.attendance-status[data-v-b1867214]{padding:.625rem 1rem;font-size:.75rem}.attendance-status svg[data-v-b1867214]{width:14px;height:14px}.section-title[data-v-b1867214]{font-size:1.0625rem;margin-bottom:1rem}.leave-summary[data-v-b1867214]{margin-bottom:1.5rem}.leave-cards[data-v-b1867214]{grid-template-columns:1fr;gap:.75rem}.leave-card[data-v-b1867214]{padding:.875rem;border-radius:.75rem}.leave-card-header[data-v-b1867214]{margin-bottom:.75rem;gap:.5rem}.leave-icon[data-v-b1867214]{width:32px;height:32px;border-radius:.5rem}.leave-icon svg[data-v-b1867214]{width:16px;height:16px}.leave-type[data-v-b1867214]{font-size:.875rem}.leave-stats[data-v-b1867214]{gap:.625rem;margin-bottom:.875rem}.stat-value[data-v-b1867214]{font-size:1.25rem}.stat-label[data-v-b1867214]{font-size:.6875rem}.progress-bar[data-v-b1867214]{height:4px}.progress-text[data-v-b1867214]{font-size:.6875rem}.leave-progress[data-v-b1867214]{margin-top:.625rem}.quick-actions[data-v-b1867214]{margin-bottom:2rem}.action-cards[data-v-b1867214]{grid-template-columns:1fr;gap:.875rem}.action-card[data-v-b1867214]{padding:1rem;border-radius:.875rem;gap:.875rem}.action-icon[data-v-b1867214]{width:44px;height:44px;border-radius:.75rem}.action-icon svg[data-v-b1867214]{width:20px;height:20px}.action-title[data-v-b1867214]{font-size:.9375rem}.action-description[data-v-b1867214]{font-size:.8125rem}.badge[data-v-b1867214]{width:20px;height:20px;font-size:.6875rem;top:.875rem;right:.875rem}.recent-requests[data-v-b1867214]{margin-bottom:1.5rem}.requests-table[data-v-b1867214]{border-radius:.875rem}.request-row[data-v-b1867214],.request-row.header[data-v-b1867214]{display:none}.requests-table[data-v-b1867214]:after{content:"";display:block}}.mobile-request-card[data-v-b1867214]{display:none}@media (max-width: 768px){.mobile-request-card[data-v-b1867214]{display:block;padding:1rem;border-bottom:1px solid #e2e8f0}.mobile-request-card[data-v-b1867214]:last-child{border-bottom:none}.mobile-request-header[data-v-b1867214]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mobile-request-type[data-v-b1867214]{font-weight:600;color:#1e293b;font-size:.9375rem}.mobile-request-body[data-v-b1867214]{display:flex;flex-direction:column;gap:.5rem}.mobile-request-row[data-v-b1867214]{display:flex;justify-content:space-between;font-size:.8125rem}.mobile-request-label[data-v-b1867214]{color:#64748b}.mobile-request-value[data-v-b1867214]{color:#1e293b;font-weight:500}}@media (max-width: 480px){.page-title[data-v-b1867214]{font-size:1.25rem}.page-subtitle[data-v-b1867214]{font-size:.8125rem}.notification-card[data-v-b1867214]{padding:.75rem .875rem}.notification-icon[data-v-b1867214]{width:32px;height:32px}.notification-icon svg[data-v-b1867214]{width:16px;height:16px}.notification-title[data-v-b1867214]{font-size:.875rem}.notification-message[data-v-b1867214]{font-size:.75rem}.notification-time[data-v-b1867214]{font-size:.625rem}.attendance-card[data-v-b1867214]{padding:1rem}.attendance-header .section-title[data-v-b1867214]{font-size:.9375rem}.attendance-date[data-v-b1867214]{font-size:.6875rem}.attendance-grid[data-v-b1867214]{gap:.75rem}.attendance-item[data-v-b1867214]{padding:.875rem}.attendance-icon[data-v-b1867214]{width:32px;height:32px}.attendance-icon svg[data-v-b1867214]{width:16px;height:16px}.attendance-label[data-v-b1867214]{font-size:.6875rem}.attendance-time[data-v-b1867214]{font-size:1rem}.btn-check-in[data-v-b1867214],.btn-check-out[data-v-b1867214]{padding:.5rem .875rem;font-size:.75rem}.section-title[data-v-b1867214]{font-size:1rem}.leave-card[data-v-b1867214]{padding:.75rem}.leave-card-header[data-v-b1867214]{margin-bottom:.625rem}.leave-icon[data-v-b1867214]{width:28px;height:28px}.leave-icon svg[data-v-b1867214]{width:14px;height:14px}.leave-type[data-v-b1867214]{font-size:.8125rem}.leave-stats[data-v-b1867214]{gap:.5rem;margin-bottom:.625rem}.stat-value[data-v-b1867214]{font-size:1.125rem}.stat-label[data-v-b1867214]{font-size:.625rem}.progress-bar[data-v-b1867214]{height:3px}.progress-text[data-v-b1867214]{font-size:.625rem}.leave-progress[data-v-b1867214]{margin-top:.5rem}.action-card[data-v-b1867214]{padding:.875rem}.action-icon[data-v-b1867214]{width:40px;height:40px}.action-icon svg[data-v-b1867214]{width:18px;height:18px}.action-title[data-v-b1867214]{font-size:.875rem}.action-description[data-v-b1867214]{font-size:.75rem}.mobile-request-card[data-v-b1867214]{padding:.875rem}.mobile-request-type[data-v-b1867214]{font-size:.875rem}.mobile-request-body[data-v-b1867214]{gap:.375rem}.mobile-request-row[data-v-b1867214]{font-size:.75rem}.status-badge[data-v-b1867214]{padding:.25rem .625rem;font-size:.75rem}}.modal-overlay[data-v-bf30577f]{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;animation:fadeIn-bf30577f .2s ease-out}@keyframes fadeIn-bf30577f{0%{opacity:0}to{opacity:1}}.modal-content[data-v-bf30577f]{background:var(--bg-secondary);border-radius:1rem;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp-bf30577f .3s ease-out}@keyframes slideUp-bf30577f{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-bf30577f]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-bf30577f]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn[data-v-bf30577f]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.close-btn[data-v-bf30577f]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-bf30577f]{padding:1.5rem;overflow-y:auto;flex:1}.loading-state[data-v-bf30577f]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.spinner[data-v-bf30577f]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin-bf30577f .8s linear infinite}@keyframes spin-bf30577f{to{transform:rotate(360deg)}}.request-info[data-v-bf30577f],.attendance-info[data-v-bf30577f],.approval-timeline[data-v-bf30577f]{margin-bottom:2rem}.request-info h4[data-v-bf30577f],.attendance-info h4[data-v-bf30577f],.approval-timeline h4[data-v-bf30577f]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.info-grid[data-v-bf30577f]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item[data-v-bf30577f]{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width[data-v-bf30577f]{grid-column:1 / -1}.info-item .label[data-v-bf30577f]{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.info-item .value[data-v-bf30577f]{font-size:.9375rem;color:var(--text-primary);word-break:break-word}.value.status-pending[data-v-bf30577f]{color:#f59e0b;font-weight:500}.value.status-approved[data-v-bf30577f]{color:#10b981;font-weight:500}.value.status-rejected[data-v-bf30577f]{color:#ef4444;font-weight:500}.timeline[data-v-bf30577f]{position:relative;padding-left:3.5rem}.timeline[data-v-bf30577f]:before{content:"";position:absolute;left:24px;top:24px;bottom:24px;width:3px;background:linear-gradient(to bottom,var(--accent-blue),var(--border-color));border-radius:2px}.timeline-item[data-v-bf30577f]{position:relative;padding-bottom:2rem;animation:slideInRight-bf30577f .4s ease-out;animation-fill-mode:both}.timeline-item[data-v-bf30577f]:nth-child(1){animation-delay:.1s}.timeline-item[data-v-bf30577f]:nth-child(2){animation-delay:.2s}.timeline-item[data-v-bf30577f]:nth-child(3){animation-delay:.3s}.timeline-item[data-v-bf30577f]:nth-child(4){animation-delay:.4s}@keyframes slideInRight-bf30577f{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.timeline-item[data-v-bf30577f]:last-child{padding-bottom:0}.timeline-marker[data-v-bf30577f]{position:absolute;left:-3.5rem;top:4px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:3px solid var(--border-color);color:var(--text-secondary);box-shadow:0 2px 8px #0000001a;transition:all .3s ease;z-index:2}.timeline-item:hover .timeline-marker[data-v-bf30577f]{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.marker-icon[data-v-bf30577f]{display:flex;align-items:center;justify-content:center}.timeline-item.action-submitted .timeline-marker[data-v-bf30577f]{border-color:var(--accent-blue);color:var(--accent-blue);background:linear-gradient(135deg,#3b82f626,#3b82f60d)}.timeline-item.action-approved .timeline-marker[data-v-bf30577f]{border-color:#10b981;color:#10b981;background:linear-gradient(135deg,#10b98126,#10b9810d)}.timeline-item.action-rejected .timeline-marker[data-v-bf30577f]{border-color:#ef4444;color:#ef4444;background:linear-gradient(135deg,#ef444426,#ef44440d)}.timeline-content[data-v-bf30577f]{padding-left:.5rem}.timeline-card[data-v-bf30577f]{background:var(--bg-tertiary);border-radius:.75rem;padding:1rem 1.25rem;border:1px solid var(--border-color);transition:all .3s ease}.timeline-item:hover .timeline-card[data-v-bf30577f]{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.timeline-item.action-submitted .timeline-card[data-v-bf30577f]{border-left:4px solid var(--accent-blue)}.timeline-item.action-approved .timeline-card[data-v-bf30577f]{border-left:4px solid #10b981}.timeline-item.action-rejected .timeline-card[data-v-bf30577f]{border-left:4px solid #ef4444}.timeline-header[data-v-bf30577f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.action-wrapper[data-v-bf30577f]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.action-label[data-v-bf30577f]{font-weight:600;font-size:1rem;color:var(--text-primary)}.action-badge[data-v-bf30577f]{font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.5px}.badge-submitted[data-v-bf30577f]{background:#3b82f61a;color:var(--accent-blue);border:1px solid rgba(59,130,246,.3)}.badge-approved[data-v-bf30577f]{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-rejected[data-v-bf30577f]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.action-time[data-v-bf30577f]{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;display:flex;align-items:center}.actor-info[data-v-bf30577f]{font-size:.9375rem;color:var(--text-secondary);margin-bottom:.75rem;display:flex;align-items:center;font-weight:500}.approval-amount[data-v-bf30577f]{font-size:.9375rem;color:var(--text-primary);margin-bottom:.75rem;padding:.625rem .875rem;background:#10b98114;border-radius:.5rem;border-left:3px solid #10b981;display:flex;align-items:center}.approval-amount strong[data-v-bf30577f]{margin-right:.375rem;color:#10b981}.timeline-remarks[data-v-bf30577f]{font-size:.9375rem;color:var(--text-primary);padding:.875rem 1rem;background:var(--bg-secondary);border-radius:.5rem;border-left:3px solid var(--accent-blue);margin-top:.75rem;line-height:1.5;display:flex;align-items:flex-start;gap:.5rem}.timeline-item.action-approved .timeline-remarks[data-v-bf30577f]{border-left-color:#10b981}.timeline-item.action-rejected .timeline-remarks[data-v-bf30577f]{border-left-color:#ef4444}@media (max-width: 640px){.info-grid[data-v-bf30577f]{grid-template-columns:1fr}.modal-content[data-v-bf30577f]{max-height:95vh;border-radius:1rem 1rem 0 0}.modal-header[data-v-bf30577f]{padding:1.25rem 1rem}.modal-header h3[data-v-bf30577f]{font-size:1.125rem}.modal-body[data-v-bf30577f]{padding:1rem}.request-info[data-v-bf30577f],.attendance-info[data-v-bf30577f],.approval-timeline[data-v-bf30577f]{margin-bottom:1.5rem}.timeline[data-v-bf30577f]{padding-left:2rem}.timeline[data-v-bf30577f]:before{left:12px;width:2px}.timeline-marker[data-v-bf30577f]{left:-2rem;width:32px;height:32px;border-width:2px}.timeline-marker svg[data-v-bf30577f]{width:18px;height:18px}.timeline-content[data-v-bf30577f]{padding-left:.25rem}.timeline-card[data-v-bf30577f]{padding:.75rem .875rem}.timeline-header[data-v-bf30577f]{flex-direction:column;align-items:flex-start;gap:.375rem;margin-bottom:.625rem}.action-wrapper[data-v-bf30577f]{width:100%;justify-content:space-between;gap:.5rem}.action-label[data-v-bf30577f]{font-size:.9375rem}.action-badge[data-v-bf30577f]{font-size:.6875rem;padding:.1875rem .5rem}.action-time[data-v-bf30577f]{font-size:.75rem;order:3}.actor-info[data-v-bf30577f]{font-size:.8125rem;margin-bottom:.625rem}.actor-info svg[data-v-bf30577f]{width:14px;height:14px}.approval-amount[data-v-bf30577f]{font-size:.8125rem;padding:.5rem .625rem;margin-bottom:.625rem}.approval-amount svg[data-v-bf30577f]{width:14px;height:14px}.timeline-remarks[data-v-bf30577f]{font-size:.8125rem;padding:.625rem .75rem;line-height:1.4}.timeline-remarks svg[data-v-bf30577f]{width:14px;height:14px}.approval-timeline h4[data-v-bf30577f]{font-size:.9375rem}.approval-timeline h4 svg[data-v-bf30577f]{width:18px;height:18px}.timeline-item[data-v-bf30577f]{padding-bottom:1.5rem}}.attendance[data-v-4f3316d3]{max-width:1200px;margin:0 auto}.page-header[data-v-4f3316d3]{margin-bottom:2rem}.page-title[data-v-4f3316d3]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-4f3316d3]{color:#64748b;font-size:1rem}.tabs[data-v-4f3316d3]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.tab[data-v-4f3316d3]{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-4f3316d3]:hover{color:#3b82f6;background:#f8fafc}.tab.active[data-v-4f3316d3]{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content[data-v-4f3316d3]{animation:fadeIn-4f3316d3 .3s ease-in}@keyframes fadeIn-4f3316d3{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card[data-v-4f3316d3]{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-title[data-v-4f3316d3]{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem}.form-row[data-v-4f3316d3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.team-filter-row[data-v-4f3316d3]{display:grid;grid-template-columns:2fr 1.5fr 1.5fr auto;gap:1rem;margin-bottom:1.5rem;align-items:end}.form-group[data-v-4f3316d3]{margin-bottom:1.5rem}.filter-button-group[data-v-4f3316d3]{margin-bottom:0}.button-label[data-v-4f3316d3]{display:block;height:1.375rem}.form-group label[data-v-4f3316d3]{display:block;font-weight:600;color:#475569;margin-bottom:.5rem;font-size:.875rem}.input[data-v-4f3316d3]{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;transition:all .2s}.input[data-v-4f3316d3]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn[data-v-4f3316d3]{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-4f3316d3]{background:#3b82f6;color:#fff}.btn-primary[data-v-4f3316d3]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn[data-v-4f3316d3]:disabled{opacity:.5;cursor:not-allowed}.records-section[data-v-4f3316d3]{margin-top:2rem}.records-title[data-v-4f3316d3]{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.table-container[data-v-4f3316d3]{overflow-x:auto;border-radius:.75rem;border:1px solid #e2e8f0}.records-table[data-v-4f3316d3]{width:100%;border-collapse:collapse}.records-table th[data-v-4f3316d3]{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-4f3316d3]{padding:1rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.records-table tr:last-child td[data-v-4f3316d3]{border-bottom:none}.records-table tr[data-v-4f3316d3]:hover{background:#f8fafc}.badge[data-v-4f3316d3]{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.badge-success[data-v-4f3316d3]{background:#dcfce7;color:#16a34a}.badge-warning[data-v-4f3316d3]{background:#fef3c7;color:#d97706}.badge-info[data-v-4f3316d3]{background:#dbeafe;color:#2563eb}.status-badge[data-v-4f3316d3]{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-on_time[data-v-4f3316d3]{background:#dcfce7;color:#16a34a}.status-late[data-v-4f3316d3]{background:#fef3c7;color:#d97706}.status-absent[data-v-4f3316d3]{background:#fee2e2;color:#dc2626}.btn-details[data-v-4f3316d3]{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-4f3316d3]:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.btn-details svg[data-v-4f3316d3]{flex-shrink:0}.mobile-btn-details[data-v-4f3316d3]{width:100%;justify-content:center;margin-top:.75rem;padding:.75rem}.row-off-day[data-v-4f3316d3]{background:#fef3c7!important}.row-holiday[data-v-4f3316d3]{background:#fce7f3!important}.card-off-day[data-v-4f3316d3]{background:#fef3c7!important;border-color:#fde68a}.card-holiday[data-v-4f3316d3]{background:#fce7f3!important;border-color:#fbcfe8}.day-label[data-v-4f3316d3]{font-size:.75rem;font-weight:600;margin-top:.25rem;display:inline-block;padding:.125rem .5rem;border-radius:.25rem}.holiday-label[data-v-4f3316d3]{background:#ec4899;color:#fff}.off-day-label[data-v-4f3316d3]{background:#f59e0b;color:#fff}.empty-state[data-v-4f3316d3]{text-align:center;padding:3rem 1rem;color:#64748b}.empty-state p[data-v-4f3316d3]{font-size:1rem}.mobile-cards[data-v-4f3316d3]{display:none}.attendance-card[data-v-4f3316d3]{background:#f8fafc;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid #e2e8f0}.attendance-card[data-v-4f3316d3]:last-child{margin-bottom:0}.card-header[data-v-4f3316d3]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0}.card-date[data-v-4f3316d3]{font-weight:600;color:#1e293b;font-size:.9375rem}.card-body[data-v-4f3316d3]{display:flex;flex-direction:column;gap:.75rem}.card-row[data-v-4f3316d3]{display:flex;justify-content:space-between;align-items:center}.card-label[data-v-4f3316d3]{font-size:.875rem;color:#64748b;font-weight:500}.card-value[data-v-4f3316d3]{font-size:.9375rem;color:#1e293b;font-weight:600}@media (max-width: 768px){.attendance[data-v-4f3316d3]{padding:0}.page-header[data-v-4f3316d3]{margin-bottom:1.5rem}.page-title[data-v-4f3316d3]{font-size:1.5rem}.page-subtitle[data-v-4f3316d3]{font-size:.875rem}.card[data-v-4f3316d3]{padding:1rem;border-radius:.75rem}.section-title[data-v-4f3316d3]{font-size:1.25rem;margin-bottom:1rem}.form-row[data-v-4f3316d3],.team-filter-row[data-v-4f3316d3]{grid-template-columns:1fr;gap:0}.form-group[data-v-4f3316d3]{margin-bottom:1rem}.filter-button-group[data-v-4f3316d3]{margin-bottom:1.5rem}.button-label[data-v-4f3316d3]{display:none}.form-group label[data-v-4f3316d3]{font-size:.8125rem}.input[data-v-4f3316d3]{padding:.625rem .875rem;font-size:.9375rem}.tabs[data-v-4f3316d3]{gap:0;margin-bottom:1.5rem}.tab[data-v-4f3316d3]{flex:1;padding:.875rem 1rem;font-size:.875rem}.btn[data-v-4f3316d3]{padding:.875rem 1.5rem;font-size:.9375rem}.filter-button-group .btn[data-v-4f3316d3]{width:100%}.btn-primary[data-v-4f3316d3]:hover:not(:disabled){transform:none}.records-section[data-v-4f3316d3]{margin-top:1.5rem}.records-title[data-v-4f3316d3]{font-size:1rem;margin-bottom:.75rem}.desktop-view[data-v-4f3316d3]{display:none}.mobile-cards[data-v-4f3316d3]{display:block}.empty-state[data-v-4f3316d3]{padding:2rem 1rem}.empty-state p[data-v-4f3316d3]{font-size:.9375rem}}@media (max-width: 480px){.card[data-v-4f3316d3]{padding:.875rem}.page-title[data-v-4f3316d3]{font-size:1.375rem}.tab[data-v-4f3316d3]{padding:.75rem;font-size:.8125rem}.attendance-card[data-v-4f3316d3]{padding:.875rem}.card-date[data-v-4f3316d3]{font-size:.875rem}.card-label[data-v-4f3316d3],.card-value[data-v-4f3316d3]{font-size:.8125rem}.badge[data-v-4f3316d3],.status-badge[data-v-4f3316d3]{padding:.1875rem .625rem;font-size:.8125rem}}.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}.time-off[data-v-d9add084]{max-width:1200px;margin:0 auto}.header-section[data-v-d9add084]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title[data-v-d9add084]{font-size:2rem;font-weight:700;color:#1e293b}.btn-primary[data-v-d9add084]{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-d9add084]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-d9add084]:disabled{opacity:.6;cursor:nmobile-allowed}.btn-secondary[data-v-d9add084]{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-d9add084]:hover{background:#f8fafc}.modal-overlay[data-v-d9add084]{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-d9add084]{background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-d9add084]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-title[data-v-d9add084]{font-size:1.5rem;font-weight:700;color:#1e293b}.close-btn[data-v-d9add084]{background:none;border:none;cursor:pointer;padding:.5rem;color:#64748b;transition:color .2s}.close-btn[data-v-d9add084]:hover{color:#1e293b}.request-form[data-v-d9add084]{padding:1.5rem}.form-group[data-v-d9add084]{margin-bottom:1.25rem}.form-label[data-v-d9add084]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569;font-size:.875rem}.form-select[data-v-d9add084],.form-input[data-v-d9add084],.form-textarea[data-v-d9add084]{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;transition:all .2s}.form-select[data-v-d9add084]:focus,.form-input[data-v-d9add084]:focus,.form-textarea[data-v-d9add084]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row[data-v-d9add084]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-textarea[data-v-d9add084]{resize:vertical;font-family:inherit}.days-info[data-v-d9add084]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#eff6ff;border-radius:.5rem;color:#1e40af;font-weight:500;margin-bottom:1.25rem}.form-actions[data-v-d9add084]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.filters[data-v-d9add084]{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn[data-v-d9add084]{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-d9add084]:hover{border-color:#cbd5e1}.filter-btn.active[data-v-d9add084]{background:#3b82f6;color:#fff;border-color:#3b82f6}.filter-count[data-v-d9add084]{background:#0000001a;padding:.125rem .5rem;border-radius:999px;font-size:.75rem}.empty-state[data-v-d9add084]{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-state svg[data-v-d9add084]{margin:0 auto 1.5rem}.empty-state h3[data-v-d9add084]{font-size:1.25rem;color:#475569;margin-bottom:.5rem}.requests-grid[data-v-d9add084]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.request-card[data-v-d9add084]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s}.request-card[data-v-d9add084]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.request-header[data-v-d9add084]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.request-type[data-v-d9add084]{display:flex;align-items:center;gap:.75rem}.type-icon[data-v-d9add084]{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.type-icon.vacation[data-v-d9add084]{background:#fef3c7;color:#f59e0b}.type-icon.sick[data-v-d9add084]{background:#fee2e2;color:#dc2626}.type-icon.personal[data-v-d9add084]{background:#ede9fe;color:#7c3aed}.type-name[data-v-d9add084]{font-weight:600;color:#1e293b}.status-badge[data-v-d9add084]{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500;text-transform:capitalize}.status-badge.pending[data-v-d9add084]{background:#fef3c7;color:#92400e}.status-badge.approved[data-v-d9add084]{background:#d1fae5;color:#065f46}.status-badge.rejected[data-v-d9add084]{background:#fee2e2;color:#991b1b}.request-details[data-v-d9add084]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-item[data-v-d9add084]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.request-reason[data-v-d9add084]{margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:.5rem}.request-reason p[data-v-d9add084]{color:#475569;font-size:.875rem;margin:0}.request-footer[data-v-d9add084]{padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.request-date[data-v-d9add084]{font-size:.75rem;color:#94a3b8}.btn-view-details[data-v-d9add084]{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-d9add084]:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.btn-view-details svg[data-v-d9add084]{flex-shrink:0}.leave-policy-info[data-v-d9add084]{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem}.policy-title[data-v-d9add084]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.policy-grid[data-v-d9add084]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.policy-item[data-v-d9add084]{display:flex;flex-direction:column;gap:.25rem}.policy-item.full-width[data-v-d9add084]{grid-column:1 / -1}.policy-label[data-v-d9add084]{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.policy-value[data-v-d9add084]{font-size:.875rem;color:#1e293b;font-weight:500}.tab-section[data-v-d9add084]{margin-top:2rem}@media (max-width: 768px){.header-section[data-v-d9add084]{flex-direction:column;align-items:flex-start;gap:1rem}.page-title[data-v-d9add084]{font-size:1.5rem}.form-row[data-v-d9add084],.requests-grid[data-v-d9add084],.policy-grid[data-v-d9add084]{grid-template-columns:1fr}.tab-section[data-v-d9add084]{margin-top:1.5rem}}.team[data-v-8a9b91a8]{max-width:1200px;margin:0 auto}.header-section[data-v-8a9b91a8]{margin-bottom:2rem}.page-title[data-v-8a9b91a8]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-8a9b91a8]{font-size:1rem;color:#64748b}.search-section[data-v-8a9b91a8]{margin-bottom:2rem}.search-box[data-v-8a9b91a8]{position:relative;margin-bottom:1.5rem}.search-box svg[data-v-8a9b91a8]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-input[data-v-8a9b91a8]{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-8a9b91a8]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-section[data-v-8a9b91a8]{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-8a9b91a8]::-webkit-scrollbar{height:6px}.filter-section[data-v-8a9b91a8]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.filter-section[data-v-8a9b91a8]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.filter-section[data-v-8a9b91a8]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-chip[data-v-8a9b91a8]{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-8a9b91a8]:hover{border-color:#cbd5e1}.filter-chip.active[data-v-8a9b91a8]{background:#3b82f6;color:#fff;border-color:#3b82f6}.empty-state[data-v-8a9b91a8]{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-state svg[data-v-8a9b91a8]{margin:0 auto 1.5rem}.empty-state h3[data-v-8a9b91a8]{font-size:1.25rem;color:#475569;margin-bottom:.5rem}.employees-grid[data-v-8a9b91a8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.employee-card[data-v-8a9b91a8]{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-8a9b91a8]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.employee-avatar[data-v-8a9b91a8]{display:flex;justify-content:center}.avatar-circle[data-v-8a9b91a8]{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-8a9b91a8]{text-align:center}.employee-name[data-v-8a9b91a8]{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.employee-position[data-v-8a9b91a8]{font-size:.875rem;color:#64748b;margin-bottom:.75rem}.employee-department[data-v-8a9b91a8]{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-8a9b91a8]{display:flex;justify-content:center;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.contact-btn[data-v-8a9b91a8]{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-8a9b91a8]:hover{background:#3b82f6;color:#fff}.employee-meta[data-v-8a9b91a8]{text-align:center;padding-top:.75rem;border-top:1px solid #e2e8f0}.hire-date[data-v-8a9b91a8]{font-size:.75rem;color:#94a3b8}@media (max-width: 768px){.page-title[data-v-8a9b91a8]{font-size:1.5rem}.employees-grid[data-v-8a9b91a8]{grid-template-columns:1fr}}.profile[data-v-e055b2ca]{max-width:1200px;margin:0 auto;padding:0 1rem}.profile-header[data-v-e055b2ca]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title[data-v-e055b2ca]{font-size:2rem;font-weight:700;color:#1e293b}.btn-primary[data-v-e055b2ca]{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-e055b2ca]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-e055b2ca]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-e055b2ca]{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-e055b2ca]:hover{background:#f8fafc}.profile-content[data-v-e055b2ca]{display:flex;flex-direction:column;gap:1.5rem}.profile-card[data-v-e055b2ca]{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-e055b2ca]{display:flex;justify-content:center}.avatar-container[data-v-e055b2ca]{position:relative;width:120px;height:120px}.avatar-large[data-v-e055b2ca]{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-e055b2ca]{background-size:cover;background-position:center;background-repeat:no-repeat}.avatar-overlay[data-v-e055b2ca]{position:absolute;bottom:0;right:0;display:flex;gap:.5rem}.avatar-upload-btn[data-v-e055b2ca],.avatar-remove-btn[data-v-e055b2ca]{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-e055b2ca]:hover:not(:disabled),.avatar-remove-btn[data-v-e055b2ca]:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0003}.avatar-upload-btn[data-v-e055b2ca]:disabled,.avatar-remove-btn[data-v-e055b2ca]:disabled{opacity:.6;cursor:not-allowed}.avatar-remove-btn[data-v-e055b2ca]{background:#ef4444}.spinner[data-v-e055b2ca]{animation:spin-e055b2ca 1s linear infinite}@keyframes spin-e055b2ca{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-section[data-v-e055b2ca]{text-align:center}.profile-name[data-v-e055b2ca]{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.profile-position[data-v-e055b2ca]{font-size:1.125rem;color:#64748b;margin-bottom:1rem}.profile-badge[data-v-e055b2ca]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:999px;font-weight:500;color:#475569}.tabs[data-v-e055b2ca]{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.tab-btn[data-v-e055b2ca]{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-e055b2ca]:hover{background:#f1f5f9;color:#475569}.tab-btn.active[data-v-e055b2ca]{background:#3b82f6;color:#fff}.details-card[data-v-e055b2ca]{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-title[data-v-e055b2ca]{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.info-grid[data-v-e055b2ca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item[data-v-e055b2ca]{display:flex;flex-direction:column;gap:.5rem}.info-label[data-v-e055b2ca]{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-value[data-v-e055b2ca]{color:#1e293b;font-size:1rem}.info-value.with-icon[data-v-e055b2ca]{display:flex;align-items:center;gap:.75rem}.info-value a[data-v-e055b2ca]{color:#3b82f6;text-decoration:none;word-break:break-all}.info-value a[data-v-e055b2ca]:hover{text-decoration:underline}.edit-form[data-v-e055b2ca]{display:flex;flex-direction:column;gap:1.25rem}.form-row[data-v-e055b2ca]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-e055b2ca]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-e055b2ca]{font-weight:600;color:#475569;font-size:.875rem}.form-input[data-v-e055b2ca]{padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;transition:all .2s}.form-input[data-v-e055b2ca]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-e055b2ca]:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-checkbox[data-v-e055b2ca]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#475569}.form-checkbox input[type=checkbox][data-v-e055b2ca]{width:1.25rem;height:1.25rem;cursor:pointer}.form-checkboxes[data-v-e055b2ca]{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:.5rem}.form-actions[data-v-e055b2ca]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}@media (max-width: 768px){.profile[data-v-e055b2ca]{padding:0 .5rem}.profile-header[data-v-e055b2ca]{flex-direction:column;align-items:flex-start}.page-title[data-v-e055b2ca]{font-size:1.5rem}.profile-card[data-v-e055b2ca]{padding:1.5rem}.desktop-only[data-v-e055b2ca]{display:none}.details-card[data-v-e055b2ca]{padding:0;background:transparent;box-shadow:none}.section[data-v-e055b2ca]{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.section[data-v-e055b2ca]:last-child{margin-bottom:0}.form-row[data-v-e055b2ca],.info-grid[data-v-e055b2ca]{grid-template-columns:1fr}.form-actions[data-v-e055b2ca]{flex-direction:column}.form-actions button[data-v-e055b2ca]{width:100%}.avatar-large[data-v-e055b2ca]{width:100px;height:100px;font-size:2rem}.avatar-container[data-v-e055b2ca]{width:100px;height:100px}}@media (max-width: 480px){.page-title[data-v-e055b2ca]{font-size:1.25rem}.profile-name[data-v-e055b2ca]{font-size:1.5rem}.profile-position[data-v-e055b2ca]{font-size:1rem}.section-title[data-v-e055b2ca]{font-size:1.125rem}.section[data-v-e055b2ca]{padding:1rem}}.auth-container[data-v-99360341]{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-99360341]:before{content:"";position:absolute;width:300px;height:300px;background:#ffffff1a;border-radius:50%;top:-100px;right:-100px;animation:float-99360341 6s ease-in-out infinite}.auth-container[data-v-99360341]:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff0d;border-radius:50%;bottom:-150px;left:-150px;animation:float-99360341 8s ease-in-out infinite reverse}@keyframes float-99360341{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.auth-card[data-v-99360341]{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-99360341 .5s ease-out}@keyframes slideUp-99360341{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-99360341]{text-align:center;margin-bottom:2.5rem}.logo-wrapper[data-v-99360341]{display:inline-flex;margin-bottom:1.5rem;padding:.75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:1.25rem;animation:pulse-99360341 2s ease-in-out infinite}@keyframes pulse-99360341{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.auth-title[data-v-99360341]{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.75rem;letter-spacing:-.025em}.auth-subtitle[data-v-99360341]{color:#64748b;font-size:1rem;font-weight:400}.auth-form[data-v-99360341]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.error-message[data-v-99360341]{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-99360341 .4s}@keyframes shake-99360341{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-group[data-v-99360341]{display:flex;flex-direction:column;gap:.625rem}.form-label[data-v-99360341]{font-weight:600;color:#334155;font-size:.875rem;letter-spacing:.01em}.input-wrapper[data-v-99360341]{position:relative;display:flex;align-items:center}.input-icon[data-v-99360341]{position:absolute;left:1rem;color:#94a3b8;pointer-events:none;transition:color .2s}.input-wrapper:focus-within .input-icon[data-v-99360341]{color:#3b82f6}.form-input[data-v-99360341]{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-99360341]::placeholder{color:#94a3b8}.form-input[data-v-99360341]:hover{border-color:#cbd5e1}.form-input[data-v-99360341]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.btn-primary[data-v-99360341]{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-99360341]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary[data-v-99360341]:active:not(:disabled){transform:translateY(0)}.btn-primary[data-v-99360341]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-content[data-v-99360341]{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner[data-v-99360341]{animation:spin-99360341 1s linear infinite}@keyframes spin-99360341{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider[data-v-99360341]{display:flex;align-items:center;text-align:center;margin:2rem 0 1.5rem;color:#94a3b8;font-size:.875rem}.divider[data-v-99360341]:before,.divider[data-v-99360341]:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider span[data-v-99360341]{padding:0 1rem}.btn-secondary[data-v-99360341]{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-99360341]:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}@media (max-width: 480px){.auth-card[data-v-99360341]{padding:2rem 1.5rem}.auth-title[data-v-99360341]{font-size:1.75rem}.auth-subtitle[data-v-99360341]{font-size:.9375rem}}.auth-container[data-v-1ef463e5]{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-1ef463e5]:before{content:"";position:absolute;width:300px;height:300px;background:#ffffff1a;border-radius:50%;top:-100px;right:-100px;animation:float-1ef463e5 6s ease-in-out infinite}.auth-container[data-v-1ef463e5]:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff0d;border-radius:50%;bottom:-150px;left:-150px;animation:float-1ef463e5 8s ease-in-out infinite reverse}@keyframes float-1ef463e5{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.auth-card[data-v-1ef463e5]{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-1ef463e5 .5s ease-out}@keyframes slideUp-1ef463e5{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-1ef463e5]{text-align:center;margin-bottom:2.5rem}.logo-wrapper[data-v-1ef463e5]{display:inline-flex;margin-bottom:1.5rem;padding:.75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:1.25rem;animation:pulse-1ef463e5 2s ease-in-out infinite}@keyframes pulse-1ef463e5{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.auth-title[data-v-1ef463e5]{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.75rem;letter-spacing:-.025em}.auth-subtitle[data-v-1ef463e5]{color:#64748b;font-size:1rem;font-weight:400}.auth-form[data-v-1ef463e5]{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.error-message[data-v-1ef463e5]{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-1ef463e5 .4s}@keyframes shake-1ef463e5{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-row[data-v-1ef463e5]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-1ef463e5]{display:flex;flex-direction:column;gap:.625rem}.form-label[data-v-1ef463e5]{font-weight:600;color:#334155;font-size:.875rem;letter-spacing:.01em}.input-wrapper[data-v-1ef463e5]{position:relative;display:flex;align-items:center}.input-icon[data-v-1ef463e5]{position:absolute;left:1rem;color:#94a3b8;pointer-events:none;transition:color .2s}.input-wrapper:focus-within .input-icon[data-v-1ef463e5]{color:#3b82f6}.form-input[data-v-1ef463e5]{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-1ef463e5]{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-1ef463e5]{padding-right:3rem}.eye-button[data-v-1ef463e5]{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-1ef463e5]:hover{color:#3b82f6}.eye-button[data-v-1ef463e5]:focus{outline:none;color:#3b82f6}.form-input[data-v-1ef463e5]::placeholder{color:#94a3b8}.form-input[data-v-1ef463e5]:hover{border-color:#cbd5e1}.form-input[data-v-1ef463e5]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.helper-text[data-v-1ef463e5]{font-size:.75rem;color:#94a3b8;margin-top:-.25rem}.required[data-v-1ef463e5]{color:#ef4444;font-weight:700}.password-strength[data-v-1ef463e5]{margin-top:.625rem;display:flex;flex-direction:column;gap:.375rem}.strength-bar[data-v-1ef463e5]{width:100%;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.strength-fill[data-v-1ef463e5]{height:100%;transition:all .3s ease;border-radius:999px}.strength-fill.weak[data-v-1ef463e5]{background:linear-gradient(90deg,#ef4444,#dc2626)}.strength-fill.fair[data-v-1ef463e5]{background:linear-gradient(90deg,#f59e0b,#d97706)}.strength-fill.good[data-v-1ef463e5]{background:linear-gradient(90deg,#3b82f6,#2563eb)}.strength-fill.strong[data-v-1ef463e5]{background:linear-gradient(90deg,#10b981,#059669)}.strength-text[data-v-1ef463e5]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.strength-text.weak[data-v-1ef463e5]{color:#dc2626}.strength-text.fair[data-v-1ef463e5]{color:#d97706}.strength-text.good[data-v-1ef463e5]{color:#2563eb}.strength-text.strong[data-v-1ef463e5]{color:#059669}.validation-error[data-v-1ef463e5]{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;color:#dc2626;font-weight:500;animation:slideIn-1ef463e5 .2s ease-out}.validation-success[data-v-1ef463e5]{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;color:#059669;font-weight:500;animation:slideIn-1ef463e5 .2s ease-out}@keyframes slideIn-1ef463e5{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-primary[data-v-1ef463e5]{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-1ef463e5]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary[data-v-1ef463e5]:active:not(:disabled){transform:translateY(0)}.btn-primary[data-v-1ef463e5]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-content[data-v-1ef463e5]{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner[data-v-1ef463e5]{animation:spin-1ef463e5 1s linear infinite}@keyframes spin-1ef463e5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider[data-v-1ef463e5]{display:flex;align-items:center;text-align:center;margin:2rem 0 1.5rem;color:#94a3b8;font-size:.875rem}.divider[data-v-1ef463e5]:before,.divider[data-v-1ef463e5]:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider span[data-v-1ef463e5]{padding:0 1rem}.btn-secondary[data-v-1ef463e5]{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-1ef463e5]:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}@media (max-width: 540px){.auth-card[data-v-1ef463e5]{padding:2rem 1.5rem}.auth-title[data-v-1ef463e5]{font-size:1.75rem}.auth-subtitle[data-v-1ef463e5]{font-size:.9375rem}.form-row[data-v-1ef463e5]{grid-template-columns:1fr}}.ot-approvals[data-v-58e3345f]{max-width:1400px;margin:0 auto}.page-header[data-v-58e3345f]{margin-bottom:2rem}.page-title[data-v-58e3345f]{font-size:2rem;font-weight:700;color:#1e293b}.tabs[data-v-58e3345f]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.tab[data-v-58e3345f]{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[data-v-58e3345f]:hover{color:#3b82f6}.tab.active[data-v-58e3345f]{color:#3b82f6;border-bottom-color:#3b82f6}.ot-section[data-v-58e3345f]{margin-top:2rem}.date-filters[data-v-58e3345f]{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}.form-group[data-v-58e3345f]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-58e3345f]{font-weight:600;color:#334155;font-size:.875rem}.form-input[data-v-58e3345f],.form-select[data-v-58e3345f]{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;transition:all .2s;background:#f8fafc}.form-input[data-v-58e3345f]:focus,.form-select[data-v-58e3345f]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.attendance-section[data-v-58e3345f]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.attendance-table[data-v-58e3345f]{overflow-x:auto}.table-header[data-v-58e3345f],.table-row[data-v-58e3345f]{display:grid;grid-template-columns:1fr 1fr 1fr 120px 140px 2fr;gap:1rem;padding:1rem;align-items:center}.table-header[data-v-58e3345f]{background:#f8fafc;border-radius:.5rem;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table-row[data-v-58e3345f]{border-bottom:1px solid #e2e8f0;transition:all .2s}.table-row[data-v-58e3345f]:last-child{border-bottom:none}.table-row[data-v-58e3345f]:hover{background:#f8fafc}.table-cell[data-v-58e3345f]{font-size:.875rem;color:#1e293b}.ot-badge[data-v-58e3345f]{display:inline-block;padding:.375rem .75rem;background:#dbeafe;color:#1e40af;border-radius:999px;font-weight:600;font-size:.875rem}.ot-input[data-v-58e3345f]{width:100%;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#1e293b;transition:all .2s;font-weight:600}.ot-input[data-v-58e3345f]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.remarks-input[data-v-58e3345f]{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#1e293b;transition:all .2s}.remarks-input[data-v-58e3345f]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.submit-section[data-v-58e3345f]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.btn-primary[data-v-58e3345f]{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.875rem 2rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.btn-primary[data-v-58e3345f]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary[data-v-58e3345f]:disabled{opacity:.6;cursor:not-allowed}.empty-state[data-v-58e3345f]{text-align:center;padding:4rem 2rem;color:#94a3b8;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.empty-state svg[data-v-58e3345f]{margin:0 auto 1.5rem;opacity:.5}.empty-state h3[data-v-58e3345f]{font-size:1.25rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.mobile-cards[data-v-58e3345f]{display:none}.ot-card[data-v-58e3345f]{background:#f8fafc;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid #e2e8f0}.ot-card[data-v-58e3345f]:last-child{margin-bottom:0}.ot-card-header[data-v-58e3345f]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0}.ot-card-date[data-v-58e3345f]{font-weight:600;color:#1e293b;font-size:.9375rem}.ot-card-body[data-v-58e3345f]{display:flex;flex-direction:column;gap:.75rem}.ot-card-row[data-v-58e3345f]{display:flex;justify-content:space-between;align-items:center}.ot-card-remarks[data-v-58e3345f]{display:flex;flex-direction:column;gap:.5rem}.ot-card-label[data-v-58e3345f]{font-size:.875rem;color:#64748b;font-weight:500}.ot-card-value[data-v-58e3345f]{font-size:.9375rem;color:#1e293b;font-weight:600}@media (max-width: 768px){.ot-approvals[data-v-58e3345f]{padding:0}.page-header[data-v-58e3345f]{margin-bottom:1.5rem}.page-title[data-v-58e3345f]{font-size:1.5rem}.tabs[data-v-58e3345f]{gap:0;margin-bottom:1.5rem}.tab[data-v-58e3345f]{flex:1;padding:.875rem 1rem;font-size:.875rem}.ot-section[data-v-58e3345f]{margin-top:1.5rem}.date-filters[data-v-58e3345f]{grid-template-columns:1fr;padding:1rem;border-radius:.75rem;gap:0}.form-group[data-v-58e3345f]{margin-bottom:0}.form-group[data-v-58e3345f]:not(:last-child){margin-bottom:1rem}.form-label[data-v-58e3345f]{font-size:.8125rem}.form-input[data-v-58e3345f],.form-select[data-v-58e3345f]{padding:.625rem .875rem;font-size:.9375rem}.attendance-section[data-v-58e3345f]{padding:1rem;border-radius:.75rem}.desktop-view[data-v-58e3345f]{display:none}.mobile-cards[data-v-58e3345f]{display:block}.ot-badge[data-v-58e3345f]{padding:.3125rem .625rem;font-size:.8125rem}.remarks-input[data-v-58e3345f]{padding:.625rem .75rem;font-size:.875rem}.submit-section[data-v-58e3345f]{margin-top:1rem;padding-top:1rem}.btn-primary[data-v-58e3345f]{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;justify-content:center}.btn-primary[data-v-58e3345f]:hover:not(:disabled){transform:none}.empty-state[data-v-58e3345f]{padding:2.5rem 1.5rem}.empty-state svg[data-v-58e3345f]{width:48px;height:48px;margin-bottom:1rem}.empty-state h3[data-v-58e3345f]{font-size:1.125rem}.empty-state p[data-v-58e3345f]{font-size:.875rem}}@media (max-width: 480px){.page-title[data-v-58e3345f]{font-size:1.375rem}.tab[data-v-58e3345f]{padding:.75rem;font-size:.8125rem}.date-filters[data-v-58e3345f],.attendance-section[data-v-58e3345f],.ot-card[data-v-58e3345f]{padding:.875rem}.ot-card-date[data-v-58e3345f]{font-size:.875rem}.ot-card-label[data-v-58e3345f],.ot-card-value[data-v-58e3345f]{font-size:.8125rem}.ot-badge[data-v-58e3345f]{padding:.25rem .5rem;font-size:.75rem}.remarks-input[data-v-58e3345f]{font-size:.8125rem}.btn-primary[data-v-58e3345f]{padding:.875rem 1.25rem;font-size:.875rem}}.late-exemptions[data-v-3e012704]{max-width:1400px;margin:0 auto}.page-header[data-v-3e012704]{margin-bottom:2rem}.page-title[data-v-3e012704]{font-size:2rem;font-weight:700;color:#1e293b}.tabs[data-v-3e012704]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.tab[data-v-3e012704]{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[data-v-3e012704]:hover{color:#3b82f6}.tab.active[data-v-3e012704]{color:#3b82f6;border-bottom-color:#3b82f6}.exemptions-section[data-v-3e012704]{margin-top:2rem}.date-filters[data-v-3e012704]{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}.form-group[data-v-3e012704]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-3e012704]{font-weight:600;color:#334155;font-size:.875rem}.form-input[data-v-3e012704],.form-select[data-v-3e012704]{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;transition:all .2s;background:#f8fafc}.form-input[data-v-3e012704]:focus,.form-select[data-v-3e012704]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.btn-primary[data-v-3e012704]{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-3e012704]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary[data-v-3e012704]:disabled{opacity:.6;cursor:not-allowed}.attendance-section[data-v-3e012704]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.attendance-table[data-v-3e012704]{overflow-x:auto}.table-header[data-v-3e012704],.table-row[data-v-3e012704]{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:1rem;padding:1rem;align-items:center}.table-header[data-v-3e012704]{background:#f8fafc;border-radius:.5rem;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table-row[data-v-3e012704]{border-bottom:1px solid #e2e8f0;transition:all .2s}.table-row[data-v-3e012704]:last-child{border-bottom:none}.table-row[data-v-3e012704]:hover{background:#f8fafc}.table-cell[data-v-3e012704]{font-size:.875rem;color:#1e293b}.late-badge[data-v-3e012704]{display:inline-block;padding:.375rem .75rem;background:#fee2e2;color:#991b1b;border-radius:999px;font-weight:600;font-size:.875rem}.status-badge[data-v-3e012704]{display:inline-block;padding:.375rem .75rem;border-radius:999px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-badge.late[data-v-3e012704]{background:#fee2e2;color:#991b1b}.status-badge.on_time[data-v-3e012704]{background:#d1fae5;color:#065f46}.empty-state[data-v-3e012704]{text-align:center;padding:4rem 2rem;color:#94a3b8;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.empty-state svg[data-v-3e012704]{margin:0 auto 1.5rem;opacity:.5}.empty-state h3[data-v-3e012704]{font-size:1.25rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.mobile-cards[data-v-3e012704]{display:none}.late-card[data-v-3e012704]{background:#f8fafc;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid #e2e8f0}.late-card[data-v-3e012704]:last-child{margin-bottom:0}.late-card-header[data-v-3e012704]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0}.late-card-date[data-v-3e012704]{font-weight:600;color:#1e293b;font-size:.9375rem}.late-card-body[data-v-3e012704]{display:flex;flex-direction:column;gap:.75rem}.late-card-row[data-v-3e012704]{display:flex;justify-content:space-between;align-items:center}.late-card-label[data-v-3e012704]{font-size:.875rem;color:#64748b;font-weight:500}.late-card-value[data-v-3e012704]{font-size:.9375rem;color:#1e293b;font-weight:600}@media (max-width: 768px){.late-exemptions[data-v-3e012704]{padding:0}.page-header[data-v-3e012704]{margin-bottom:1.5rem}.page-title[data-v-3e012704]{font-size:1.5rem}.tabs[data-v-3e012704]{gap:0;margin-bottom:1.5rem}.tab[data-v-3e012704]{flex:1;padding:.875rem 1rem;font-size:.875rem}.exemptions-section[data-v-3e012704]{margin-top:1.5rem}.date-filters[data-v-3e012704]{grid-template-columns:1fr;padding:1rem;border-radius:.75rem;gap:0}.form-group[data-v-3e012704]{margin-bottom:0}.form-group[data-v-3e012704]:not(:last-child){margin-bottom:1rem}.form-label[data-v-3e012704]{font-size:.8125rem}.form-input[data-v-3e012704],.form-select[data-v-3e012704]{padding:.625rem .875rem;font-size:.9375rem}.btn-primary[data-v-3e012704]{width:100%;padding:.875rem 1.5rem;font-size:.9375rem}.btn-primary[data-v-3e012704]:hover:not(:disabled){transform:none}.attendance-section[data-v-3e012704]{padding:1rem;border-radius:.75rem}.desktop-view[data-v-3e012704]{display:none}.mobile-cards[data-v-3e012704]{display:block}.late-badge[data-v-3e012704],.status-badge[data-v-3e012704]{padding:.3125rem .625rem;font-size:.8125rem}.empty-state[data-v-3e012704]{padding:2.5rem 1.5rem}.empty-state svg[data-v-3e012704]{width:48px;height:48px;margin-bottom:1rem}.empty-state h3[data-v-3e012704]{font-size:1.125rem}.empty-state p[data-v-3e012704]{font-size:.875rem}}@media (max-width: 480px){.page-title[data-v-3e012704]{font-size:1.375rem}.tab[data-v-3e012704]{padding:.75rem;font-size:.8125rem}.date-filters[data-v-3e012704],.attendance-section[data-v-3e012704],.late-card[data-v-3e012704]{padding:.875rem}.late-card-date[data-v-3e012704]{font-size:.875rem}.late-card-label[data-v-3e012704],.late-card-value[data-v-3e012704]{font-size:.8125rem}.late-badge[data-v-3e012704],.status-badge[data-v-3e012704]{padding:.25rem .5rem;font-size:.75rem}.btn-primary[data-v-3e012704]{padding:.875rem 1.25rem;font-size:.875rem}}.company-policies[data-v-01a35e08]{max-width:1200px;margin:0 auto}.page-header[data-v-01a35e08]{margin-bottom:2rem}.page-title[data-v-01a35e08]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-01a35e08]{font-size:1rem;color:#64748b}.category-tabs[data-v-01a35e08]{display:flex;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.category-tab[data-v-01a35e08]{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-01a35e08]:hover{border-color:#cbd5e1;background:#f8fafc}.category-tab.active[data-v-01a35e08]{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.empty-state[data-v-01a35e08]{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-state svg[data-v-01a35e08]{margin:0 auto 1.5rem;opacity:.5}.empty-state h3[data-v-01a35e08]{font-size:1.25rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.policies-grid[data-v-01a35e08]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.policy-card[data-v-01a35e08]{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-01a35e08]:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:#3b82f6}.policy-header[data-v-01a35e08]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.policy-category-badge[data-v-01a35e08]{padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.policy-category-badge.attendance[data-v-01a35e08]{background:#dbeafe;color:#1e40af}.policy-category-badge.leave[data-v-01a35e08]{background:#d1fae5;color:#065f46}.policy-category-badge.conduct[data-v-01a35e08]{background:#fef3c7;color:#92400e}.policy-category-badge.benefits[data-v-01a35e08]{background:#ede9fe;color:#5b21b6}.policy-date[data-v-01a35e08]{font-size:.875rem;color:#94a3b8}.policy-title[data-v-01a35e08]{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem;line-height:1.4}.policy-preview[data-v-01a35e08]{color:#64748b;line-height:1.6;margin-bottom:1.25rem}.read-more[data-v-01a35e08]{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-01a35e08]:hover{gap:.75rem}.modal-overlay[data-v-01a35e08]{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-01a35e08]{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-01a35e08]{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-01a35e08]{font-size:1.75rem;font-weight:800;color:#1e293b;margin:.75rem 0 .5rem;line-height:1.3}.effective-date[data-v-01a35e08]{font-size:.875rem;color:#64748b;font-weight:500}.close-btn[data-v-01a35e08]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;transition:all .2s;flex-shrink:0}.close-btn[data-v-01a35e08]:hover{color:#64748b}.modal-content[data-v-01a35e08]{padding:2rem;overflow-y:auto;flex:1}.policy-content[data-v-01a35e08]{color:#475569;line-height:1.8;font-size:1rem}.policy-content[data-v-01a35e08] p{margin-bottom:1rem}.policy-content[data-v-01a35e08] p:last-child{margin-bottom:0}@media (max-width: 768px){.page-title[data-v-01a35e08]{font-size:1.5rem}.policies-grid[data-v-01a35e08]{grid-template-columns:1fr}.modal[data-v-01a35e08]{max-height:95vh;margin:0}.modal-header[data-v-01a35e08]{padding:1.5rem 1.5rem 1rem}.modal-header h2[data-v-01a35e08]{font-size:1.375rem}.modal-content[data-v-01a35e08]{padding:1.5rem}}.benefits[data-v-c873bd2a]{max-width:1400px;margin:0 auto}.page-header[data-v-c873bd2a]{margin-bottom:2rem}.page-title[data-v-c873bd2a]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-c873bd2a]{font-size:1rem;color:#64748b}.loading-state[data-v-c873bd2a]{text-align:center;padding:4rem 2rem;color:#94a3b8}.spinner[data-v-c873bd2a]{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;margin:0 auto 1rem;animation:spin-c873bd2a .8s linear infinite}@keyframes spin-c873bd2a{to{transform:rotate(360deg)}}.summary-cards[data-v-c873bd2a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.summary-card[data-v-c873bd2a]{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-c873bd2a]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.summary-icon[data-v-c873bd2a]{width:56px;height:56px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.summary-content[data-v-c873bd2a]{flex:1}.summary-label[data-v-c873bd2a]{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.summary-value[data-v-c873bd2a]{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.summary-note[data-v-c873bd2a]{font-size:.75rem;color:#94a3b8}.benefits-section[data-v-c873bd2a]{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-title[data-v-c873bd2a]{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem}.empty-state[data-v-c873bd2a]{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-state svg[data-v-c873bd2a]{margin:0 auto 1.5rem;opacity:.5}.empty-state h3[data-v-c873bd2a]{font-size:1.25rem;color:#64748b;margin-bottom:.5rem}.benefits-grid[data-v-c873bd2a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.benefit-card[data-v-c873bd2a]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s}.benefit-card[data-v-c873bd2a]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.benefit-header[data-v-c873bd2a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.benefit-type-badge[data-v-c873bd2a]{padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.benefit-type-badge.health[data-v-c873bd2a]{background:#dbeafe;color:#1e40af}.benefit-type-badge.life[data-v-c873bd2a]{background:#fce7f3;color:#be123c}.benefit-type-badge.retirement[data-v-c873bd2a]{background:#d1fae5;color:#065f46}.benefit-type-badge.transport[data-v-c873bd2a]{background:#fef3c7;color:#92400e}.benefit-type-badge.wellness[data-v-c873bd2a]{background:#e9d5ff;color:#6b21a8}.benefit-type-badge.default[data-v-c873bd2a]{background:#e2e8f0;color:#475569}.benefit-status-badge[data-v-c873bd2a]{padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.benefit-status-badge.active[data-v-c873bd2a]{background:#d1fae5;color:#065f46}.benefit-status-badge.inactive[data-v-c873bd2a]{background:#fee2e2;color:#991b1b}.benefit-name[data-v-c873bd2a]{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.benefit-calculation[data-v-c873bd2a]{margin-bottom:1.25rem;padding:1rem;background:#f8fafc;border-radius:.75rem;border-left:3px solid #3b82f6}.calculation-label[data-v-c873bd2a]{font-size:.75rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.calculation-text[data-v-c873bd2a]{font-size:.875rem;color:#475569;line-height:1.6;margin:0}.benefit-amounts[data-v-c873bd2a]{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:2px solid #e2e8f0}.amount-row[data-v-c873bd2a]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px dashed #e2e8f0}.amount-item[data-v-c873bd2a]{flex:1;text-align:center}.amount-label[data-v-c873bd2a]{font-size:.75rem;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.amount-value[data-v-c873bd2a]{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.employee-amount .amount-value[data-v-c873bd2a]{color:#ef4444}.employer-amount .amount-value[data-v-c873bd2a]{color:#10b981}.amount-frequency[data-v-c873bd2a]{font-size:.75rem;color:#94a3b8;text-transform:capitalize}.amount-divider[data-v-c873bd2a]{font-size:1.25rem;font-weight:700;color:#cbd5e1}.total-amount[data-v-c873bd2a]{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-c873bd2a]{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.total-value[data-v-c873bd2a]{font-size:1.25rem;font-weight:700}.benefit-coverage[data-v-c873bd2a]{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-c873bd2a]{flex-shrink:0}.benefit-coverage strong[data-v-c873bd2a]{font-weight:700}.benefit-dates[data-v-c873bd2a]{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.date-item[data-v-c873bd2a]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.date-item svg[data-v-c873bd2a]{color:#94a3b8;flex-shrink:0}@media (max-width: 768px){.page-title[data-v-c873bd2a]{font-size:1.5rem}.summary-cards[data-v-c873bd2a]{grid-template-columns:1fr;gap:1rem}.summary-card[data-v-c873bd2a]{padding:1.25rem}.summary-icon[data-v-c873bd2a]{width:48px;height:48px}.summary-value[data-v-c873bd2a]{font-size:1.5rem}.benefits-section[data-v-c873bd2a]{padding:1.5rem}.section-title[data-v-c873bd2a]{font-size:1.25rem}.benefits-grid[data-v-c873bd2a]{grid-template-columns:1fr;gap:1rem}.benefit-card[data-v-c873bd2a]{padding:1.25rem}.benefit-name[data-v-c873bd2a]{font-size:1.125rem}.amount-row[data-v-c873bd2a]{flex-direction:column;gap:.75rem}.amount-divider[data-v-c873bd2a]{transform:rotate(90deg)}.amount-value[data-v-c873bd2a]{font-size:1.25rem}.benefit-dates[data-v-c873bd2a]{flex-direction:column;gap:.5rem}}.payroll[data-v-ec292288]{max-width:1200px;margin:0 auto}.page-header[data-v-ec292288]{margin-bottom:2rem}.page-title[data-v-ec292288]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-subtitle[data-v-ec292288]{font-size:1rem;color:#64748b}.loading-state[data-v-ec292288]{text-align:center;padding:4rem 2rem;color:#94a3b8}.spinner[data-v-ec292288]{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;margin:0 auto 1rem;animation:spin-ec292288 .8s linear infinite}@keyframes spin-ec292288{to{transform:rotate(360deg)}}.empty-state[data-v-ec292288]{text-align:center;padding:4rem 2rem;color:#94a3b8;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.empty-state svg[data-v-ec292288]{margin:0 auto 1.5rem;opacity:.5}.empty-state h3[data-v-ec292288]{font-size:1.25rem;color:#64748b;margin-bottom:.5rem}.payroll-list[data-v-ec292288]{display:grid;gap:1.25rem}.payroll-card[data-v-ec292288]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s}.payroll-card[data-v-ec292288]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.payroll-header[data-v-ec292288]{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-ec292288]{flex:1}.period-label[data-v-ec292288]{font-size:.875rem;color:#64748b;margin-bottom:.25rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.period-dates[data-v-ec292288]{font-size:1.125rem;font-weight:600;color:#1e293b}.payroll-status[data-v-ec292288]{padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.payroll-status.processed[data-v-ec292288]{background:#d1fae5;color:#065f46}.payroll-status.pending[data-v-ec292288]{background:#fef3c7;color:#92400e}.payroll-status.cancelled[data-v-ec292288]{background:#fee2e2;color:#991b1b}.payroll-body[data-v-ec292288]{margin-bottom:1.25rem}.payroll-amount[data-v-ec292288]{margin-bottom:1rem}.amount-label[data-v-ec292288]{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.amount-value[data-v-ec292288]{font-size:2rem;font-weight:700;color:#10b981}.payroll-breakdown[data-v-ec292288]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;background:#f8fafc;border-radius:.75rem}.breakdown-item[data-v-ec292288]{display:flex;flex-direction:column;gap:.25rem}.breakdown-label[data-v-ec292288]{font-size:.875rem;color:#64748b}.breakdown-value[data-v-ec292288]{font-size:1.125rem;font-weight:600;color:#1e293b}.breakdown-value.deduction[data-v-ec292288]{color:#ef4444}.payroll-footer[data-v-ec292288]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.pay-date[data-v-ec292288]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.pay-date svg[data-v-ec292288]{color:#94a3b8}.btn-view[data-v-ec292288]{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-ec292288]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.modal-overlay[data-v-ec292288]{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-ec292288]{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-ec292288]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2[data-v-ec292288]{font-size:1.5rem;font-weight:700;color:#1e293b}.btn-close[data-v-ec292288]{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.btn-close[data-v-ec292288]:hover{background:#f1f5f9;color:#1e293b}.payslip[data-v-ec292288]{padding:2rem}.payslip-header[data-v-ec292288]{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.payslip-header h1[data-v-ec292288]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.company-info h3[data-v-ec292288]{font-size:1.25rem;color:#475569;margin-bottom:.5rem}.company-info p[data-v-ec292288]{font-size:.875rem;color:#64748b;margin:.25rem 0}.payslip-info[data-v-ec292288]{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-ec292288]{display:flex;flex-direction:column;gap:.75rem}.info-row[data-v-ec292288]{display:flex;justify-content:space-between;align-items:center}.info-label[data-v-ec292288]{font-size:.875rem;color:#64748b;font-weight:500}.info-value[data-v-ec292288]{font-size:.9375rem;color:#1e293b;font-weight:600}.status-badge[data-v-ec292288]{padding:.25rem .625rem;border-radius:999px;font-size:.75rem;text-transform:uppercase}.status-badge.processed[data-v-ec292288]{background:#d1fae5;color:#065f46}.payslip-earnings[data-v-ec292288],.payslip-deductions[data-v-ec292288]{margin-bottom:2rem}.section-title[data-v-ec292288]{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.payslip-table[data-v-ec292288]{width:100%;border-collapse:collapse}.payslip-table thead[data-v-ec292288]{background:#f8fafc}.payslip-table th[data-v-ec292288]{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-ec292288]{padding:.875rem 1rem;font-size:.9375rem;color:#1e293b;border-bottom:1px solid #e2e8f0}.payslip-table th[data-v-ec292288]:last-child,.payslip-table td[data-v-ec292288]:last-child{text-align:right}.payslip-table .total-row[data-v-ec292288]{background:#f8fafc}.payslip-table .total-row td[data-v-ec292288]{border-bottom:none;padding:1rem}.payslip-summary[data-v-ec292288]{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:1.5rem 2rem;border-radius:.75rem;margin-bottom:1.5rem}.summary-row[data-v-ec292288]{display:flex;justify-content:space-between;align-items:center;color:#fff}.summary-row span[data-v-ec292288]:first-child{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.net-pay-amount[data-v-ec292288]{font-size:2rem;font-weight:700}.payslip-notes[data-v-ec292288]{padding:1rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem}.payslip-notes h4[data-v-ec292288]{font-size:.875rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.payslip-notes p[data-v-ec292288]{font-size:.875rem;color:#78350f;line-height:1.5}.modal-actions[data-v-ec292288]{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0}.btn-print[data-v-ec292288]{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-ec292288]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-cancel[data-v-ec292288]{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-ec292288]:hover{background:#e2e8f0}@media print{body[data-v-ec292288] *{visibility:hidden}#payslip[data-v-ec292288],#payslip[data-v-ec292288] *{visibility:visible}#payslip[data-v-ec292288]{position:absolute;left:0;top:0;width:100%}.modal-overlay[data-v-ec292288],.modal-header[data-v-ec292288],.modal-actions[data-v-ec292288]{display:none!important}.modal-content[data-v-ec292288]{box-shadow:none;max-height:none}}@media (max-width: 768px){.page-title[data-v-ec292288]{font-size:1.5rem}.payroll-card[data-v-ec292288]{padding:1.25rem}.period-dates[data-v-ec292288]{font-size:1rem}.amount-value[data-v-ec292288]{font-size:1.75rem}.payroll-breakdown[data-v-ec292288]{grid-template-columns:1fr}.payroll-footer[data-v-ec292288]{flex-direction:column;gap:1rem;align-items:stretch}.btn-view[data-v-ec292288]{width:100%}.modal-content[data-v-ec292288]{max-height:95vh}.payslip[data-v-ec292288]{padding:1.5rem}.payslip-header h1[data-v-ec292288]{font-size:1.5rem}.payslip-info[data-v-ec292288]{grid-template-columns:1fr;gap:1rem}.payslip-table[data-v-ec292288]{font-size:.875rem}.payslip-table th[data-v-ec292288],.payslip-table td[data-v-ec292288]{padding:.625rem .75rem}.net-pay-amount[data-v-ec292288]{font-size:1.5rem}.modal-actions[data-v-ec292288]{flex-direction:column}}