:root{--green:#194f45;--green-dark:#143d36;--mint:#eaf2e9;--ink:#243830;--muted:#7c8982;--line:#e7ebe6;--surface:#fff;--bg:#f6f7f3;--amber:#a16d25;--red:#b55746;--shadow:0 4px 24px #25382d04;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;flex-shrink:0}p{line-height:1.8}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}h2{font-size:17px}h3{font-size:15px}button:focus-visible,a:focus-visible{outline:3px solid #9bc4b8;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #b6d0c6;outline-offset:1px;border-color:#89ab9d}input,select,textarea{background:white;border:1px solid #dce3db;border-radius:8px;padding:11px 13px;color:var(--ink);min-width:0}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}small{font-size:12px}.initial-loading{display:grid;place-items:center;height:100vh;color:var(--green)}
.sidebar{width:228px;height:100dvh;position:fixed;left:0;top:0;background:#fdfefb;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 20px 20px;z-index:20}.brand{display:flex;align-items:center;gap:12px;margin:0 12px 45px}.brand img{width:41px;height:41px}.brand span{font-size:25px;letter-spacing:3px;font-weight:650}.brand small{display:block;font-size:7px;letter-spacing:1.35px;margin-top:3px;font-weight:500;color:#8a938b}.workspace-label{font-size:10px;letter-spacing:1px;color:#96a197;display:flex;align-items:center;justify-content:space-between;margin:0 13px 17px}.workspace-label .badge{font-size:9px;padding:3px 6px;letter-spacing:0}.nav-item{border:0;background:transparent;display:flex;align-items:center;width:100%;gap:12px;padding:14px 15px;border-radius:9px;margin-bottom:7px;text-align:left;color:#7e8a80;font-size:13px}.nav-item svg{width:18px;height:18px}.nav-item.active{background:#eaf1e7;color:var(--green);font-weight:600}.nav-item:hover{background:#f0f3ed}.nav-item b{width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.secure-note{border-top:1px solid var(--line);padding:24px 8px;display:flex;align-items:flex-start;gap:9px;color:#687b6c;font-size:11px}.secure-note small{display:block;color:#a1aaa1;font-size:10px;margin-top:7px}.secure-note svg{width:17px;height:17px}.main-shell{margin-left:228px;min-height:100vh}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fcfdfa}.breadcrumb{font-size:12px;color:#8e9a91;display:flex;gap:14px;align-items:center}.breadcrumb strong{font-weight:500;color:#485c4c}.breadcrumb span{color:#c3ccc2}.topbar-right{display:flex;gap:24px;align-items:center}.profile{display:flex;align-items:center;text-align:left;border:0;background:none;gap:10px;font-size:11px}.profile small{display:block;color:#99a298;font-size:9px;margin-top:5px}.profile svg{width:14px;color:#899987}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#e4eddd;color:#506847;border-radius:50%;font-size:13px}.main-shell main{padding:35px 40px 20px;max-width:1660px;margin:0 auto;min-height:calc(100vh - 150px)}.page-footer{display:flex;justify-content:space-between;color:#a4ada3;font-size:10px;padding:15px 40px 25px;max-width:1660px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8b9b8c;margin-bottom:12px;font-weight:600}.page-head h1{font-size:27px;letter-spacing:.2px;margin:0 0 11px;font-weight:580}.page-head p{font-size:12px;color:var(--muted);margin:0}.head-actions{display:flex;gap:10px;flex-shrink:0}.button{border:1px solid transparent;border-radius:8px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:20px;white-space:nowrap;font-weight:500}.button svg{width:17px;height:17px}.primary{background:var(--green);color:#fff;box-shadow:0 3px 5px #194f4510}.primary:hover{background:var(--green-dark)}.secondary{background:#fff;border-color:#dfe6dd;color:#50634f}.secondary:hover{background:#f3f6f0}.ghost{background:transparent;color:#83917e;border-color:transparent}.ghost:hover{background:#f1f4ee}.small{padding:6px 12px;font-size:11px}.danger{background:#aa5345;color:#fff}.danger-outline{border-color:#e3c7c0;background:#fff9f6;color:#aa5345}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--green);border:0;background:none;padding:5px;font-size:11px;white-space:nowrap}.text-button svg{width:15px;height:15px}.text-button:hover{text-decoration:underline}.muted{color:var(--muted)}
.overview-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:18px;margin-bottom:24px}.total-card{background:#214f44;border-radius:13px;color:#fff;padding:24px 26px;position:relative;overflow:hidden;min-height:192px}.total-card .card-label{color:#cbddd0;display:flex;justify-content:space-between;align-items:center;font-size:11px;position:relative;z-index:1}.card-label>span{font-size:8px;letter-spacing:1px;border:1px solid #ffffff30;border-radius:4px;padding:2px 5px}.big-amount{font-size:34px;font-weight:480;letter-spacing:-.7px;margin:24px 0 27px;position:relative;z-index:1;font-variant-numeric:tabular-nums;white-space:nowrap}.big-amount>small{font-size:18px;color:#acccba;margin-right:8px}.total-bottom{display:flex;align-items:center;font-size:10px;color:#b7d1c0;gap:8px;position:relative;z-index:1}.total-bottom svg{width:15px;height:15px}.total-bottom strong{color:white;font-weight:500}.mini-pill{font-size:9px;background:#ffffff15;border:1px solid #ffffff15;border-radius:20px;padding:4px 9px;margin-left:auto}.decorative-rings{position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid #b4d3a91a;right:-110px;top:45px;box-shadow:0 0 0 19px #b4d3a905,0 0 0 20px #b4d3a915,0 0 0 40px #b4d3a905,0 0 0 41px #b4d3a910,0 0 0 60px #b4d3a903,0 0 0 61px #b4d3a908}.metric-card{border:1px solid var(--line);border-radius:13px;padding:22px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}.metric-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;margin-bottom:15px}.metric-icon svg{width:17px;height:17px}.mint{background:#eaf3e9;color:#6a8b63}.lavender{background:#f0edf7;color:#9a8db2}.peach{background:#faf0e3;color:#bc996e}.metric-card .card-label{color:#8d998c;font-size:10px}.metric-card>strong{font-size:30px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.metric-card>strong small{font-size:12px;font-weight:400;color:#acb5aa;letter-spacing:0}.metric-card p{font-size:9px;color:#9ba799;margin:1px 0 0}.workflow-strip{display:flex;border:1px solid var(--line);border-radius:10px;background:#fafcf8;padding:21px 23px;align-items:center;gap:25px;margin-bottom:30px}.strip-title{font-size:12px;font-weight:550;border-right:1px solid var(--line);padding-right:25px;white-space:nowrap}.strip-title small{display:block;color:#a1ac9c;font-size:9px;font-weight:400;margin-top:7px}.workflow-item{display:flex;align-items:center;gap:11px;flex:1}.workflow-item b{font-size:10px;display:block;font-weight:500;white-space:nowrap}.workflow-item small{font-size:8px;color:#9aa695;display:block;margin-top:6px;white-space:nowrap}.step-icon{color:#7c9b73}.step-icon svg{width:19px;height:19px}.workflow-item>svg{color:#cbd4c5;width:14px;margin-left:auto}
.panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel-heading{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2{margin:0;display:flex;align-items:center;gap:9px;font-size:15px}.panel-heading h2>svg{color:var(--green)}.panel-heading p{font-size:10px;color:#9ba799;margin:7px 0 0}.count{display:inline-block;font-size:10px;background:#eff3ea;padding:3px 7px;border-radius:5px;color:#8c9a7e;font-weight:500}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}thead{background:#f8faf5;color:#9aa695;font-size:10px}th{padding:13px 23px;font-weight:400;border-top:1px solid #eff2eb;border-bottom:1px solid #eff2eb}td{padding:21px 23px;border-bottom:1px solid #eff2eb;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}.file-cell,.employee-cell{display:flex;align-items:center;gap:11px}.file-icon{background:#f1f5eb;color:#87a374;border-radius:8px;display:grid;place-items:center;width:37px;height:42px}.file-icon svg{width:19px;height:19px}.file-cell b{font-size:12px;font-weight:500}.file-cell small,.employee-cell small{display:block;color:#a0ab9b;font-size:9px;margin-top:7px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.version{font-size:8px;color:#9faa97;border:1px solid #e2e8da;border-radius:3px;padding:2px 4px;margin-left:5px;font-weight:400;vertical-align:middle}.numeric{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.unit{color:#a0ac99;font-size:10px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:400;white-space:nowrap;padding:5px 8px;border-radius:5px;line-height:1.35}.badge i{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.65}.badge.green{color:#5d8d5b;background:#edf5e9}.badge.amber{color:#ab853c;background:#faf4e4}.badge.red{color:#b36d5b;background:#fbefea}.badge.blue{color:#688da7;background:#edf4f8}.badge.neutral{color:#9aab93;background:#f1f4ed}.badge.subtle{background:#eef2e8;color:#99aa8d}.badge.subtle i{display:none}.progress-label{font-size:9px;color:#8b9d80;display:flex;justify-content:space-between;width:100px;margin-bottom:7px}.progress-label span{font-size:8px;color:#b2beaa}progress{display:block;width:100px;height:4px;border:0;border-radius:2px;overflow:hidden;background:#eff3e9;appearance:none}progress::-webkit-progress-bar{background:#eff3e9}progress::-webkit-progress-value{background:#9cb68b;border-radius:2px}progress::-moz-progress-bar{background:#9cb68b}.bottom-tip{color:#a7b09f;font-size:9px;display:flex;justify-content:center;gap:7px;align-items:center;padding:24px 0}.bottom-tip svg{width:13px;height:13px}
.stepper{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0 35px}.stepper span{display:flex;align-items:center;gap:10px;color:#a8b2a4;font-size:12px}.stepper i{font-style:normal;width:28px;height:28px;border:1px solid #dce4d4;border-radius:50%;display:grid;place-items:center;font-size:10px}.stepper b{width:90px;height:1px;background:#dfe6d8}.stepper .current{color:var(--green);font-weight:600}.stepper .current i{background:var(--green);color:white;border-color:var(--green)}.stepper .done i{color:var(--green);background:#e7efdf}.import-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:30px}.upload-panel{padding:30px}.section-label{font-size:10px;letter-spacing:1px;font-weight:600;color:#71846a;margin-bottom:20px}.section-label.spaced{margin-top:28px}.input-label{display:block;font-size:11px;color:#7c8f73;margin-bottom:9px}.upload-panel>input{width:220px}.drop-zone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:260px;background:#fafcf7;border:1.5px dashed #cbd9c1;border-radius:11px;cursor:pointer;padding:30px;transition:background .2s}.drop-zone:hover{background:#f0f5e8}.upload-icon{background:#e9f0e0;color:#729365;padding:16px;border-radius:15px;margin-bottom:20px}.upload-icon svg{width:28px;height:28px}.drop-zone strong{font-size:15px;font-weight:500;margin-bottom:11px}.drop-zone>span:not(.upload-icon){font-size:11px;color:#94a28b;text-align:center}.drop-zone em{font-style:normal;margin-top:22px;border:1px solid #d3dfc8;background:white;color:#708961;padding:9px 20px;border-radius:7px;font-size:11px}.drop-zone input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.drop-zone:focus-within{outline:3px solid #99b48c}.file-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#98a58f;margin-top:20px}.file-note svg{width:15px;height:15px}.import-aside{padding:30px 12px}.import-aside h2{font-size:27px;line-height:1.6;font-weight:500;letter-spacing:1px}.import-aside ol{padding-left:20px;color:#7e9371}.import-aside li{padding-left:8px;margin:23px 0;font-size:12px}.import-aside li b{font-size:12px;font-weight:500;color:#5c7352}.import-aside li p{font-size:10px;color:#9aab8e;margin:7px 0}.sample-box{border-top:1px solid #dfe7d6;padding-top:22px;margin-top:24px}.sample-box b{font-size:12px}.sample-box p{font-size:11px;color:#99a98e;margin:8px 0}.mapping-controls{display:flex;align-items:end;gap:22px;padding:10px 25px 25px}.mapping-controls label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#879a7b}.mapping-controls select{min-width:140px}.mapping-hint{color:#739b60;font-size:11px;display:flex;align-items:center;gap:6px;padding-bottom:12px}.mapping-hint svg{width:16px;height:16px}.mapping-table td{padding:12px 24px}.mapping-table select{min-width:230px;width:90%;font-size:12px}.required{color:#bb8163}.mapping-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;gap:20px;border-top:1px solid var(--line)}.mapping-footer>span{font-size:11px;color:#a08f6a;line-height:1.7}.heading-version{font-size:12px;color:#8b9b7d;background:#eaf0e2;padding:5px 8px;border-radius:5px;vertical-align:middle;margin-left:6px}
.notice{padding:18px 20px;border:1px solid transparent;border-radius:10px;display:flex;gap:12px;align-items:center;font-size:12px;margin-bottom:22px;line-height:1.7}.notice>svg{width:21px;height:21px;align-self:flex-start;margin-top:2px}.notice b{font-size:12px;font-weight:550}.notice p{font-size:10px;margin:5px 0 0;opacity:.8}.notice>button{margin-left:auto}.notice.green{background:#edf4e8;color:#668c54;border-color:#dce8d2}.notice.amber{background:#fbf5e7;color:#9b7d42;border-color:#eee2c5}.notice.red{background:#fcf0eb;color:#a9654e;border-color:#efd9cc}.batch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e4ebdc;border:1px solid #e4ebdc;border-radius:10px;overflow:hidden;margin-bottom:26px}.batch-stats>div{background:#fdfefa;padding:23px 25px}.batch-stats small{display:block;color:#94a487;font-size:10px;margin-bottom:10px}.batch-stats b{font-size:22px;font-weight:500;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.batch-stats em{font-size:11px;font-weight:400;font-style:normal;color:#9daa91}.row-tools{padding:15px 23px}.tabs{display:flex;align-items:center;gap:18px}.tabs button{border:0;background:none;padding:9px 0;color:#a0b08f;font-size:11px;border-bottom:2px solid transparent}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:500}.search{display:flex;align-items:center;border:1px solid #e0e8d8;border-radius:7px;padding:0 10px;gap:7px;max-width:250px}.search svg{width:15px;height:15px;color:#b0bba5}.search input{border:0;font-size:10px;width:100%;padding:10px 0;background:none}.search input:focus{outline:0}.person-avatar{width:33px;height:33px;display:grid;place-items:center;background:#edf2e6;border-radius:50%;color:#83996d;font-size:12px}.employee-cell b{font-size:11px;font-weight:500}.money-cell small{font-size:9px;color:#a6b19a;display:block;margin-bottom:6px;font-variant-numeric:tabular-nums}.money-cell b{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.row-issue{font-size:10px;white-space:normal;max-width:210px;line-height:1.6;display:flex;align-items:flex-start;gap:5px}.row-issue svg{width:13px;height:13px;flex-shrink:0;margin-top:2px}.error-text{color:#b3755a}.warning-text{color:#b39a58}.cell-date{display:block;font-size:9px;color:#9aab8a;margin-top:6px}.cell-error{display:block;font-size:9px;color:#b58d76;max-width:160px;white-space:normal;margin-top:6px;line-height:1.6}.pagination{padding:17px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9eae8e}.pagination>div{display:flex;gap:8px}.empty{padding:70px 20px;text-align:center;color:#8a9d78;display:flex;align-items:center;flex-direction:column}.empty>svg{width:40px;height:40px;opacity:.45;margin-bottom:20px}.empty h3{color:#658057;font-weight:500}.empty p{font-size:12px;color:#a0ad93;margin-bottom:20px}
.overlay{position:fixed;inset:0;background:#10291f60;backdrop-filter:blur(3px);z-index:100;display:flex;justify-content:center;align-items:center;padding:30px}.modal{max-width:550px;width:100%;max-height:calc(100dvh - 60px);background:#fff;border-radius:15px;box-shadow:0 20px 70px #13291c35;display:flex;flex-direction:column;outline:none;overflow:hidden}.modal.wide{max-width:720px}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line)}.modal>header h2{margin:0;font-size:17px}.icon-button{border:0;background:none;display:grid;place-items:center;padding:5px;color:#99a58e}.modal-body{padding:25px;overflow-y:auto;font-size:12px;line-height:1.8}.modal>footer{padding:17px 25px;background:#fbfcf8;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.modal-open{overflow:hidden}.modal-body>textarea{width:100%;resize:vertical}.edit-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.edit-fields label{font-size:11px;color:#7b906d;display:flex;flex-direction:column;gap:5px}.edit-fields input{font-size:12px}.field-help{display:block;font-size:10px;line-height:1.8;color:#97a68a;margin:13px 0 20px}.publish-summary{display:flex;padding:18px;background:#f4f7ef;border-radius:9px;justify-content:space-between;margin:20px 0}.publish-summary span{font-size:10px;color:#91a17f}.publish-summary b{display:block;color:var(--green);font-size:18px;font-weight:500;margin-top:6px}.checkbox-line{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#997c43}.checkbox-line input{flex-shrink:0;margin:3px 0}.preview-issues{background:#fff6e8;color:#ad8950;border-radius:8px;padding:12px 15px;margin-bottom:20px}.preview-issues p{font-size:11px;margin:3px}.role-option{width:100%;padding:13px 0;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none}.role-option b{font-size:12px;font-weight:500}.role-option small{display:block;font-size:10px;color:#9aaa8e;margin-top:4px}.role-option>svg{margin-left:auto;width:17px;color:#9aaa8e}.role-option:hover{background:#f8faf4}#toast{position:fixed;bottom:26px;left:calc(50% + 60px);transform:translate(-50%,20px);max-width:calc(100vw - 32px);padding:13px 22px;border-radius:9px;background:#254c3f;color:white;box-shadow:0 4px 30px #20382528;z-index:200;font-size:12px;line-height:1.7;opacity:0;transition:all .2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#945c49}
.employee-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.employee-section-title{display:flex;align-items:center;justify-content:space-between;padding:12px 0 18px}.employee-section-title h2{margin:0;font-size:15px}.employee-section-title>span{font-size:11px;color:#99aa8b}.payslip-card{border:1px solid var(--line);width:100%;padding:23px;display:flex;align-items:center;background:white;border-radius:12px;margin-bottom:15px;text-align:left;gap:20px}.payslip-card:hover{border-color:#b5c6a5;box-shadow:0 3px 15px #24382008}.payslip-month{border-right:1px solid var(--line);padding-right:23px;text-align:center;min-width:70px}.payslip-month b{display:block;font-size:28px;font-weight:400}.payslip-month small{font-size:10px;color:#a1ae93}.payslip-card-main>strong{display:block;font-size:13px;font-weight:500;margin-bottom:12px}.payslip-card-amount{margin-left:auto;text-align:right}.payslip-card-amount small{display:block;font-size:10px;color:#9dae8c;margin-bottom:8px}.payslip-card-amount b{font-size:17px;font-weight:500}.payslip-card>svg{width:16px;color:#a5b496}.employee-note{border-radius:13px;background:#edf3e6;padding:30px;margin-top:46px}.employee-note>svg{width:32px;height:32px;color:#6f935a;margin-bottom:20px}.employee-note h3{font-size:15px;font-weight:500}.employee-note p{font-size:11px;color:#8fa17e;line-height:2}.employee-back{max-width:620px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.employee-detail{max-width:620px;margin:0 auto}.salary-document{padding:28px 32px;background:#fff;border:1px solid var(--line);border-radius:12px}.modal .salary-document{padding:0;border:0}.salary-title{text-align:center;padding:10px 0 20px}.salary-title h2{font-size:21px;letter-spacing:1px;font-weight:500;margin-bottom:12px}.salary-title p{font-size:11px;color:#99a98b;margin:0}.net-salary{background:#edf4e6;border-radius:10px;padding:22px;text-align:center;margin-bottom:25px}.net-salary>span{display:block;font-size:11px;color:#87a073;margin-bottom:12px}.net-salary strong{font-size:29px;font-weight:500;letter-spacing:.2px;color:var(--green);font-variant-numeric:tabular-nums}.salary-group{margin-bottom:26px}.salary-group h3{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:10px;color:#5d7c4b}.salary-group>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:11px;color:#8c9d7d}.salary-group>div>span:last-child{font-variant-numeric:tabular-nums;color:#5f7750}.salary-group .salary-subtotal{border-top:1px dashed #e1e8d8;margin-top:8px;padding-top:13px;color:#486a37}.salary-group .salary-subtotal b{font-weight:500}.salary-remark{font-size:10px;background:#f8faf4;border-radius:7px;padding:14px;color:#97a688;line-height:1.8}.salary-remark b{font-weight:500;color:#7f956b}.salary-remark p{margin:5px 0 0}.salary-footer{text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;font-size:9px;color:#a4b197;margin-top:25px}.salary-footer svg{width:12px;height:12px}.salary-footer small{flex-basis:100%;font-size:9px;margin-top:5px}.confirmation-box{text-align:center;padding:23px}.confirmation-box p{font-size:11px;color:#95a584}.confirmation-box>.button{min-width:230px}.confirmed-line{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#7a9865}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.settings-panel{padding:28px}.settings-panel h2{display:flex;gap:10px;align-items:center;font-size:16px;margin-bottom:22px}.settings-panel h2 svg{color:#80a06a}.settings-panel>p{font-size:11px;color:#92a282;margin-bottom:24px}.threshold-control{display:flex;align-items:center;gap:12px;color:#9cab8d}.threshold-control input{width:120px}.setup-steps{color:#8b9e7b;padding-left:20px;line-height:2.5;font-size:11px}
.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 20% 20%,#e7efdf 0,transparent 50%),radial-gradient(ellipse at 85% 85%,#e6edde 0,transparent 50%),#f7f9f2;padding:45px 20px}.login-brand{display:flex;align-items:center;gap:10px;align-self:flex-start;margin-left:5%;margin-bottom:30px;font-size:24px;letter-spacing:3px;font-weight:600}.login-brand img{width:40px;height:40px}.login-card{max-width:460px;width:100%;padding:46px 50px;border:1px solid #e5ecd9;background:#ffffffb8;box-shadow:0 20px 80px #536b3d08;border-radius:18px}.login-card h1{font-size:34px;line-height:1.5;letter-spacing:2px;font-weight:500;margin:20px 0}.login-card>p{font-size:12px;color:#9aab8a;line-height:2}.demo-label{font-size:10px;color:#a18b60;border-top:1px solid #e7ecdd;padding-top:22px;margin:24px 0 16px}.login-card>.button{width:100%;margin-bottom:10px}.login-card>small{display:block;text-align:center;margin-top:14px;font-size:9px;color:#a5b296}.login-footer{font-size:10px;letter-spacing:4px;color:#a4b191;margin-top:36px}
@media(min-width:1500px){.overview-grid{grid-template-columns:1.7fr 1fr 1fr 1fr}.big-amount{font-size:40px}.total-card{padding:25px 30px}.metric-card>strong{font-size:34px}.workflow-item b{font-size:12px}.workflow-item small{font-size:10px}.strip-title{font-size:13px}.metric-card .card-label{font-size:12px}.metric-card p{font-size:10px}}
@media(max-width:1250px){.sidebar{width:200px;padding:28px 15px 15px}.main-shell{margin-left:200px}.main-shell main{padding:28px}.topbar{padding:0 28px}.overview-grid{gap:12px;grid-template-columns:1.55fr 1fr 1fr 1fr}.total-card{padding:22px 20px}.big-amount{font-size:28px}.metric-card{padding:19px}.workflow-strip{gap:16px;padding:19px}.strip-title{display:none}.workflow-item{gap:8px}th,td{padding-left:18px;padding-right:18px}.row-tools{flex-wrap:wrap}.topbar-right{gap:12px}.page-head h1{font-size:24px}.page-head p{font-size:11px}.employee-layout{grid-template-columns:1fr}.employee-note{margin-top:0}.employee-note p{display:inline;margin-right:15px}.employee-note>svg{margin-bottom:10px}.batch-stats b{font-size:19px}.batch-stats>div{padding:20px}}
@media(max-width:1000px){.overview-grid{grid-template-columns:repeat(3,1fr)}.total-card{grid-column:1/-1;min-height:150px}.big-amount{font-size:35px;margin:15px 0}.total-bottom{justify-content:flex-start}.mini-pill{margin-left:10px}.metric-card{padding:20px}.metric-icon{float:right}.import-layout{grid-template-columns:1fr}.import-aside{padding:10px}.import-aside h2{font-size:21px}.import-aside h2 br{display:none}.import-aside ol{display:flex;gap:25px}.import-aside li{flex:1}.topbar-right>.badge{max-width:130px;font-size:8px}.topbar .breadcrumb{display:none}.topbar{justify-content:flex-end}.page-head{align-items:flex-start;flex-wrap:wrap;gap:17px}.settings-layout{grid-template-columns:1fr}}
@media(max-width:720px){.sidebar{position:static;width:100%;height:auto;padding:13px 16px 0;border-right:0;border-bottom:1px solid var(--line);background:#fdfefb}.brand{margin:0 0 11px;gap:8px}.brand img{width:29px;height:29px}.brand span{font-size:20px}.brand small{font-size:6px;margin-top:0;letter-spacing:.7px}.sidebar .workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:6px}.nav-item{width:auto;flex-shrink:0;font-size:11px;padding:10px 12px;gap:7px;margin:0 0 9px}.nav-item svg{width:15px;height:15px}.nav-item b{display:none}.main-shell{margin:0}.topbar{height:62px;padding:0 18px;justify-content:space-between}.topbar-right{width:100%;justify-content:space-between}.topbar-right>.badge{max-width:none}.profile{font-size:10px}.profile small{font-size:8px}.avatar{width:28px;height:28px;font-size:11px}.main-shell main{padding:24px 18px 15px;min-height:calc(100vh - 220px)}.page-head{margin-bottom:23px}.page-head h1{font-size:23px}.page-head p{font-size:11px;line-height:1.9}.page-head .eyebrow{font-size:8px;letter-spacing:1.7px}.head-actions{gap:8px;flex-wrap:wrap}.head-actions .button{padding:9px 13px;font-size:11px}.overview-grid{gap:9px}.total-card{padding:22px}.metric-card{padding:15px 12px}.metric-icon{width:29px;height:29px;margin-bottom:12px}.metric-card>strong{font-size:26px}.metric-card>strong small{font-size:9px}.metric-card .card-label{font-size:9px}.metric-card p{font-size:8px}.workflow-strip{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:19px;margin-bottom:23px}.workflow-item>svg{display:none}.workflow-item b{font-size:11px}.workflow-item small{font-size:9px}.workflow-item{gap:12px}.panel-heading{padding:18px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px}.panel-heading .button{font-size:10px;padding:6px}.panel table{font-size:11px}th,td{padding:15px}.bottom-tip{text-align:center;line-height:1.8;align-items:flex-start;padding-bottom:10px}.bottom-tip svg{margin-top:2px}.page-footer{padding:16px 18px;font-size:8px}.stepper{gap:9px;margin:20px 0 25px}.stepper span{gap:6px;font-size:10px;white-space:nowrap}.stepper i{width:23px;height:23px;font-size:9px}.stepper b{width:20px}.upload-panel{padding:22px}.drop-zone{padding:22px;min-height:245px}.drop-zone strong{font-size:14px}.drop-zone>span:not(.upload-icon){font-size:10px}.file-note{align-items:flex-start;font-size:9px;line-height:1.7}.import-aside ol{display:block}.mapping-controls{padding:10px 18px 20px;flex-wrap:wrap;gap:14px}.mapping-controls label{flex:1}.mapping-controls select{min-width:0;width:100%}.mapping-hint{flex-basis:100%;padding:0}.mapping-table select{width:180px;min-width:180px;font-size:11px}.mapping-table td{padding:11px 15px}.mapping-footer{padding:17px;align-items:flex-start;flex-direction:column}.mapping-footer>span{font-size:10px}.mapping-footer>.button{width:100%}.notice{padding:15px;align-items:flex-start;gap:9px;flex-wrap:wrap}.notice>div{flex:1;min-width:190px}.notice b{font-size:11px}.notice p{font-size:10px}.notice>svg{width:17px;height:17px}.notice>button{margin-left:26px}.batch-stats{grid-template-columns:1fr 1fr;gap:1px;margin-bottom:20px}.batch-stats>div{padding:18px}.batch-stats b{font-size:21px}.row-tools{padding:10px 15px 14px;gap:7px}.search{max-width:none;width:100%}.tabs{gap:18px}.tabs button{font-size:10px}.row-issue{max-width:150px}.overlay{padding:12px}.modal{max-height:calc(100dvh - 24px);border-radius:12px}.modal>header{padding:17px 20px}.modal-body{padding:20px}.modal>footer{padding:15px 20px}.edit-fields{gap:12px}.edit-fields input{padding:10px;max-width:100%}.salary-title h2{font-size:19px}.salary-document{padding:25px 20px}.net-salary strong{font-size:27px}.salary-group>div{font-size:11px}.payslip-card{padding:18px 14px;gap:12px}.payslip-month{padding-right:14px;min-width:48px}.payslip-month b{font-size:25px}.payslip-month small{font-size:9px}.payslip-card-main>strong{font-size:11px;max-width:130px;line-height:1.9;margin-bottom:5px}.payslip-card-amount b{font-size:14px;white-space:nowrap}.payslip-card-amount small{font-size:9px}.payslip-card>svg{width:12px}.employee-layout{gap:17px}.employee-note{padding:24px}.employee-note>svg{width:25px;height:25px}.employee-note p{display:block;font-size:10px}.employee-detail{width:100%}.employee-back{margin-bottom:15px}.confirmation-box{padding:23px 0}.settings-panel{padding:23px}.login-card{padding:35px 30px}.login-card h1{font-size:30px}.login-brand{margin-left:0}.login-footer{font-size:9px;letter-spacing:2px}#toast{left:50%;width:max-content;font-size:11px}.pagination{padding:14px 15px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.mobile-logout{display:none}@media(max-width:720px){.mobile-logout{display:grid}.topbar-right{gap:10px}.topbar-right>.profile{margin-left:auto}}
.schema-changes{display:flex;align-items:flex-start;gap:9px;margin:0 24px 22px;padding:14px 17px;background:#f2f6ed;border-radius:8px;color:#788e67;font-size:11px;line-height:1.8}.schema-changes svg{width:16px;height:16px;margin-top:2px}.adaptive-table{white-space:normal;min-width:760px}.adaptive-table td{padding:16px 20px;max-width:270px}.adaptive-table td>b{font-size:11px;font-weight:500}.adaptive-table .field-help{font-size:9px;margin:6px 0 0;max-width:210px}.adaptive-table input{width:170px;font-size:11px;padding:10px}.adaptive-table select{width:180px;min-width:180px;font-size:11px;padding:10px}.schema-confidence{display:block;font-size:10px;color:#73935e}.schema-example{display:block;font-size:10px;color:#9dac8e;margin-top:8px;overflow-wrap:anywhere}.schema-pending{background:#fffaf0}.schema-pending .schema-confidence{color:#a78c52}.salary-group>div{white-space:normal;overflow-wrap:anywhere}.salary-group>div>span:last-child{text-align:right;max-width:65%}@media(max-width:720px){.schema-changes{margin:0 17px 17px;font-size:10px}.adaptive-table td{padding:13px 15px}.adaptive-table input{width:145px}.adaptive-table select{min-width:160px;width:160px}}