:root{--navy:#142d4e;--navy-light:#1c466b;--green:#16835d;--bg:#dce3e7;--ivory:#fffef7;--alternate:#f2f5ec;--selected:#d7eadb;--border:#9caebc;--ink:#14283f;--muted:#526477;--raised:inset 1px 1px 0 #fff,inset -1px -1px 0 #9eafbc,2px 2px 0 #142d4e20;--recessed:inset 1px 1px 2px #142d4e24,inset -1px -1px 0 #fff;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:13px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit;border-radius:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,tr:focus-visible{outline:2px solid #156eac;outline-offset:2px}button:active{transform:translate(1px,1px)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}.app-shell{display:flex;min-height:100vh;border:1px solid #8c9ca9}.sidebar{width:222px;flex-shrink:0;background:linear-gradient(105deg,#e8edf0,#d1dbe2);border-right:1px solid #8399ab;box-shadow:inset 1px 0 #fff,3px 0 5px #142d4e15;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:5}.brand{min-height:97px;background:linear-gradient(115deg,#1b456a,#102d4e);color:white;padding:20px 14px 17px;border-bottom:3px solid #16835d;box-shadow:inset 0 1px #ffffff30;display:flex;gap:10px;align-items:flex-start}.brand-mark{border:1px solid #ffffff45;padding:7px;box-shadow:inset 1px 1px #ffffff20;background:#ffffff09}.brand-mark .icon{width:23px;height:23px}.brand h1{font-size:17px;line-height:1.25;letter-spacing:-.45px}.brand p{font-size:11px;color:#e0eaf2;margin-top:7px;white-space:nowrap}.sidebar nav{padding:12px 7px}.nav-button{display:flex;align-items:center;gap:13px;min-height:48px;margin-bottom:3px;padding:11px 12px;color:var(--navy);text-decoration:none;font-size:13px;border:1px solid transparent;position:relative}.nav-button .icon{width:21px;height:21px}.nav-button:hover{background:#d2dfdf;border-color:#b1c2ca;box-shadow:inset 1px 1px #ffffff70}.nav-button.active{background:linear-gradient(#16936b,#077851);border:1px solid #086347;color:#fff;font-weight:600;box-shadow:inset 1px 1px #ffffff55,inset -1px -2px #07553c,1px 2px 2px #142d4e20}.nav-indicator{width:5px;height:5px;background:#c6f3df;margin-left:auto}.sidebar-bottom{margin:auto 13px 0;padding:14px 1px;border-top:1px solid #a9bac5;color:#506276;font-size:11px;display:flex;align-items:center;gap:7px}.version{margin-left:auto;font-size:10px}.connection-dot,.small-dot,.status-dot{width:6px;height:6px;background:var(--green);display:inline-block;box-shadow:0 0 0 2px #16835d15}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:49px;display:flex;align-items:stretch;background:linear-gradient(#edf1f4,#ced9e0);border-bottom:1px solid #8b9fac;box-shadow:inset 0 1px #fff,0 2px 2px #142d4e12;flex-shrink:0}.command-field{display:flex;align-items:center;gap:7px;padding:0 13px;border-right:1px solid #aebec9;box-shadow:1px 0 #ffffff70;white-space:nowrap;font-size:11px}.command-field>.icon{width:19px;height:19px}.command-field>span{color:#475e72}.command-field select{background:transparent;border:0;box-shadow:none;color:var(--navy);font-weight:600;font-size:11px;padding:5px 15px 5px 0;max-width:184px}.command-field.company{flex:1}.command-field.user{margin-left:auto;border-right:0;padding-right:16px}.command-field.user>span{color:var(--navy);font-weight:600}.command-field .simulation{border:1px solid #aab9c6;padding:2px 4px;font-size:9px;color:#526477!important;font-weight:400!important;background:#f5f7f7}.workspace{padding:8px 9px 18px;flex:1;min-width:0}.page-title{min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:linear-gradient(#194367,#102f50);color:white;border:1px solid #0e2b48;box-shadow:inset 1px 1px #ffffff25,0 2px 2px #142d4e25;margin-bottom:8px}.page-title h2{font-size:21px;letter-spacing:-.25px;line-height:1.15}.title-meta{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.65px;color:#d1dfeb}.title-meta .small-dot{background:#50c79a;box-shadow:none}.revision{margin-left:8px;border-left:1px solid #60778d;padding-left:12px;color:#b7ccdd}.totals-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 1px 8px}.metric{background:linear-gradient(110deg,#fffef9,#f4f5f0);border:1px solid #8fa4b4;box-shadow:var(--raised);padding:12px 16px 11px;display:flex;justify-content:space-between;align-items:center;min-height:79px}.metric-label{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.metric strong{display:block;color:#076a52;font-size:23px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.metric-icon{color:#688779;background:#edf2ec;border:1px solid #c6d5cb;box-shadow:inset 1px 1px #fff;padding:8px;opacity:.8}.metric-icon .icon{width:23px;height:23px}.metric.net{background:linear-gradient(110deg,#f5fbf5,#e4f0e8);border-color:#84a897}.metric.net .metric-icon{color:#087858;background:#d9eae0;border-color:#a5c6b5}.workflow{display:flex;margin:0 1px 8px;padding:0;border:1px solid #91a6b6;background:#cbd5dc;box-shadow:var(--recessed);overflow:hidden;height:41px}.step{display:flex;align-items:center;justify-content:center;gap:11px;flex:1;background:linear-gradient(#e0e7eb,#c6d1d9);border-right:1px solid #8fa3b2;box-shadow:inset 0 1px #ffffffbd;position:relative;font-size:12px;font-weight:500;padding:4px 12px}.step:not(:last-child):after{content:'';position:absolute;right:-9px;top:6px;width:26px;height:26px;transform:rotate(45deg);background:linear-gradient(135deg,#e0e7eb,#c6d1d9);border-top:1px solid #91a6b6;border-right:1px solid #91a6b6;box-shadow:2px -2px #e8edf0;z-index:2}.step.current{background:linear-gradient(#19976e,#07855c);color:#fff;border-color:#149d73}.step.current:after{background:linear-gradient(135deg,#19976e,#07855c);border-color:#1a9a73}.step-number{background:#43596b;color:white;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700;box-shadow:inset 0 1px #ffffff40}.step.current .step-number{background:#f6fff9;color:#097858}.command-panel{display:flex;gap:7px;padding:7px;background:linear-gradient(#f1f5f6,#d8e1e6);border:1px solid #a3b6c4;box-shadow:var(--raised);margin-bottom:9px}.btn,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:38px;border:1px solid #8297a8;box-shadow:var(--raised);color:var(--navy);background:linear-gradient(#fff,#d3dee5);padding:8px 14px;font-size:12px;font-weight:600}.command-panel .btn{flex:1;white-space:nowrap}.command-panel .btn .icon{width:21px;height:21px}.btn:hover,.icon-button:hover{border-color:#4e7f70;background:linear-gradient(#fff,#d6e9df)}.btn:active,.icon-button:active{box-shadow:var(--recessed)}.btn.primary{background:linear-gradient(#1b9b73,#087b54);color:#fff;border:1px solid #08754f;box-shadow:inset 1px 1px #ffffff66,inset -1px -1px #07513b,2px 2px #142d4e18}.btn.primary:hover{background:linear-gradient(#21a57d,#076f4c)}.panel{border:1px solid #8fa5b6;box-shadow:var(--raised);background:linear-gradient(115deg,#fffefb,#f2f5f5);min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:33px;background:linear-gradient(#1b466c,#113657);color:#fff;padding:6px 12px;border-bottom:1px solid #0c2946;box-shadow:inset 1px 1px #ffffff25}.section-head h3{font-size:13px;font-weight:600;line-height:1.3}.section-head>span{font-size:9px;letter-spacing:.7px;color:#cbdae6;white-space:nowrap}.section-head>.icon{width:16px;height:16px;color:#aac2d4}.head-divider{padding:0 10px;color:#7a9cb7}.table-toolbar{display:flex;align-items:center;gap:8px;background:linear-gradient(#f0f4f4,#e2e9ec);padding:7px 9px;border-bottom:1px solid #a8bac5;box-shadow:inset 0 1px #fff}.search-field{position:relative;display:flex;align-items:center;width:218px}.search-field>.icon{position:absolute;left:9px;width:14px;height:14px;color:#648094}input,select{min-height:29px;padding:5px 9px;background:#fffefb;border:1px solid #91a6b5;box-shadow:var(--recessed);color:var(--ink);font-size:11px}.search-field input{width:100%;padding-left:29px}input::placeholder{color:#637589}select{padding-right:23px;min-width:145px}select:focus,input:focus{background-color:#f4fbf4}.toolbar-spacer{flex:1}.status-tag{display:inline-flex;align-items:center;font-size:9px;padding:3px 6px;border:1px solid #b4c6b8;background:#eaf2e9;color:#44664d;white-space:nowrap;box-shadow:inset 0 1px #fff}.icon-button{min-height:28px;width:30px;padding:5px;gap:0}.icon-button .icon{width:15px;height:15px}.table-wrap{overflow:auto;background:var(--ivory);box-shadow:var(--recessed);max-height:365px;position:relative}table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}th{background:linear-gradient(#1d4c72,#163b5b);color:#fff;font-size:10px;text-align:left;font-weight:600;padding:10px 10px;border-right:1px solid #8099ac;border-bottom:1px solid #7492a9;white-space:nowrap;position:sticky;top:0;z-index:2;height:37px}th small{font-size:9px;font-weight:400;white-space:nowrap}td{padding:8px 10px;border-right:1px solid #ccd8d2;border-bottom:1px solid #d6ddd6;height:33px;white-space:nowrap;background:var(--ivory)}tbody tr:nth-child(even) td{background:var(--alternate)}tbody tr:hover td{background:#e3eee1}tbody tr.selected td{background:var(--selected)}.num{text-align:right;font-variant-numeric:tabular-nums;font-family:Consolas,'Courier New',monospace;letter-spacing:-.25px}th.num{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:0}.employee-code{font-family:Consolas,'Courier New',monospace;font-size:11px}.employee-name{font-weight:500}.payroll-table th:first-child,.payroll-table td:first-child{min-width:38px;width:38px;text-align:center;position:sticky;left:0;z-index:1}.payroll-table th:nth-child(2),.payroll-table td:nth-child(2){min-width:88px;position:sticky;left:38px;z-index:1;box-shadow:2px 0 #9caebc55}.payroll-table th:first-child,.payroll-table th:nth-child(2){z-index:3}.payroll-table tbody tr{cursor:pointer}.payroll-table .net-cell{font-weight:600;color:#145b45}.payroll-table tfoot td{background:linear-gradient(#16956f,#087b56);color:white;font-weight:700;font-size:12px;border-right:1px solid #87b6a2;border-bottom:1px solid #075a40;border-top:1px solid #5db497;height:35px;padding:9px 10px;box-shadow:inset 0 1px #ffffff25}.payroll-table tfoot td:first-child{position:static;text-align:left;min-width:0}.register-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:10px;color:#51697a;background:linear-gradient(#f0f4f2,#e2eae8);box-shadow:inset 0 1px #fff}.register-footer>span:last-child{display:flex;align-items:center;gap:5px}.selection-dot{height:5px;width:5px;display:inline-block;background:var(--green)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.employee-details{display:grid;grid-template-columns:1fr 1fr;padding:16px 15px 17px;gap:15px}.employee-details dl{margin:0;min-width:0}.employee-details dl+dl{border-left:1px solid #d0dae1;padding-left:17px}.employee-details dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:7px;padding:8px 0;font-size:11px}.employee-details dt{color:#536779}.employee-details dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.employee-details dl:first-child>div:nth-child(2) dd{font-weight:600}.active-status{color:#08754e;font-weight:600;display:inline-flex;gap:5px;align-items:center}.active-status>span{height:5px;width:5px;background:#16835d;display:inline-block}.employee-panel-footer{padding:8px 14px;border-top:1px solid #d0dadc;background:#eaf0ef;font-size:10px;color:#5f7481;display:flex;align-items:center;gap:6px;box-shadow:inset 0 1px #fff}.employee-panel-footer .icon{width:13px;height:13px}.employee-panel-footer .status-tag{margin-left:auto;font-size:9px;padding:1px 5px}.calculation-table{font-size:11px}.calculation-table th{background:linear-gradient(#e3eaf0,#d2dde5);color:var(--navy);padding:5px 14px;height:24px;border-right-color:#b6c5cf;border-bottom-color:#aabcc9;font-size:10px}.calculation-table td{padding:4px 14px;height:23px}.calculation-table td:nth-child(2){width:33%}.calculation-table .subtotal td{background:#d2e9d7;font-weight:600;color:#164b3e}.calculation-table .grand-total td{background:linear-gradient(#16956f,#087b56);color:white;font-weight:700;font-size:12px;height:29px;border-color:#7faf98;box-shadow:inset 0 1px #ffffff40}.calculation-table .basis td{font-size:10px;color:#607584}.section-head h3 span{font-weight:400;font-size:11px;color:#d9e5ee}.statusbar{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:35px;border-top:1px solid #93a7b6;background:linear-gradient(#e6edf1,#cdd8e0);box-shadow:inset 0 1px #fff;padding:6px 13px;font-size:10px;color:#354e63}.statusbar>div{display:flex;gap:10px;align-items:center}.statusbar i{width:1px;height:13px;background:#9eafbc}.statusbar .status-dot{background:#758692;box-shadow:none}.shortcuts{gap:18px!important}.shortcuts>span{white-space:nowrap}kbd{font:600 10px 'Segoe UI',sans-serif;color:var(--navy);margin-right:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px}.settings-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px}.settings-grid input{height:34px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#567080}.empty-state .icon{width:40px;height:40px}.header-action{border:1px solid #8da6b8;display:flex;align-items:center;gap:5px;background:#dfe8ee;color:var(--navy);padding:3px 7px;font-size:10px;box-shadow:inset 1px 1px white}.header-action .icon{width:13px;height:13px}#empty-results{padding:25px;text-align:center;color:#526477}dialog{padding:0;border:2px solid var(--navy);min-width:340px;max-width:calc(100vw - 32px);background:#edf1f3;box-shadow:inset 1px 1px white,7px 7px #142d4e50,15px 20px 40px #081a3333;color:var(--ink)}dialog::backdrop{background:#142d4e50}.dialog-head{background:linear-gradient(#1b466c,#113657);padding:9px 12px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:2px solid var(--green)}.dialog-head h3{font-size:13px}.dialog-head button{background:transparent;border:0;color:#fff;display:flex;padding:0}.dialog-head .icon{width:18px;height:18px}#dialog-content{padding:20px;font-size:12px;line-height:1.6}#dialog-content label{display:flex;align-items:center;gap:8px;padding:5px}#dialog-content input[type=checkbox]{min-height:16px;box-shadow:none;accent-color:var(--green)}.dialog-footer{border-top:1px solid #bac8d1;padding:8px 12px;display:flex;justify-content:flex-end;box-shadow:inset 0 1px white}.dialog-footer .btn{min-height:30px;padding:5px 17px}#toast{position:fixed;right:19px;bottom:48px;max-width:calc(100vw - 38px);z-index:20;background:linear-gradient(#f6fcf5,#e0eee2);border:1px solid #7b9f88;border-left:4px solid var(--green);color:#164a36;padding:13px 18px;box-shadow:var(--raised),4px 5px 12px #142d4e22;font-size:12px}#toast.error{background:#fff1ed;border-color:#b75d4c;color:#8b3024}.column-hidden{display:none!important}
@media(min-width:1550px){.workspace{padding:10px 12px 20px}.metric{min-height:88px}.metric strong{font-size:27px}.nav-button{min-height:52px}.brand{min-height:104px}td{height:38px;font-size:12px}.employee-details dl>div{padding:10px 0;font-size:12px}.calculation-table td{height:26px}}
@media(max-width:1200px){.sidebar{width:200px}.brand{padding-left:11px;gap:7px}.brand-mark{display:none}.brand h1{font-size:18px}.command-field{padding:0 9px;gap:5px}.command-field>span:not(.simulation){display:none}.command-field.user>span{display:inline!important}.command-field .simulation{display:none}.metric{padding:11px 12px}.metric strong{font-size:21px}.metric-icon{padding:6px}.command-panel .btn{font-size:11px;padding:7px 8px;gap:7px}.employee-details{padding:12px 10px;gap:10px}.employee-details dl+dl{padding-left:10px}.employee-details dl>div{grid-template-columns:83px 1fr;font-size:10px;gap:4px}.section-head h3{font-size:12px}.section-head h3 span{font-size:10px}.payroll-table{min-width:1035px}.shortcuts{gap:9px!important}}
@media(max-width:900px){.sidebar{width:61px}.brand{min-height:68px;padding:15px 10px}.brand>div:last-child{display:none}.brand-mark{display:block;padding:7px}.brand-mark .icon{width:21px;height:21px}.sidebar nav{padding:8px 6px}.nav-button{padding:12px;justify-content:center}.nav-button>span,.sidebar-bottom{display:none}.topbar{height:45px}.command-field.user{display:none}.metric-icon{display:none}.title-meta{font-size:8px;letter-spacing:0}.detail-grid{grid-template-columns:1fr}.employee-details dl>div{font-size:12px;grid-template-columns:110px 1fr}.command-panel .btn{gap:5px;font-size:10px}.command-panel .btn .icon{width:16px;height:16px}.statusbar .shortcuts{display:none}.metric strong{font-size:19px}.step{font-size:11px;padding-left:17px;gap:6px}.section-head h3{font-size:13px}}
@media(max-width:600px){.workspace{padding:6px}.page-title h2{font-size:17px}.title-meta{display:none}.totals-strip{gap:5px}.metric{padding:9px 7px;min-height:65px}.metric-label{font-size:9px}.metric strong{font-size:14px;letter-spacing:-.5px}.topbar .command-field{padding:0 5px;min-width:0}.command-field select{min-width:0;font-size:10px;padding-right:0;max-width:125px}.command-field>.icon{display:none}.command-field.company select{max-width:150px}.step{padding:5px 8px;font-size:9px;gap:4px}.step-number{width:17px;height:17px;font-size:10px}.step:not(:last-child):after{right:-7px;top:10px;width:20px;height:20px}.command-panel{flex-wrap:wrap;gap:5px;padding:5px}.command-panel .btn{flex:1 1 29%;min-height:34px}.table-toolbar{flex-wrap:wrap}.table-toolbar .status-tag{display:none}.search-field{flex:1;min-width:110px}.table-toolbar select{min-width:120px;max-width:135px}.toolbar-spacer{display:none}.employee-details{grid-template-columns:1fr}.employee-details dl+dl{border-left:0;border-top:1px solid #ccd7df;padding-left:0;padding-top:8px}.settings-grid{grid-template-columns:1fr;padding:15px}.section-head h3 span{display:block}.statusbar{padding:7px;font-size:9px}.statusbar>div{gap:7px}.revision{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{@page{size:A4 landscape;margin:10mm}.sidebar,.topbar,.statusbar,.command-panel,.table-toolbar,.workflow,.register-footer,dialog,#toast,.header-action{display:none!important}.app-shell{display:block;border:0}.workspace{padding:0}.main-shell{display:block;min-height:0}.table-wrap{max-height:none;overflow:visible}.payroll-table{min-width:0;width:100%}.payroll-table th,.payroll-table td{position:static!important;padding:5px;font-size:9px;white-space:normal}.detail-grid{break-inside:avoid}.panel{box-shadow:none;margin-bottom:10px}thead{display:table-header-group}tfoot{display:table-row-group}tr{break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-title{margin-bottom:12px}.metric strong{font-size:20px}}