:root{--bg-card: #ffffff;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-modal: #ffffff;--overlay-dim: rgba(15, 23, 42, .65);--text-primary: #0f172a;--text-secondary: #334155;--border-color: #cbd5e1;--border-bright: #cbd5e1;--border-dim: #e2e8f0;--accent-primary: #0284c7;--accent-warning: #b45309}:root,[data-theme=light],:root[data-theme=light]{color-scheme:light;--bg-card: #ffffff;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-modal: #ffffff;--overlay-dim: rgba(15, 23, 42, .65);--text-primary: #0f172a;--text-secondary: #334155;--border-color: #cbd5e1;--border-bright: #cbd5e1;--border-dim: #e2e8f0;--accent-primary: #0284c7;--accent-warning: #b45309;--bg-primary: var(--bg-main);--bg-secondary: var(--bg-surface);--bg-tertiary: #f1f5f9;--bg-subtle: #e2e8f0;--bg-elevated: #ffffff;--bg-modal-overlay: var(--overlay-dim);--bg-topbar: rgba(255, 255, 255, .9);--bg-sidebar: #ffffff;--bg-table-header: #f8fafc;--border-subtle: #e2e8f0;--border-default: var(--border-color);--border-strong: #94a3b8;--border-focus: var(--accent-primary);--border-modal: var(--border-color);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-card: 0 4px 20px -5px rgba(0, 0, 0, .08);--text-muted: #64748b;--text-disabled: #94a3b8;--text-inverse: #ffffff;--accent-primary-hover: #0369a1;--accent-primary-subtle: #e0f2fe;--status-success-text: #15803d;--status-success-bg: #dcfce7;--status-success-border: #86efac;--status-warning-text: var(--accent-warning);--status-warning-bg: #fef3c7;--status-warning-border: #fde68a;--status-danger-text: #b91c1c;--status-danger-bg: #fee2e2;--status-danger-border: #fca5a5;--status-info-text: #0369a1;--status-info-bg: #e0f2fe;--status-info-border: #7dd3fc;--status-neutral-text: #334155;--status-neutral-bg: #f1f5f9;--status-neutral-border: #cbd5e1;--status-purple-text: #6b21a8;--status-purple-bg: #f3e8ff;--status-purple-border: #d8b4fe;--input-bg: #ffffff;--input-border: var(--border-color);--input-text: var(--text-primary);--input-placeholder: #94a3b8;--btn-primary-bg: #0f172a;--btn-primary-text: #ffffff;--btn-primary-hover: #1e293b;--btn-secondary-bg: #ffffff;--btn-secondary-text: #0f172a;--btn-secondary-border: var(--border-color);--btn-secondary-hover: #f8fafc;--bg-card: var(--bg-surface);--bg-card-hover: var(--bg-tertiary);--border-dim: var(--border-subtle);--border-bright: var(--border-color);--text-main: var(--text-primary);--accent-white: #0f172a;--accent-black: #ffffff;--topbar-bg: var(--bg-topbar);--sidebar-bg: var(--bg-sidebar);--table-th-bg: var(--bg-table-header);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Space Grotesk", monospace;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .2s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark],:root:not([data-theme=light]):not([data-theme]){color-scheme:dark;--bg-main: #09090b;--bg-surface: #121215;--bg-modal: #121215;--bg-card: #121215;--overlay-dim: rgba(0, 0, 0, .85);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--border-color: #27272a;--border-bright: #3f3f46;--border-dim: #27272a;--accent-primary: #38bdf8;--accent-warning: #facc15;--bg-primary: var(--bg-main);--bg-secondary: var(--bg-surface);--bg-tertiary: #18181b;--bg-subtle: #1c1c20;--bg-elevated: #222226;--bg-modal-overlay: var(--overlay-dim);--bg-topbar: rgba(9, 9, 11, .85);--bg-sidebar: #121215;--bg-table-header: #151518;--border-subtle: #27272a;--border-default: var(--border-color);--border-strong: #52525b;--border-focus: var(--accent-primary);--border-modal: var(--border-color);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .85);--shadow-card: 0 4px 20px -5px rgba(0, 0, 0, .5);--text-muted: #71717a;--text-disabled: #52525b;--text-inverse: #09090b;--accent-primary-hover: #0284c7;--accent-primary-subtle: rgba(56, 189, 248, .15);--status-success-text: #4ade80;--status-success-bg: rgba(34, 197, 94, .15);--status-success-border: rgba(34, 197, 94, .3);--status-warning-text: var(--accent-warning);--status-warning-bg: rgba(234, 179, 8, .15);--status-warning-border: rgba(234, 179, 8, .3);--status-danger-text: #f87171;--status-danger-bg: rgba(239, 68, 68, .15);--status-danger-border: rgba(239, 68, 68, .3);--status-info-text: #38bdf8;--status-info-bg: rgba(56, 189, 248, .15);--status-info-border: rgba(56, 189, 248, .3);--status-neutral-text: #e4e4e7;--status-neutral-bg: rgba(255, 255, 255, .08);--status-neutral-border: rgba(255, 255, 255, .15);--status-purple-text: #c084fc;--status-purple-bg: rgba(192, 132, 252, .15);--status-purple-border: rgba(192, 132, 252, .3);--input-bg: #18181b;--input-border: var(--border-color);--input-text: var(--text-primary);--input-placeholder: #71717a;--btn-primary-bg: #f4f4f5;--btn-primary-text: #09090b;--btn-primary-hover: #ffffff;--btn-secondary-bg: #18181b;--btn-secondary-text: #f4f4f5;--btn-secondary-border: var(--border-color);--btn-secondary-hover: #222226;--bg-card: var(--bg-surface);--bg-card-hover: var(--bg-tertiary);--border-dim: var(--border-subtle);--border-bright: var(--border-color);--text-main: var(--text-primary);--accent-white: #ffffff;--accent-black: #000000;--topbar-bg: var(--bg-topbar);--sidebar-bg: var(--bg-sidebar);--table-th-bg: var(--bg-table-header)}.modal-overlay,.dialog-overlay,.modal-backdrop,[data-modal-backdrop]{background-color:var(--overlay-dim)!important}.modal-container,.modal-content,.modal-card,.modal-dialog,[data-modal-container],[role=dialog]{background-color:var(--bg-modal)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}table{border-collapse:collapse;background-color:var(--bg-surface);color:var(--text-primary)}th{background-color:var(--table-th-bg, var(--bg-main));color:var(--text-secondary);border-bottom:1px solid var(--border-color)}td{background-color:var(--bg-surface);color:var(--text-primary);border-bottom:1px solid var(--border-color)}tr:hover td{background-color:var(--bg-tertiary)}*{box-sizing:border-box;margin:0;padding:0}select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:calc(100% - .75rem) center!important;background-size:13px 13px!important;padding-right:2.25rem!important;cursor:pointer}select,input:not([type=checkbox]):not([type=radio]),textarea{color-scheme:dark;background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--border-dim)}[data-theme=dark] select,:root:not([data-theme=light]) select{color-scheme:dark!important;background-color:#18181b;color:#f4f4f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}[data-theme=dark] select option,:root:not([data-theme=light]) select option{background-color:#1c1c20!important;color:#f4f4f5!important;padding:6px 10px}[data-theme=dark] select option:checked,:root:not([data-theme=light]) select option:checked{background-color:#27272a!important;color:#38bdf8!important}[data-theme=dark] select optgroup,:root:not([data-theme=light]) select optgroup{background-color:#121215!important;color:#a1a1aa!important}[data-theme=light] select,[data-theme=light] input:not([type=checkbox]):not([type=radio]),[data-theme=light] textarea{color-scheme:light!important;background-color:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#94a3b8!important}[data-theme=light] select option{background-color:#fff!important;color:#0f172a!important;padding:6px 10px}[data-theme=light] select option:checked{background-color:#e0f2fe!important;color:#0284c7!important}[data-theme=light] select optgroup{background-color:#f8fafc!important;color:#64748b!important}html,body,#root{height:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);height:100%;height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{background:transparent;color:inherit;border:none;font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.layout-wrapper{display:flex;height:100%;height:100dvh;width:100%;overflow:hidden;background-color:var(--bg-main)}.sidebar-container{background:var(--bg-card);border-right:1px solid var(--border-dim);display:flex;flex-direction:column;height:100%;min-height:100%;max-height:100%;height:100dvh;max-height:100dvh;z-index:40;flex-shrink:0;align-self:stretch;overflow:hidden;transition:width .25s cubic-bezier(.16,1,.3,1)}.sidebar-expanded{width:260px}.sidebar-collapsed{width:76px}@media (max-width: 768px){html,body,#root{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.layout-wrapper{height:100dvh!important;max-height:100dvh!important}.sidebar-container{width:68px!important;height:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;align-self:stretch!important}}.sidebar-nav{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-dim) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.topbar{height:64px;border-bottom:1px solid var(--border-dim);background:#09090bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;z-index:30}.page-container{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 1.5rem 3rem;max-width:1400px;width:100%;margin:0 auto;scrollbar-width:thin;scrollbar-color:var(--border-dim) transparent}@media (max-width: 640px){.page-container{padding:1rem .85rem 2.5rem}}@media (min-width: 768px){.page-container{padding:2rem 2.25rem 3.5rem}}.desktop-only-flex{display:flex!important}.mobile-only-block{display:none!important}@media (max-width: 900px){.desktop-only-flex{display:none!important}.mobile-only-block{display:block!important}}.dashboard-main-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.75rem}.dashboard-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.dashboard-main-grid{grid-template-columns:1fr!important;gap:1rem!important;margin-bottom:1.25rem!important}.dashboard-actions-grid{grid-template-columns:1fr!important;gap:.75rem!important}.dashboard-welcome-banner{padding:1.25rem!important;flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.dashboard-welcome-banner h1{font-size:1.35rem!important}.dashboard-welcome-banner .btn{width:100%!important;justify-content:center!important}}.page-header-bar{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.75rem}.filter-action-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-selectors-pair{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.page-header-bar{flex-direction:column!important;gap:1rem!important;margin-bottom:1.25rem!important}.filter-action-group{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:.65rem!important}.filter-selectors-pair{width:100%!important;display:flex!important}.filter-selectors-pair select{flex:1!important;width:50%!important}.btn-revision-action{width:100%!important;justify-content:center!important;padding:.65rem 1rem!important}}.roster-calendar-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);position:relative}.roster-weekday-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.6rem;text-align:center}.roster-matrix-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.roster-desktop-view{display:block}.roster-mobile-view{display:none}@media (max-width: 768px){.roster-calendar-wrapper{padding:.5rem .65rem!important;max-height:60vh!important;max-height:540px!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:smooth!important;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.roster-weekday-header,.roster-offset-cell{display:none!important}.roster-matrix-grid{grid-template-columns:1fr!important;gap:.35rem!important}.roster-desktop-view{display:none!important}.roster-mobile-view{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.roster-day-card{min-height:auto!important;padding:.45rem .65rem!important;border-radius:var(--radius-xs, 6px)!important}.roster-day-card.is-today-active{border:1.5px solid #38bdf8!important;background:#38bdf817!important;box-shadow:0 0 12px #38bdf840!important}}input,select,textarea{box-sizing:border-box!important;max-width:100%!important}.form-responsive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem}.form-field-wrapper{min-width:0;width:100%}.form-submit-wrapper{display:flex;justify-content:flex-end}.form-label-responsive,.form-field-wrapper label{display:block;font-size:.76rem;color:var(--text-secondary);margin-bottom:.35rem}@media (max-width: 768px){.form-responsive-grid{grid-template-columns:1fr!important;gap:1rem!important;margin-bottom:1rem!important}.form-label-responsive,.form-field-wrapper label{font-size:.7rem!important;margin-bottom:.25rem!important}.form-submit-wrapper{width:100%!important}.form-submit-wrapper .btn{width:100%!important;justify-content:center!important}}.table-desktop-view{display:block}.card-mobile-list-view{display:none}.table-responsive-desktop{display:block}.cards-responsive-tablet{display:none}@media (max-width: 1024px){.table-responsive-desktop{display:none!important}.cards-responsive-tablet{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:.85rem!important;padding:.85rem!important;max-height:60vh!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.cards-responsive-tablet::-webkit-scrollbar{width:6px}.cards-responsive-tablet::-webkit-scrollbar-track{background:var(--bg-card)}.cards-responsive-tablet::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.org-item-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.95rem 1rem;display:flex;flex-direction:column;gap:.6rem;transition:all .15s ease}.org-item-card:hover{border-color:var(--border-color)}.schedule-generator-grid{grid-template-columns:1fr!important}.schedule-calendar-matrix-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.schedule-calendar-matrix-content{min-width:580px!important}.salary-rates-grid{grid-template-columns:1fr!important}}@media (max-width: 600px){.cards-responsive-tablet{grid-template-columns:1fr!important}}@media (max-width: 768px){.table-desktop-view{display:none!important}.card-mobile-list-view{display:flex!important;flex-direction:column!important;gap:.75rem!important;padding:.85rem!important;max-height:52vh!important;max-height:480px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.mobile-history-card{background:var(--bg-subtle, #1c1c20);border:1px solid var(--border-bright, #3f3f46);border-radius:var(--radius-sm, 8px);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem;transition:var(--transition)}}.hide-on-mobile{display:inline-flex}.payslip-desktop-paper{display:block}.payslip-mobile-tables{display:none}@media (max-width: 768px){.hide-on-mobile,.payslip-desktop-paper{display:none!important}.payslip-mobile-tables{display:flex!important;flex-direction:column!important;gap:1rem!important}}.profile-hero-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.profile-hero-identity{display:flex;align-items:center;gap:1.5rem}.profile-hero-name-row{display:flex;align-items:center;gap:.65rem;margin-bottom:.35rem}.profile-hero-details-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:var(--text-secondary)}.profile-hero-detail-item{display:flex;align-items:center;gap:.35rem}.profile-detail-icon{width:15px;height:15px;flex-shrink:0}.profile-hero-actions-quota{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.profile-hero-container{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:1.25rem!important;padding:1.25rem 1rem!important}.profile-hero-identity{flex-direction:column!important;align-items:center!important;gap:.85rem!important;width:100%!important}.profile-hero-name-row{flex-direction:column!important;align-items:center!important;gap:.35rem!important;margin-bottom:.5rem!important}.profile-hero-details-row{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.75rem!important;font-size:.82rem!important;width:100%!important}.profile-hero-details-row .detail-bullet{display:none!important}.profile-hero-detail-item{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:.35rem!important;width:100%!important}.profile-detail-icon{width:20px!important;height:20px!important;color:var(--accent-white, #fafafa)!important;margin-bottom:.15rem!important}.profile-hero-actions-quota{flex-direction:column!important;width:100%!important;gap:.65rem!important}.profile-hero-actions-quota .btn-tour-action,.profile-hero-actions-quota .quota-box-card{width:100%!important;justify-content:center!important;box-sizing:border-box!important}.profile-hero-actions-quota .quota-box-card{justify-content:space-between!important;padding:.75rem 1.15rem!important;text-align:left!important}}.profile-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.card-header-responsive{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid var(--border-dim);padding-bottom:.85rem;gap:.75rem;flex-wrap:wrap}.feedback-responsive-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 768px){.profile-content-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.card-header-responsive{flex-direction:column!important;align-items:flex-start!important;gap:.4rem!important}.feedback-responsive-footer{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.feedback-responsive-footer .btn{width:100%!important;justify-content:center!important;order:1!important}.feedback-responsive-footer .feedback-security-note{text-align:center!important;order:2!important;font-size:.72rem!important}}.tax-dashboard-wrapper{height:100%;height:100dvh;max-height:100dvh;width:100%;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;background:var(--bg-main);color:var(--text-primary);box-sizing:border-box}.tax-dashboard-header{background:var(--bg-surface);border-bottom:1px solid var(--border-dim);padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:100}.tax-dashboard-main{max-width:1440px;margin:0 auto;padding:1.75rem 2rem;width:100%;box-sizing:border-box}.tax-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.tax-filter-toolbar{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;justify-content:space-between}@media (max-width: 768px){.tax-dashboard-header{padding:.6rem .85rem!important;gap:.5rem!important}.tax-dashboard-header .tax-brand-title{font-size:.82rem!important}.tax-dashboard-header .tax-brand-subtitle,.tax-dashboard-header .tax-user-info,.tax-dashboard-header .btn-back-label{display:none!important}.tax-dashboard-main{padding:1rem .85rem!important}.tax-kpi-grid{grid-template-columns:1fr!important;gap:.75rem!important}.tax-filter-toolbar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.tax-filter-toolbar form{width:100%!important}}.modal-overlay,.tax-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-modal-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:200}.modal-dialog,.modal-card{background:var(--bg-modal);border:1px solid var(--border-modal);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);color:var(--text-primary)}.tax-modal-body{padding:1.5rem}.tax-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .85rem}.login-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 10%,#1c1c24,#09090b 70%);padding:1.25rem;position:relative;box-sizing:border-box}.login-card-container{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.75rem 2.25rem;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:10;box-sizing:border-box}[data-theme=light] .login-page-wrapper{background:radial-gradient(circle at 50% 10%,#fff,#f1f5f9 60%,#e2e8f0)!important}[data-theme=light] .login-card-container{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 20px 40px -15px #0000001a!important}[data-theme=light] .login-logo-img{filter:invert(1) drop-shadow(0 2px 10px rgba(0,0,0,.08))!important}@media (max-width: 768px){.tax-modal-overlay{padding:.75rem .5rem!important}.tax-modal-body{padding:.85rem .75rem!important}.tax-modal-grid{grid-template-columns:1fr 1fr!important;gap:.5rem .65rem!important}.login-card-container{padding:2rem 1.25rem!important;border-radius:var(--radius-md)!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid transparent;text-decoration:none;font-family:inherit}.btn-primary{background-color:var(--accent-white);color:var(--accent-black)}.btn-primary:hover{background-color:#e4e4e7;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-dim)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-bright)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.card{background-color:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:1.5rem;transition:var(--transition)}.card:hover{border-color:var(--border-bright)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.badge-admin{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25)}.badge-manager{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.25)}.badge-supervisor{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.badge-employee{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.badge-user{background:#a1a1aa1f;color:#a1a1aa;border:1px solid rgba(161,161,170,.25)}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.48rem .75rem;border-radius:var(--radius-xs);color:var(--text-secondary);background:transparent;border:1px solid transparent;text-decoration:none;font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition);margin-bottom:.15rem;width:100%}.nav-item:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff14}.nav-item.active{color:var(--accent-white);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);font-weight:600;box-shadow:0 1px 3px #0003}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.table-container,.table-sticky-container{max-height:65vh;overflow-y:auto;overflow-x:auto;position:relative;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-dim);scrollbar-gutter:stable}.table-container::-webkit-scrollbar,.table-sticky-container::-webkit-scrollbar{width:6px;height:6px}.table-container::-webkit-scrollbar-track,.table-sticky-container::-webkit-scrollbar-track{background:var(--bg-card)}.table-container::-webkit-scrollbar-thumb,.table-sticky-container::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover,.table-sticky-container::-webkit-scrollbar-thumb:hover{background:#52525b}.table-container table,.table-sticky-container table{width:100%;border-collapse:separate;border-spacing:0;font-size:.84rem;text-align:left}.table-container thead th,.table-sticky-container thead th,th.sticky-th{position:sticky;top:0;z-index:10;background-color:var(--table-th-bg, #151518)!important;color:var(--text-muted);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-bright)!important;box-shadow:0 3px 6px -1px #00000059}.table-container tbody td,.table-sticky-container tbody td{padding:.85rem 1.25rem;border-bottom:1px solid var(--border-dim);background-color:transparent;color:var(--text-primary)}.table-container tbody tr:hover td,.table-sticky-container tbody tr:hover td{background-color:#ffffff05}th.sortable-th,.table-sticky-container thead th.sortable-th,.table-container thead th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease,background-color .15s ease}th.sortable-th:hover,.table-sticky-container thead th.sortable-th:hover,.table-container thead th.sortable-th:hover{color:var(--text-primary);background-color:var(--bg-card-hover, #1d1d22)!important}th.sortable-th:hover .sort-indicator-inactive{opacity:.75!important;color:var(--text-primary)}[data-theme=light] ::-webkit-scrollbar-track{background:#f8fafc}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] .card{background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000a!important}[data-theme=light] .card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000a!important}[data-theme=light] .topbar{background:#ffffffe0!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .sidebar-container{background:#fff!important;border-right:1px solid #e2e8f0!important}[data-theme=light] .nav-item{color:#475569!important}[data-theme=light] .nav-item:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#e2e8f0!important}[data-theme=light] .nav-item.active{color:#0f172a!important;background:#e2e8f0!important;border-color:#cbd5e1!important;font-weight:600!important;box-shadow:0 1px 2px #0000000d!important}[data-theme=light] .btn-primary{background-color:#0f172a!important;color:#fff!important;border-color:#0f172a!important}[data-theme=light] .btn-primary:hover{background-color:#1e293b!important;color:#fff!important;transform:translateY(-1px)}[data-theme=light] .btn-secondary{background-color:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}[data-theme=light] .btn-secondary:hover{background-color:#f8fafc!important;border-color:#94a3b8!important}[data-theme=light] .btn-ghost{color:#475569!important}[data-theme=light] .btn-ghost:hover{background-color:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .badge-admin{background:#0f172a!important;color:#fff!important;border:1px solid #0f172a!important}[data-theme=light] .badge-manager{background:#9333ea1f!important;color:#7e22ce!important;border:1px solid rgba(147,51,234,.3)!important}[data-theme=light] .badge-supervisor{background:#0284c71f!important;color:#0369a1!important;border:1px solid rgba(2,132,199,.3)!important}[data-theme=light] .badge-employee{background:#16a34a1f!important;color:#15803d!important;border:1px solid rgba(22,163,74,.3)!important}[data-theme=light] .badge-user{background:#e2e8f0!important;color:#475569!important;border:1px solid #cbd5e1!important}[data-theme=light] .table-container,[data-theme=light] .table-sticky-container{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 1px 3px #0000000d}[data-theme=light] .table-container thead th,[data-theme=light] .table-sticky-container thead th,[data-theme=light] th.sticky-th{background-color:#f8fafc!important;color:#475569!important;border-bottom:1px solid #cbd5e1!important;box-shadow:0 2px 4px -1px #0000000f!important}[data-theme=light] .table-container tbody td,[data-theme=light] .table-sticky-container tbody td{border-bottom:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .table-container tbody tr:hover td,[data-theme=light] .table-sticky-container tbody tr:hover td{background-color:#f8fafc!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#0f172a}[data-theme=light] span[style*="color: #4ade80"],[data-theme=light] span[style*="color:#4ade80"],[data-theme=light] div[style*="color: #4ade80"],[data-theme=light] div[style*="color:#4ade80"],[data-theme=light] strong[style*="color: #4ade80"],[data-theme=light] td[style*="color: #4ade80"]{color:var(--status-success-text)!important}[data-theme=light] span[style*="color: #f87171"],[data-theme=light] span[style*="color:#f87171"],[data-theme=light] div[style*="color: #f87171"],[data-theme=light] div[style*="color:#f87171"],[data-theme=light] strong[style*="color: #f87171"],[data-theme=light] td[style*="color: #f87171"]{color:var(--status-danger-text)!important}[data-theme=light] span[style*="color: #38bdf8"],[data-theme=light] span[style*="color:#38bdf8"],[data-theme=light] div[style*="color: #38bdf8"],[data-theme=light] div[style*="color:#38bdf8"],[data-theme=light] strong[style*="color: #38bdf8"],[data-theme=light] td[style*="color: #38bdf8"]{color:var(--status-info-text)!important}[data-theme=light] span[style*="color: #facc15"],[data-theme=light] span[style*="color:#facc15"],[data-theme=light] div[style*="color: #facc15"],[data-theme=light] div[style*="color:#facc15"],[data-theme=light] strong[style*="color: #facc15"],[data-theme=light] td[style*="color: #facc15"]{color:var(--status-warning-text)!important}[data-theme=light] span[style*="color: #c084fc"],[data-theme=light] span[style*="color:#c084fc"],[data-theme=light] div[style*="color: #c084fc"],[data-theme=light] div[style*="color:#c084fc"]{color:var(--status-purple-text)!important}[data-theme=light] span[style*="background: 'rgba(161, 161, 170, 0.12)'"],[data-theme=light] span[style*="background: rgba(161, 161, 170, 0.12)"],[data-theme=light] span[style*="color: #d4d4d8"],[data-theme=light] span[style*="color:#d4d4d8"],[data-theme=light] span[style*="color: #fafafa"],[data-theme=light] span[style*="color:#fafafa"],[data-theme=light] span[style*="background: rgba(255, 255, 255, 0.06)"],[data-theme=light] span[style*="background: 'rgba(255, 255, 255, 0.06)'"],[data-theme=light] span[style*="background: rgba(255, 255, 255, 0.04)"]{background-color:var(--status-neutral-bg)!important;color:var(--status-neutral-text)!important;border-color:var(--status-neutral-border)!important}[data-theme=light] span[style*="rgba(34, 197, 94, 0.12)"],[data-theme=light] div[style*="rgba(34, 197, 94, 0.12)"],[data-theme=light] span[style*="rgba(34, 197, 94, 0.1)"],[data-theme=light] div[style*="rgba(34, 197, 94, 0.1)"]{background-color:var(--status-success-bg)!important;color:var(--status-success-text)!important;border-color:var(--status-success-border)!important}[data-theme=light] span[style*="rgba(234, 179, 8, 0.12)"],[data-theme=light] div[style*="rgba(234, 179, 8, 0.12)"],[data-theme=light] span[style*="rgba(234, 179, 8, 0.1)"],[data-theme=light] div[style*="rgba(234, 179, 8, 0.1)"]{background-color:var(--status-warning-bg)!important;color:var(--status-warning-text)!important;border-color:var(--status-warning-border)!important}[data-theme=light] span[style*="rgba(239, 68, 68, 0.12)"],[data-theme=light] div[style*="rgba(239, 68, 68, 0.12)"],[data-theme=light] span[style*="rgba(239, 68, 68, 0.1)"],[data-theme=light] div[style*="rgba(239, 68, 68, 0.1)"]{background-color:var(--status-danger-bg)!important;color:var(--status-danger-text)!important;border-color:var(--status-danger-border)!important}[data-theme=light] span[style*="rgba(56, 189, 248, 0.12)"],[data-theme=light] div[style*="rgba(56, 189, 248, 0.12)"],[data-theme=light] span[style*="rgba(56, 189, 248, 0.1)"]{background-color:var(--status-info-bg)!important;color:var(--status-info-text)!important;border-color:var(--status-info-border)!important}[data-theme=light] span[style*="rgba(192, 132, 252, 0.12)"],[data-theme=light] div[style*="rgba(192, 132, 252, 0.12)"]{background-color:var(--status-purple-bg)!important;color:var(--status-purple-text)!important;border-color:var(--status-purple-border)!important}[data-theme=light] div[style*="background: rgba(0, 0, 0, 0.4)"],[data-theme=light] div[style*="background:rgba(0, 0, 0, 0.4)"]{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-subtle)!important}[data-theme=light] div[style*="radial-gradient(ellipse at top left, rgba(255, 255, 255, 0.06) 0%, #111114 80%)"]{background:linear-gradient(135deg,#fff,#f1f5f9)!important;border-color:var(--accent-primary)!important;box-shadow:0 4px 12px #0284c71f!important}[data-theme=light] span[style*="color: var(--accent-black)"][style*="background: var(--accent-white)"]{background-color:var(--accent-primary)!important;color:#fff!important}[data-theme=light] img[src*="ui-avatars.com"]{filter:contrast(.9) brightness(1.2)}[data-theme=light] div[style*="background: #121214"],[data-theme=light] div[style*="background: #121215"],[data-theme=light] div[style*="background: '#121214'"],[data-theme=light] div[style*="background: '#121215'"],[data-theme=light] aside[style*="background: #121214"],[data-theme=light] aside[style*="background: #121215"]{background:var(--bg-secondary)!important}[data-theme=light] div[style*="background: #09090b"],[data-theme=light] div[style*="background: '#09090b'"],[data-theme=light] section[style*="background: #09090b"]{background:var(--bg-secondary)!important}[data-theme=light] div[style*="position: fixed"][style*="background: rgba(0, 0, 0"],[data-theme=light] div[style*="position:fixed"][style*="background: rgba(0, 0, 0"],[data-theme=light] div[style*="position: fixed"][style*="background:rgba(0, 0, 0"]{background:var(--bg-modal-overlay)!important}[data-theme=light] div[style*="position: fixed"]>div,[data-theme=light] div[style*="position:fixed"]>div{background-color:var(--bg-modal)!important;border-color:var(--border-modal)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-modal)!important}[data-theme=light] div[style*="position: fixed"] .card,[data-theme=light] div[style*="position:fixed"] .card{background-color:var(--bg-modal)!important;border-color:var(--border-modal)!important;box-shadow:var(--shadow-modal)!important}[data-theme=light] div[style*="position: fixed"] div[style*="background: var(--bg-subtle)"],[data-theme=light] div[style*="position: fixed"] div[style*="background:var(--bg-subtle)"],[data-theme=light] div[style*="position: fixed"] div[style*="background: #09090b"],[data-theme=light] div[style*="position: fixed"] div[style*="background: #18181b"],[data-theme=light] div[style*="position: fixed"] div[style*="background: rgba(255, 255, 255, 0.02)"],[data-theme=light] div[style*="position: fixed"] div[style*="background: rgba(255, 255, 255, 0.04)"]{background-color:var(--bg-tertiary)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}[data-theme=light] div[style*="position: fixed"] select,[data-theme=light] div[style*="position: fixed"] input:not([type=checkbox]):not([type=radio]),[data-theme=light] div[style*="position: fixed"] textarea{background-color:var(--input-bg)!important;color:var(--input-text)!important;border-color:var(--input-border)!important}[data-theme=light] div[style*="background: #18181b"],[data-theme=light] div[style*="background: '#18181b'"],[data-theme=light] div[style*="background: #1c1c20"],[data-theme=light] div[style*="background: '#1c1c20'"]{background:var(--bg-tertiary)!important}@media print{html,body{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}#root,#root>div{display:block!important;height:auto!important;min-height:0!important;max-height:none!important}#root *{overflow:visible!important;max-height:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.payslip-modal-overlay,.payslip-printable-card,.my-payslip-print-container{height:auto!important;transform:none!important;animation:none!important}}@media print{#root *:not(:has(:is(.payslip-modal-overlay,.my-payslip-print-container))):not(:is(.payslip-modal-overlay,.my-payslip-print-container)):not(:is(.payslip-modal-overlay,.my-payslip-print-container) *){display:none!important}.payslip-modal-overlay,.my-payslip-print-container{position:static!important;display:block!important;visibility:visible!important;width:100%!important}}