@font-face{font-family:Meigu Source Han Sans SC;src:url(/fonts/SourceHanSansSC-Medium.otf)format("opentype");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FE1?,U+FE30-FE6F,U+FF00-FFEF,U+20000-2FA1F}@font-face{font-family:Meigu Source Han Sans SC;src:url(/fonts/SourceHanSansSC-Bold.otf)format("opentype");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FE1?,U+FE30-FE6F,U+FF00-FFEF,U+20000-2FA1F}:root{color:#203147;font-synthesis:none;background:#f3f6f9;font-family:Arial,Meigu Source Han Sans SC,Source Han Sans SC,思源黑体,SimHei,黑体,sans-serif;font-size:16px;font-weight:500;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5ca8db}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:#237057;text-decoration:none}button{color:inherit;background:0 0;border:0}h1,h2,p{margin-top:0}h1{letter-spacing:.03em;margin-bottom:7px;font-size:28px;font-weight:700;line-height:1.35}h2{font-size:18px;font-weight:700}.small{font-size:14px}.muted{color:#637386}.pending{color:#94601c}.app-shell{min-height:100vh;display:flex}.sidebar{color:#c3d0dc;background:#18324c;flex-direction:column;flex-shrink:0;width:205px;padding:31px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:12px;font-size:21px;font-weight:600;display:flex}.brand-symbol{text-align:center;color:#bfddd7;border:1px solid #9ac1be;border-radius:8px;width:42px;height:42px;font-size:25px;line-height:40px}.brand span:not(.brand-symbol){margin-top:1px;font-size:14px;font-weight:400;display:block}.workspace-label{color:#89a0b6;margin:42px 12px 13px;font-size:14px}.nav-item{text-align:left;border-radius:5px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:12px;display:flex}.nav-item>span{font-size:20px;line-height:1}.nav-item.active{color:#fff;background:#2a4e67;box-shadow:inset 3px 0 #7fc5ae}.sidebar-bottom{border-top:1px solid #34516a;margin-top:auto;padding:22px 10px 0;font-size:14px}.sidebar-bottom p{color:#91a5b9;margin:7px 0 0;font-size:14px}.local-dot{background:#8bcead;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}main{width:calc(100% - 205px);min-width:0;margin-left:205px}.topbar{color:#627486;background:#fff;border-bottom:1px solid #e0e7ed;justify-content:space-between;align-items:center;height:62px;padding:0 30px;font-size:14px;display:flex}.local-tag{color:#477765;background:#eff7f2;border:1px solid #d9e9df;border-radius:4px;padding:4px 9px}.main-content{padding:27px 30px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-heading p{color:#677889;margin:0;font-size:14px}.version{color:#688098;border:1px solid #cfdae3;border-radius:4px;padding:4px 8px;font-size:14px}.import-strip{background:#fff;border:1px solid #dbe4ec;border-radius:7px;align-items:center;gap:14px;padding:19px 20px;display:flex}.file-icon{color:#2f7b58;text-align:center;background:#eef7f2;border:1px solid #b6d3c4;border-radius:5px;width:42px;height:45px;font-size:22px;font-weight:600;line-height:44px}.import-copy{flex-direction:column;gap:4px;display:flex}.import-copy strong{font-size:15px;font-weight:600}.import-copy span{color:#718194;font-size:14px}.import-actions{white-space:nowrap;align-items:center;gap:10px;margin-left:auto;display:flex}.primary,.secondary{border-radius:5px;padding:9px 14px;font-size:14px}.primary{color:#fff;background:#246a59}.primary:hover{background:#1b5648}.secondary{background:#fff;border:1px solid #cad7df}.secondary:hover{background:#f4f7fa}.text-link{margin-right:7px;font-size:14px}.notice{background:#edf4fb;border:1px solid #cedded;border-radius:4px;margin:12px 0;padding:10px 13px;font-size:14px}.notice.amber{color:#8b642e;background:#fff7e7;border-color:#ecdbb6}.policy-line{color:#677889;margin:12px 0 21px;font-size:14px}.batch-bar{align-items:center;gap:20px;margin-bottom:19px;display:flex}.batch-bar>div:first-child{flex-direction:column;gap:4px;max-width:250px;display:flex}.batch-bar strong{word-break:break-all;font-size:14px}.batch-bar dl{gap:28px;margin:0 0 0 13px;display:flex}.batch-bar dt{color:#728194;font-size:14px}.batch-bar dd{margin:3px 0 0;font-size:14px}.session-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.session-actions select{max-width:180px}.quiet{color:#436c8b;white-space:nowrap;padding:5px 7px;font-size:14px}.quiet:hover{text-decoration:underline}.overview{background:#fff;border:1px solid #dbe4ec;border-radius:6px;grid-template-columns:1fr 1.6fr 1fr 1.3fr;margin-bottom:23px;display:grid}.overview>div,.overview>button{text-align:left;border-right:1px solid #e7edf2;flex-direction:column;gap:5px;padding:16px 22px;display:flex}.overview>:last-child{border-right:0}.overview span{color:#6b7c8e;font-size:14px}.overview strong{font-variant-numeric:tabular-nums;font-size:25px;font-weight:600;line-height:1.5}.overview small{color:#738395;font-size:14px;font-weight:400}.overview .amount{font-size:24px}.overview .attention strong{color:#b24939}.data-workspace{background:#fff;border:1px solid #d7e2eb;border-radius:6px;overflow:hidden}.tabs{border-bottom:1px solid #dce6ee;align-items:center;gap:20px;min-height:51px;padding:0 18px;display:flex}.tabs>button{border-bottom:3px solid #0000;height:51px;padding:0 5px;font-size:14px}.tabs>button.selected{color:#236953;border-color:#357965;font-weight:600}.tabs span:not(.template-label){color:#6e7f90;background:#eef2f6;border-radius:4px;margin-left:6px;padding:0 6px;font-size:14px;display:inline-block}.template-label{color:#8795a3;margin-left:auto;font-size:14px}.filters{border-bottom:1px solid #e2e8ee;align-items:center;gap:14px;padding:13px 17px;font-size:14px;display:flex}.filters>input{width:235px}.filters input:not([type=checkbox]),select{color:#3d556c;background:#fff;border:1px solid #ccd8e2;border-radius:4px;padding:7px 10px}.filters label{white-space:nowrap;align-items:center;gap:5px;display:flex}.filters label input{accent-color:#2b7960}.filters>span{color:#6d7d8e;white-space:nowrap;margin-left:auto}.table-scroll{height:auto;max-height:min(58vh,540px);scroll-padding-top:72px;scroll-padding-left:var(--frozen-width,182px);position:relative;overflow:auto}.payroll-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;font-size:16px}.payroll-table col{width:104px}.payroll-table .col-A{width:88px}.payroll-table .col-B{width:112px}.payroll-table .col-AM{width:270px}.payroll-table .col-AF{width:156px}.payroll-table .col-actions{width:80px}.payroll-table th,.payroll-table td{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border-bottom:1px solid #e3eaf0;border-right:1px solid #e3eaf0;max-width:270px;height:38px;padding:6px 8px;overflow:hidden}.payroll-table th{font-weight:500}.payroll-table thead th{z-index:3;background:#edf3f8;position:sticky}.payroll-table .group-row th{text-align:left;color:#566e85;background:#e2edf4;border-right-color:#c8d9e5;height:34px;padding:4px 8px;font-size:14px;top:0}.payroll-table .field-row th{white-space:normal;text-align:left;height:64px;font-size:16px;line-height:1.4;top:34px}.field-row th>span{color:#8098ab;margin-bottom:3px;font-size:14px;display:block}.payroll-table td{background:#fff}.payroll-table tr:nth-child(2n) td{background:#f8fafc}.payroll-table tr:hover td{background:#edf5f2}.payroll-table .sticky-A{z-index:2;position:sticky;left:0}.payroll-table .sticky-B{left:var(--id-width,72px);z-index:2;border-right:2px solid #b6cbd8;position:sticky}.payroll-table thead .sticky-A,.payroll-table thead .sticky-B{z-index:5;background:#eaf2f6}.payroll-table .group-row th:first-child{z-index:5;left:0}.payroll-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.payroll-table .cell-error{color:#ab4031;background:#fff0ed!important}.payroll-table .cell-pending{background:#fff9ec!important}.payroll-table .cell-focused{outline:none;background:#e9f3ff!important;box-shadow:inset 0 0 0 2px #2570aa!important}.error-indicator{text-align:center;color:#fff;background:#bc5445;border-radius:50%;width:14px;height:14px;margin-left:5px;font-size:14px;line-height:14px;display:inline-block}.employee-link{color:#246b85;text-align:left;padding:0}.employee-link:hover{text-decoration:underline}.row-preview{color:#377662;padding:1px;font-size:14px}.table-footer{color:#73879a;background:#f8fbfd;border-top:1px solid #dce6ee;justify-content:space-between;gap:16px;padding:10px 15px;font-size:14px;display:flex}.table-tools{background:#f8fafc;border-bottom:1px solid #e3eaf0;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex}.table-tools label{align-items:center;gap:8px;display:flex}.table-tools select{background:#fff;border:1px solid #cbd8e1;border-radius:4px;padding:5px 8px}.table-tools>span{color:#6d7d8e}.scroll-actions{gap:6px;margin-left:auto;display:flex}.scroll-actions button{background:#fff;border:1px solid #cbd8e1;border-radius:4px;padding:4px 10px}.compact-table .payroll-table{width:100%;min-width:1046px}.payroll-table .col-recipient{width:112px}.payroll-table .col-check{width:170px}.payroll-table .recipient-check{white-space:normal;font-size:14px;line-height:1.4}.recipient-check.matched{color:#226b58}.recipient-check.blocked{color:#a54f25;background:#fff8ed}.recipient-link{color:#237057;background:0 0;border:0;padding:2px 0;font-size:16px;text-decoration:underline;display:block}.recipient-dialog{color:#203147;border:1px solid #dce6ee;border-radius:8px;width:min(680px,100vw - 32px);max-height:90vh;padding:24px;overflow:auto}.recipient-dialog::backdrop{background:#0f233273}.recipient-dialog h2{margin:0;font-size:22px}.recipient-dialog h3{font-size:18px}.recipient-comparison{grid-template-columns:1fr 1fr;gap:24px;display:grid}.recipient-comparison section{background:#f3f6f9;border:1px solid #dce6ee;padding:12px}.recipient-dialog .dialog-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.recipient-comparison dl{grid-template-columns:64px 1fr;gap:12px;display:grid}.recipient-comparison dd{overflow-wrap:anywhere;margin:0}.recipient-confirm{align-items:center;gap:10px;margin:24px 0;display:flex}.recipient-dialog footer{justify-content:flex-end;gap:12px;display:flex}@media (width<=640px){.recipient-comparison{grid-template-columns:1fr;gap:8px}}.payroll-table .remark-cell{white-space:normal;overflow-wrap:anywhere;height:auto}.payroll-table .action-cell,.payroll-table .action-head{z-index:2;border-left:1px solid #cbd8e1;position:sticky;right:0}.payroll-table .action-head{z-index:6;top:0}.main-content{max-width:1280px;margin:0 auto;padding:20px 24px}.app-shell>main{width:100%;margin:0}.workspace-brand{font-size:15px}.page-heading{margin-bottom:16px}.import-strip{padding:14px 16px}.overview{margin:14px 0}.overview>div,.overview>button{padding:12px 16px}.overview strong{font-size:24px}.filters{padding:10px 12px}.delivery-strip{padding:10px 14px}.welcome{text-align:center;background:#fff;border:1px solid #dce5ed;border-radius:7px;min-height:330px;padding:46px 25px}.welcome-grid{color:#608f91;margin-bottom:10px;font-size:34px}.welcome h2{margin-bottom:12px;font-size:19px}.welcome p{color:#788a9b;font-size:14px;line-height:1.9}.welcome-hints{color:#537486;justify-content:center;gap:35px;margin-top:25px;font-size:14px;display:flex}.page-footer{color:#7f8e9e;padding:15px 0;font-size:14px}.issue-panel,.totals-panel{padding:18px 20px}.issue-panel>p,.totals-panel>p{font-size:14px}.issue-list{max-height:550px;margin:0;padding:0;list-style:none;overflow:auto}.issue-list li{border-bottom:1px solid #e6edf2;align-items:flex-start;gap:13px;padding:13px 0;font-size:14px;display:flex}.issue-list p{flex:1;margin:0}.issue-address{color:#57708b;width:45px;font-weight:600}.issue-status{white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:14px}.issue-status.error{color:#a94c3d;background:#fff0ed}.issue-status.pending,.issue-status.warning{color:#9b6c23;background:#fff5de}.empty-panel{text-align:center;color:#7d8fa0;padding:38px;font-size:14px}.totals-panel{overflow:auto}.totals-table{border-collapse:collapse;width:100%;min-width:660px;font-size:14px}.totals-table th,.totals-table td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;border-bottom:1px solid #e3eaf0;padding:11px 13px}.totals-table th:first-child{text-align:left;font-weight:500}.totals-table thead th{background:#f0f5f8;font-weight:500}.reconcile{color:#63768a;font-size:14px}.reconcile.matched{color:#317257}.reconcile.different{color:#b34b39}.reconcile.incomplete,.reconcile.missing{color:#967031}.roadmap{background:#fff;border:1px solid #dae4eb;border-radius:6px;padding:25px 30px}.roadmap h2{margin-top:10px;font-size:17px}.roadmap ul{color:#5b7184;margin-bottom:25px;padding-left:22px;line-height:2.2}.preview-dialog{color:#203147;border:1px solid #bdccd5;border-radius:8px;width:min(620px,100vw - 36px);max-height:90vh;padding:0;box-shadow:0 16px 70px #0f294a30}.preview-dialog::backdrop{background:#10283e80}.dialog-toolbar{color:#658096;background:#eef4f7;border-bottom:1px solid #d8e3ea;justify-content:space-between;align-items:center;padding:11px 20px;font-size:14px;display:flex}.dialog-toolbar button{padding:4px 7px;font-size:18px}.payslip{padding:26px 35px}.slip-heading{color:#759085;justify-content:space-between;align-items:center;margin-bottom:28px;font-size:14px;display:flex}.slip-mark{color:#294f45;font-size:21px;font-weight:600}.payslip h2{margin-bottom:10px;font-size:24px}.slip-identity{justify-content:space-between;font-size:14px;display:flex}.slip-source{color:#6f8193;word-break:break-all;font-size:14px}.slip-result{color:#2b715a;background:#eef6f2;justify-content:space-between;align-items:center;margin-top:24px;padding:17px 20px;display:flex}.slip-result strong{font-variant-numeric:tabular-nums;font-size:27px;font-weight:600}.slip-result span{font-size:14px}.payslip>.small{margin:8px 0 19px}.slip-fields{margin:0}.slip-fields>div{border-bottom:1px solid #e7edf1;justify-content:space-between;gap:20px;padding:8px 0;font-size:14px;display:flex}.slip-fields dt{color:#5d7386}.slip-fields dd{font-variant-numeric:tabular-nums;margin:0}.slip-footer{color:#8a99a7;margin:22px 0 0;font-size:14px}@media (width<=1150px){.sidebar{width:176px;padding-left:13px;padding-right:13px}main{width:calc(100% - 176px);margin-left:176px}.main-content{padding:22px 20px}.import-strip{flex-wrap:wrap}.import-actions{margin-left:56px}.batch-bar{flex-wrap:wrap}.batch-bar dl{gap:18px}.overview>div,.overview>button{padding:13px 16px}.overview .amount{font-size:20px}.table-footer{flex-wrap:wrap}.template-label{display:none}}@media (width<=760px){.sidebar{display:none}main{width:100%;margin:0}.topbar{height:52px;padding:0 15px}.main-content{padding:20px 12px}.page-heading h1{font-size:21px}.import-strip{gap:10px;padding:15px 12px}.import-copy span{font-size:14px}.import-actions{flex-wrap:wrap;gap:8px;width:100%;margin:5px 0 0}.text-link{margin-right:auto}.primary,.secondary{padding:8px 9px;font-size:14px}.overview{grid-template-columns:1fr 1fr}.overview>div,.overview>button{border-bottom:1px solid #e7edf2}.overview>:nth-child(2){border-right:0}.overview strong{font-size:22px}.batch-bar{gap:12px}.batch-bar dl{gap:22px;width:100%;margin-left:0}.filters{flex-wrap:wrap;gap:10px}.filters>input{width:calc(100% - 130px)}.tabs{gap:15px;padding:0 12px}.table-scroll{height:auto;max-height:400px}.payslip{padding:22px 20px}.slip-result strong{font-size:23px}.welcome-hints{gap:20px}.session-actions{margin-left:0}.issue-list li{flex-wrap:wrap}.issue-list p{flex-basis:70%}.roadmap{padding:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.auth-panel{background:#fff;border:1px solid #d7e2eb;border-radius:8px;max-width:570px;margin:12vh auto;padding:30px}.auth-panel h1{margin-top:16px}.demo-roles{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}.delivery-strip{background:#eaf3ef;border:1px solid #c9dfd2;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:14px 18px;font-size:14px;display:flex}.delivery-strip p{color:#657d71;margin:4px 0 0;font-size:14px}.employee-page{background:#fff;width:min(100%,640px);min-height:100vh;margin:0 auto}.employee-header{border-bottom:1px solid #dce6ee;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.employee-header strong{font-size:20px}.employee-header button{color:#668296;font-size:14px}.demo-banner{color:#8d652a;background:#fff6df;margin:0;padding:10px 20px;font-size:14px}.employee-inbox{padding:26px 24px}.employee-inbox h1{font-size:24px}.notification-card{text-align:left;background:#f4f9f6;border:1px solid #d5e4dc;border-radius:7px;width:100%;margin:10px 0;padding:20px}.notification-card strong{font-size:18px}.notification-card p{color:#657b70;margin:10px 0;font-size:15px}.notification-card span{color:#fff;text-align:center;background:#246a59;border-radius:4px;padding:12px;font-size:18px;display:block}.employee-page .payslip h2{font-size:28px}.employee-page .slip-fields>div{padding:13px 0;font-size:16px}.employee-page .slip-footer{font-size:14px}.import-copy strong,.batch-bar dd,.tabs>button,.filters,.filters input,.filters select,.row-preview,.primary,.secondary,.totals-table,.payroll-table .recipient-check{font-size:16px}.metadata-form{background:#fff;border:1px solid #d7e2eb;border-radius:5px;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.metadata-form p{color:#526477;width:100%;margin:0;font-size:14px}.app-identity{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-identity .workspace-brand,.employee-header strong{font-size:21px;font-weight:700}.version{color:#4b5b6c;white-space:nowrap;font-size:14px;font-weight:500;display:inline-block}.auth-panel>.version{margin-bottom:20px}.primary,.secondary,.quiet,.scroll-actions button,.filters>input,.filters select,.metadata-form input,.metadata-form select,.recipient-dialog select,.recipient-dialog footer button,.dialog-toolbar button{min-height:44px;font-size:16px;line-height:1.5}.auth-panel h1,.page-heading h1,.employee-inbox h1{font-size:28px;font-weight:700}.tabs>button,.import-copy strong{font-weight:700}.overview strong{font-weight:500}.recipient-dialog h2{font-size:18px;font-weight:700}@media (width<=640px){.auth-panel h1,.page-heading h1,.employee-inbox h1,.employee-page .payslip h2{font-size:25px}.app-identity .workspace-brand,.employee-header strong{font-size:20px}.topbar{flex-wrap:wrap;align-items:flex-start;gap:10px;height:auto;min-height:68px;padding-top:12px;padding-bottom:12px}}.metadata-form label{flex:180px;gap:4px;display:grid}.metadata-form input{color:#203147;border:1px solid #ccd8e2;border-radius:4px;width:100%;padding:7px 10px}.metadata-form input:read-only{background:#f3f6f9}@media (width<=760px){.auth-panel{margin:35px 15px;padding:24px}.delivery-strip{flex-wrap:wrap}.employee-page .payslip{padding:24px 20px}}
