*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.table{display:table}.hidden{display:none}.grow{flex-grow:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--nav:#102f3f;--nav2:#174557;--sidebar-base:#102f3f;--sidebar-base-text:#fff;--sidebar-accent:#174557;--sidebar-accent-text:#fff;--app-accent:#174557;--app-accent-text:#fff;--gold:#c98b32;--ink:#18313e;--muted:#667b86;--line:#d9e2e6;--canvas:#f4f6f5;--surface:#fff;--danger:#b53a36;--warn:#976415}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}.sidebar{background:var(--sidebar-base);height:100vh;color:var(--sidebar-base-text);flex-direction:column;display:flex;position:sticky;top:0}.sidebar .sidebar-toggle{z-index:2;border:1px solid var(--sidebar-base);background:var(--surface);width:29px;height:29px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:31px;right:-14px;box-shadow:0 4px 12px #102f3f38}.sidebar .sidebar-toggle:hover,.sidebar .sidebar-toggle:focus-visible{border-color:var(--sidebar-base);background:var(--sidebar-accent);color:var(--sidebar-accent-text);outline:none}.brand{border-bottom:1px solid color-mix(in srgb,var(--sidebar-base-text) 14%,transparent);align-items:center;gap:12px;min-height:88px;padding:20px;display:flex}.brand-logo,.brand-mark{background:var(--gold);color:#102b38;border-radius:11px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:17px;font-weight:900;line-height:1;display:grid;overflow:hidden}.brand strong,.brand small{display:block}.brand small{color:inherit;opacity:.72;margin-top:2px;font-size:12px}.sidebar nav{gap:5px;padding:18px 12px;display:grid}.sidebar nav a{color:var(--sidebar-base-text);opacity:.82;border-radius:8px;align-items:center;gap:11px;padding:11px 12px;font-size:14px;display:flex}.sidebar nav a:hover,.sidebar nav a.active{background:var(--sidebar-accent);color:var(--sidebar-accent-text);opacity:1}.sidebar-foot{border-top:1px solid color-mix(in srgb,var(--sidebar-base-text) 14%,transparent);gap:12px;margin-top:auto;padding:16px;display:grid}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot small{color:inherit;opacity:.72;margin-top:3px;font-size:11px}@media (min-width:761px){.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.shell.sidebar-collapsed .brand{justify-content:center;padding-inline:12px}.shell.sidebar-collapsed .brand-logo{border-radius:10px;flex-basis:38px;width:38px;height:38px;font-size:15px}.shell.sidebar-collapsed .sidebar-toggle{top:73px}.shell.sidebar-collapsed .brand-copy,.shell.sidebar-collapsed .nav-label,.shell.sidebar-collapsed .user-copy,.shell.sidebar-collapsed .logout-label{display:none}.shell.sidebar-collapsed .sidebar nav{padding-inline:10px}.shell.sidebar-collapsed .sidebar nav a{justify-content:center;gap:0;padding-inline:0}.shell.sidebar-collapsed .sidebar-foot{justify-items:center;padding-inline:10px}.shell.sidebar-collapsed .sidebar-foot .button{width:42px;min-width:42px;padding-inline:0}}main{min-width:0}.mobile-bar,.mobile-only{display:none}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.page{width:min(1680px,100%);margin:auto;padding:28px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-header h1{letter-spacing:-.03em;margin:5px 0 0;font-size:29px}.eyebrow{color:var(--app-accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.muted{color:var(--muted)}.subtitle{color:var(--muted);margin:6px 0 0;font-size:14px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat,.panel{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 3px 14px #1734410b}.stat{padding:17px}.stat span{color:var(--muted);letter-spacing:.055em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.stat strong{margin-top:8px;font-size:25px;display:block}.stat small{color:var(--muted);margin-top:4px;display:block}.panel{padding:18px}.panel+.panel{margin-top:16px}.panel h2{margin:0 0 14px;font-size:17px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.button{background:var(--app-accent);min-height:39px;color:var(--app-accent-text);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:750;display:inline-flex}.button:hover{filter:brightness(.95)}.button.secondary,.button.ghost{border-color:var(--line);color:var(--ink);background:#fff}.sidebar .button.ghost{border-color:color-mix(in srgb,var(--sidebar-base-text) 20%,transparent);background:color-mix(in srgb,var(--sidebar-base-text) 6%,transparent);color:var(--sidebar-base-text)}.button.danger{background:var(--danger);color:#fff}.button:disabled{cursor:not-allowed;opacity:.55}.icon-button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.toolbar{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:14px;display:flex}.toolbar .grow{flex:250px}.field,label{color:var(--muted);gap:5px;font-size:12px;font-weight:650;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:39px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--app-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 14%,transparent)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger);background:#fff8f7;box-shadow:0 0 0 3px #b83b3218}textarea{resize:vertical;min-height:120px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.span-2{grid-column:span 2}.span-3{grid-column:1/-1}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:11px 12px}th{color:#536874;letter-spacing:.055em;text-transform:uppercase;background:#edf2f3;font-size:10px}tbody tr:hover{background:#f8faf9}.numeric{text-align:right;font-variant-numeric:tabular-nums}.employee-cell{align-items:center;gap:10px;display:flex}.avatar{color:#12665f;background:#dceae8;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.badge{color:#55666f;text-transform:capitalize;background:#e7ecee;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge.active,.badge.complete,.badge.finalized,.badge.paid{color:#116346;background:#dff1e9}.badge.incomplete,.badge.attendance_review,.badge.rejected{color:#9b352d;background:#fce5df}.badge.draft,.badge.awaiting_approval,.badge.staged{color:#7d5510;background:#fff0ce}.alert{border-radius:8px;margin:12px 0;padding:10px 12px;font-size:13px}.alert.error{color:#9b302b;background:#fff0ee;border:1px solid #f0c2bd}.alert.success{color:#136249;background:#ecf8f3;border:1px solid #b7ddcf}.alert.warning{color:#735013;background:#fff7df;border:1px solid #ecd69b}.validation-summary{z-index:2;margin:0 0 18px;position:sticky;top:-22px;box-shadow:0 5px 16px #7a21181c}.validation-summary strong{margin-bottom:5px;display:block}.validation-summary ul{margin:0;padding-left:18px}.validation-summary button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:2px 0;text-decoration:underline}.validation-summary button span{font-weight:800}.empty{color:var(--muted);text-align:center;padding:36px}.actions{flex-wrap:wrap;gap:8px;display:flex}.progress-list{gap:10px;display:grid}.progress-row{grid-template-columns:minmax(140px,1fr) 3fr auto;align-items:center;gap:12px;display:grid}.track{background:#e7edef;border-radius:99px;height:8px;overflow:hidden}.track span{background:var(--app-accent);height:100%;display:block}.kv{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.kv div{background:#fff;padding:12px}.kv small,.kv strong{display:block}.kv small{color:var(--muted);margin-bottom:4px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 12px;font-weight:700}.tabs button.active{border-color:var(--app-accent);color:var(--app-accent)}.error-code{color:inherit;letter-spacing:.035em;margin-top:6px;font-size:11px;display:block}.toast-region{z-index:200;pointer-events:none;gap:10px;width:min(390px,100vw - 28px);display:grid;position:fixed;top:18px;right:18px}.toast{border:1px solid var(--line);color:var(--ink);pointer-events:auto;background:#fff;border-left-width:4px;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;padding:13px 12px;animation:.18s ease-out toast-in;display:grid;overflow:hidden;box-shadow:0 14px 40px #0d2a3860}.toast-success{border-left-color:#16805d}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:#bd7d17}.toast-info{border-left-color:#247795}.toast-success .toast-icon{color:#16805d}.toast-error .toast-icon{color:var(--danger)}.toast-warning .toast-icon{color:#a66b0d}.toast-info .toast-icon{color:#247795}.toast-copy{gap:3px;line-height:1.35;display:grid}.toast-copy strong{font-size:13px}.toast-copy span{color:#536874;font-size:13px}.toast-copy small{color:#6c7d86;letter-spacing:.035em;margin-top:2px;font-size:10px;font-weight:750}.toast-close{color:#71838d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:3px;display:grid}.toast-close:hover{color:var(--ink);background:#eef3f4}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.modal{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071c28bf;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.modal-card{background:#fff;border-radius:15px;width:min(980px,96vw);max-height:92vh;padding:22px;overflow:auto;box-shadow:0 30px 90px #0006}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-head h2{margin:4px 0 0}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.check{border:1px solid var(--line);color:var(--ink);text-transform:capitalize;border-radius:7px;align-items:center;gap:8px;padding:8px;display:flex}.check input{width:16px;min-height:16px}.compact-modal{width:min(620px,96vw)}.config-list{border-top:1px solid var(--line);gap:7px;margin-top:16px;padding-top:12px;display:grid}.config-row{background:#f3f6f6;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;display:flex}.config-row span,.config-row strong,.config-row small{display:block}.config-row small{color:var(--muted);margin-top:2px;font-size:11px}.config-row .button{min-height:31px;padding:5px 9px}.danger-panel{background:#fff8f7;border-color:#e4aaa6;justify-content:space-between;align-items:center;gap:24px;display:flex}.danger-panel h2{color:#8f2d29}.danger-panel .subtitle{max-width:820px}.error-count-button{color:var(--danger);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:2px;padding:5px 7px;display:grid}.error-count-button:hover{background:#fff0ee}.error-count-button strong{font-size:14px}.error-count-button small{color:var(--danger);font-size:11px;text-decoration:underline}.import-errors-table{max-height:55vh}.import-errors-table td{vertical-align:top}.import-errors-table .error-message{white-space:normal;min-width:360px;line-height:1.45}.error-count-button.exception{color:#8a5b09}.error-count-button.exception:hover{background:#fff7df}.error-count-button.exception small{color:#8a5b09}.attendance-resolution-callout{justify-content:space-between;align-items:center;gap:14px;display:flex}.attendance-resolution-callout .button{flex:none}.attendance-resolution-table{max-height:48vh}.attendance-resolution-table td{vertical-align:top}.attendance-resolution-table .actions{min-width:280px}.ignored-employee-list{border-top:1px solid var(--line);gap:7px;margin-top:18px;padding-top:14px;display:grid}.ignored-employee-list h3{margin:0 0 2px;font-size:14px}input[readonly]{color:#536874;cursor:not-allowed;background:#f1f4f5}.run-issue-button{color:var(--danger);cursor:pointer;background:0 0;border:0;margin-top:5px;padding:0;font-size:11px;font-weight:750;text-decoration:underline;display:block}.partial-label{color:var(--danger);text-align:inherit;margin-top:3px;font-size:10px;font-weight:750;display:block}.badge.attendance,.badge.compensation,.badge.calculation,.badge.eligibility{color:#9b352d;background:#fce5df}.selection-column{text-align:center;width:42px;padding-inline:11px}.selection-column input{width:17px;min-height:17px;margin:0}.selected-row{background:#f1edff}.selection-bar{border:1px solid color-mix(in srgb,var(--app-accent) 28%,var(--line));background:color-mix(in srgb,var(--app-accent) 7%,white);border-radius:9px;align-items:center;gap:12px;margin:-4px 0 14px;padding:9px 11px;font-size:12px;display:flex}.selection-bar span{color:var(--muted);flex:1}.bulk-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bulk-field{border:1px solid var(--line);background:#fafbfb;border-radius:9px;padding:10px}.bulk-field>span{color:var(--ink);text-transform:capitalize;align-items:center;gap:8px;display:flex}.bulk-field>span input{width:16px;min-height:16px;margin:0}.bulk-field>input,.bulk-field>select{margin-top:4px}.wide-modal{width:min(1520px,98vw)}.attendance-filter-bar{border:1px solid var(--line);background:#f8faf9;border-radius:9px;padding:11px}.attendance-filter-bar>label:not(.grow){min-width:150px}.staged-preview-table{max-height:55vh}.staged-preview-table td{vertical-align:top}.staged-preview-table .preview-reason{white-space:normal;min-width:240px;max-width:360px}.table-group-row td{z-index:1;color:#344e5b;letter-spacing:.035em;text-transform:capitalize;background:#e2e9ec;padding-block:7px;font-size:11px;font-weight:800;position:sticky;top:0}.document-viewer-modal{width:min(1120px,96vw)}.document-viewer-body{border:1px solid var(--line);background:#eef2f3;border-radius:10px;place-items:center;min-height:58vh;display:grid;overflow:auto}.document-viewer-body iframe{background:#fff;border:0;width:100%;min-height:68vh}.document-viewer-body img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:68vh;display:block}.document-viewer-body .empty{align-items:center;gap:10px;display:flex}.page-size-control{white-space:nowrap;grid-template-columns:auto 76px;align-items:center}.page-size-control select{min-height:39px}.pagination-summary{text-align:right;white-space:nowrap;align-items:center;min-width:100px;min-height:39px;display:flex}.pagination{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-controls label{color:var(--muted);white-space:nowrap;flex-direction:row;grid-template-columns:none;align-items:center;gap:7px;display:flex}.pagination-controls select{width:auto;min-width:62px}.login{background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--app-accent) 48%,var(--sidebar-base)),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--sidebar-base) 86%,white),var(--sidebar-base));place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:16px;gap:15px;width:min(430px,100%);padding:32px;display:grid;box-shadow:0 28px 90px #00000045}.login-card h1{margin:0}.login-card .muted{margin:-8px 0 4px;line-height:1.5}.login-card .brand-mark{margin-bottom:8px}.avatar img{border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media print{.sidebar,.mobile-bar,.page-header .actions,.toolbar,.button{display:none!important}.shell{display:block}.page{padding:0}.panel,.table-wrap{box-shadow:none;border:0}}@media (max-width:1050px){.stats,.form-grid{grid-template-columns:repeat(2,1fr)}.span-3{grid-column:1/-1}}@media (max-width:760px){.shell{display:block}.sidebar{z-index:50;width:260px;transition:all .2s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}.sidebar .sidebar-toggle{display:none}.mobile-bar{z-index:30;background:var(--sidebar-base);color:var(--sidebar-base-text);justify-content:space-between;align-items:center;padding:12px 15px;display:flex;position:sticky;top:0}.mobile-only{margin-left:auto;display:grid}.page{padding:18px 13px}.page-header,.danger-panel,.pagination,.attendance-resolution-callout,.selection-bar{flex-direction:column;align-items:flex-start}.stats,.grid-2,.grid-3,.form-grid,.check-grid,.bulk-field-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.kv{grid-template-columns:1fr}.pagination-summary{text-align:left}.pagination-controls{flex-wrap:wrap;width:100%}.attendance-resolution-table .actions{min-width:220px}.toast-region{width:calc(100vw - 20px);top:10px;right:10px}}