:root{--ink:#13252d;--muted:#667985;--line:#dbe6e7;--surface:#fff;--surface-soft:#f5f8f8;--accent:#0f8b73;--accent-soft:#e2f2ed;--shadow-soft:0 10px 28px #19313b12;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#edf2f2;font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,sans-serif}.approval-page{gap:18px;display:grid}.approval-hero{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#10b98129,#3b82f614),#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.approval-hero h2{margin:4px 0 6px;font-size:28px}.approval-hero p{color:var(--muted);margin:0}.approval-actions,.approval-meta,.approval-steps{flex-wrap:wrap;gap:10px;display:flex}.approval-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.approval-board{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:16px;display:grid}.approval-column{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#ffffffeb;border-radius:20px;min-width:0;padding:18px}.approval-list{gap:12px;max-height:calc(100vh - 340px);padding-right:4px;display:grid;overflow:auto}.approval-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:12px;padding:16px;display:grid}.approval-card.pending{background:linear-gradient(#ecfdf5a6,#fff);border-color:#10b98157}.approval-card.rejected{border-color:#ef44443d}.approval-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.approval-card-head strong,.approval-card-head span,.approval-card-head em{display:block}.approval-card-head strong{font-size:16px}.approval-card-head span,.approval-meta,.approval-card-head em{color:var(--muted);font-size:13px}.approval-payload{color:#334155;background:#f8fafc;border-radius:12px;max-height:160px;margin:0;padding:10px 12px;font-size:12px;overflow:auto}.approval-steps span{color:#64748b;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.approval-steps span.pending{color:#047857;background:#d1fae5}.approval-steps span.approved{color:#0369a1;background:#e0f2fe}.approval-steps span.rejected{color:#b91c1c;background:#fee2e2}.approval-form{gap:14px;display:grid}.approval-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.approval-type-grid button{border:1px solid var(--line);color:#334155;background:#fff;border-radius:14px;min-height:44px;font-weight:800}.approval-type-grid button.active{color:#047857;background:#ecfdf5;border-color:#10b9816b;box-shadow:0 10px 24px #10b98124}.approval-form-grid,.approval-dynamic-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.approval-form-section{border:1px solid var(--line);background:#f8fafc;border-radius:18px;gap:12px;padding:16px;display:grid}.approval-form-section p{color:var(--muted);margin:0}.approval-employee-strip{background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #10b98133;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.approval-employee-strip span{color:var(--muted);font-size:13px}.approval-form label{gap:7px;display:grid}.approval-form label.wide,.approval-dynamic-fields label.wide{grid-column:1/-1}.approval-form label span{align-items:center;gap:8px;display:flex}.approval-form label em{color:#b91c1c;background:#fee2e2;border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal;font-weight:800}.approval-form textarea{resize:vertical;min-height:110px}.approval-payload-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.approval-payload-list span{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;gap:3px;padding:9px 10px;display:grid}.approval-payload-list em{color:var(--muted);font-size:12px;font-style:normal}.approval-payload-list strong{overflow-wrap:anywhere;min-width:0;font-size:13px}@media (width<=980px){.approval-hero,.approval-board{grid-template-columns:1fr}.approval-hero{display:grid}.approval-kpis,.approval-type-grid,.approval-form-grid,.approval-dynamic-fields,.approval-payload-list,.approval-detail-grid,.approval-archive-item,.approval-detail-steps div,.approval-record-list div{grid-template-columns:1fr}.approval-detail-hero{display:grid}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.primary,.ghost{text-align:center;white-space:normal;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:42px;padding:0 18px;font-weight:700;line-height:1.35;display:inline-flex}.primary{color:#fff;background:#17bf8d;box-shadow:0 14px 28px #17bf8d38}.primary:disabled{opacity:.6}.ghost{color:#31465c;background:#fff;border:1px solid #dce7ef}.ghost.danger{color:#b42318;border-color:#f4c7bf}.eyebrow{color:#3b8f85;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.muted,.message,.soft-panel p,.module-placeholder p,.empty-panel p,.employee-title p{color:#718093}.message{background:#eef8f5;border-radius:12px;padding:10px 12px}.message.error,.loading-page.error{color:#b42318;background:#fff3f0}.brand-mark{color:#fff;background:linear-gradient(145deg,#17bf8d,#0d806c);border-radius:19px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:900;display:grid;box-shadow:0 16px 34px #0e806c4d}.login-shell,.employee-shell{background:radial-gradient(circle at 8% 8%,#17bf8d2e,#0000 34%),linear-gradient(135deg,#eff8f6,#f7fbff 54%,#e5eff4);place-items:center;min-height:100vh;padding:28px;display:grid}.login-shell{grid-template-columns:minmax(320px,480px) minmax(280px,430px);gap:22px}.login-card,.login-side,.employee-card{background:#ffffffe6;border:1px solid #c3d6e1d1;border-radius:28px;width:100%;padding:34px;box-shadow:0 24px 60px #2b405221}.login-card h1,.employee-card h1{margin:14px 0 8px;font-size:34px}.login-side{color:#fff;background:#092f34;flex-direction:column;justify-content:flex-end;align-self:stretch;min-height:330px;display:flex}.login-side p{color:#b4cbce;line-height:1.8}.login-form{gap:16px;margin-top:26px;display:grid}.platform-login-panel{gap:18px;margin-top:26px;display:grid}.platform-login-status{color:#0b7f6c;background:#f0faf7;border:1px solid #cfe6df;border-radius:14px;align-items:center;gap:13px;padding:16px;display:flex}.platform-login-status div{gap:4px;display:grid}.platform-login-status strong{color:#17343a}.platform-login-status span{color:#688086;font-size:13px;line-height:1.5}.login-register-note{color:#71878b;text-align:center;margin:18px 0 0;font-size:13px}.login-register-note a{color:#087f6a;margin-left:5px;font-weight:750;text-decoration:none}.login-register-note a:hover{text-decoration:underline}.login-form label{gap:8px;font-weight:800;display:grid}.login-form input,.searchbox input{background:#fff;border:1px solid #d9e5ed;border-radius:14px;outline:none;min-height:44px;padding:0 14px}.login-form input:focus,.searchbox input:focus{border-color:#17bf8d;box-shadow:0 0 0 4px #17bf8d1f}.admin-shell{background:#edf2f2;grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d7e8e8;background:#102f32;height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.sidebar-brand strong{color:#fff;font-size:18px;display:block}.sidebar-brand span{color:#8bb0b3;margin-top:4px;display:block}.sidebar nav{gap:18px;display:grid}.nav-group{gap:8px;display:grid}.nav-group-title{color:#79a2a4;letter-spacing:.12em;padding:0 11px;font-size:11px;font-weight:800}.nav-group-items{gap:4px;display:grid}.sidebar button{color:#bfd4d6;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 12px;display:flex}.sidebar button.active,.sidebar button:hover{color:#fff;background:#ffffff1c}.sidebar button.active{box-shadow:inset 3px 0 #56d5ad}.workspace{min-width:0;padding:24px 30px 40px;overflow-x:hidden}.workspace *,.modal-card *{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;justify-content:space-between;align-items:center;gap:16px;min-height:100px;margin:-24px -30px 24px;padding:20px 30px;display:flex}.topbar h1{letter-spacing:0;margin:3px 0 4px;font-size:28px}.module-breadcrumb{color:#71848e;margin:0;font-size:12px;font-weight:800}.module-description{color:#6c7f89;font-size:13px}.top-actions{flex-wrap:wrap;gap:10px;display:flex}.dashboard{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;display:grid}.metric-card,.list-panel,.detail-panel,.module-placeholder,.empty-panel{background:#fff;border:1px solid #dfeaf1;border-radius:24px;box-shadow:0 16px 42px #30445614}.metric-card{gap:8px;padding:22px;display:grid}.metric-card span,.info-item span{color:#6f8090;font-size:13px}.metric-card strong{font-size:34px}.metric-card small{color:#8b9bad}.split-view{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid}.employees-page{gap:18px;min-width:0;display:grid}.redesigned-employees-page{gap:16px}.employee-commandbar{grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:12px;display:grid}.employee-commandbar-redesigned{background:linear-gradient(135deg,#14b88b1f,#ffffffeb 48%),#fff;border:1px solid #dfeaf1;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;padding:18px 20px;box-shadow:0 16px 42px #20324412}.employee-commandbar-redesigned h2{letter-spacing:0;margin:2px 0 4px;font-size:28px}.employee-commandbar-redesigned span{color:#617386;font-weight:700}.employee-command-actions,.employee-hero-actions,.employee-action-grid{flex-wrap:wrap;gap:10px;display:flex}.employee-mini-stats{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;display:grid}.employee-mini-stats .metric-card{border-radius:20px;min-height:112px}.employee-workbench{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:16px;min-width:0;display:grid}.employee-list-page{gap:14px;min-width:0;display:grid}.employee-ledger-pane,.employee-detail-pane{min-width:0}.employee-ledger-pane{gap:12px;max-height:calc(100vh - 36px);display:grid;position:sticky;top:18px}.employee-detail-pane{max-height:calc(100vh - 36px);padding-right:4px;overflow:auto}.employee-searchbox{background:#fff;border-radius:18px;min-height:48px;box-shadow:0 10px 28px #3044560f}.list-panel{grid-template-rows:auto auto 1fr;gap:14px;max-height:calc(100vh - 56px);padding:18px;display:grid;position:sticky;top:28px;overflow:hidden}.searchbox{background:#f8fbfc;border:1px solid #dfeaf1;border-radius:16px;align-items:center;gap:10px;padding:0 12px;display:flex}.searchbox input{width:100%;box-shadow:none;background:0 0;border:0}.employee-list{gap:8px;padding-right:4px;display:grid;overflow:auto}.list-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.employee-row{text-align:left;background:#f8fbfc;border:1px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;width:100%;padding:12px;display:flex}.employee-row.active{background:#eafaf5;border-color:#17bf8d}.employee-ledger{border-radius:24px;grid-template-rows:auto minmax(0,1fr);max-height:none;padding:18px;display:grid;overflow:hidden}.employee-ledger header{padding-bottom:10px}.employee-ledger header span:not(.table-count){display:none}.employee-ledger .spreadsheet-scroll{max-height:calc(100vh - 430px);overflow:auto}.employee-ledger .spreadsheet-table tr{cursor:pointer}.employee-ledger .spreadsheet-table tr.selected-row td{background:#eafaf5;border-bottom-color:#bcebdc}.table-count{color:#0b7664;background:#e8f8f2;border-radius:999px;flex:none;padding:8px 12px;font-weight:800}.employee-title{align-items:center;gap:12px;min-width:0;display:flex}.employee-title h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;overflow:hidden}.employee-title p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.avatar{color:#fff;background:#17bf8d;border-radius:16px;flex:none;place-items:center;width:46px;height:46px;font-size:19px;font-weight:900;display:grid}.avatar.large{border-radius:20px;width:58px;height:58px;font-size:24px;box-shadow:0 14px 28px #17bf8d40}.pill{border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.detail-stack{min-width:0;min-height:calc(100vh - 150px);max-height:calc(100vh - 120px);padding-right:4px;overflow:auto}.detail-actions{background:#fff;border:1px solid #dfeaf1;border-radius:20px;justify-content:flex-end;gap:10px;padding:14px;display:flex}.detail-actions.stacked{background:0 0;border:0;justify-content:stretch;padding:0;display:grid}.compact{border-radius:12px;min-height:36px;padding:0 12px;font-size:14px}.detail-panel header{justify-content:space-between;align-items:center;gap:14px;display:flex}.tabs{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.tabs button{color:#617386;background:#eef4f7;border:0;border-radius:999px;padding:10px 16px}.tabs button.active{color:#fff;background:#0b3f45}.info-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;display:grid}.employee-detail-shell{grid-template-columns:1fr;align-items:stretch;gap:16px;min-width:0;display:grid}.employee-detail-empty{text-align:center;place-items:center;min-height:420px;padding:48px;display:grid}.employee-profile-hero{z-index:3;background:radial-gradient(circle at 12% 18%,#17bf8d29,#0000 30%),#fff;border:1px solid #dfeaf1;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex;position:relative;top:auto;box-shadow:0 16px 42px #30445614}.employee-hero-main,.employee-hero-title{align-items:center;gap:12px;min-width:0;display:flex}.employee-hero-main h2{margin:0;font-size:26px;line-height:1.1}.employee-hero-main p{color:#607387;overflow-wrap:anywhere;margin:7px 0 0;font-weight:700}.employee-detail-tabs{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #dfeaf1;border-radius:18px;gap:8px;padding:8px;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 10px 24px #3044560f}.employee-detail-tabs button{color:#5f7284;white-space:nowrap;background:0 0;border:0;border-radius:13px;padding:10px 14px;font-weight:900}.employee-detail-tabs button.active{color:#073d36;background:#e8f8f2}.employee-detail-rail{background:#fff;border:1px solid #dfeaf1;border-radius:24px;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) minmax(180px,auto);align-items:center;gap:16px;padding:18px;display:grid;position:static;overflow:visible;box-shadow:0 16px 42px #30445614}.employee-detail-main{grid-template-columns:repeat(2,minmax(320px,1fr));gap:16px;min-width:0;display:grid}.employee-overview-grid{align-items:stretch}.detail-card{background:#fff;border:1px solid #dfeaf1;border-radius:22px;padding:18px;box-shadow:0 14px 36px #3044560f}.detail-card.span-2{grid-column:1/-1}.employee-health-card{background:linear-gradient(135deg,#0b3f450f,#17bf8d1a),#fff}.detail-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.detail-card-head h4{margin:0;font-size:19px}.detail-card-head span{color:#5f7284;white-space:normal;overflow-wrap:anywhere;font-weight:800}.identity-grid,.info-list.compact{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.info-list.compact{grid-template-columns:1fr}.detail-health{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;display:grid}.detail-health div{background:#f8fbfc;border-radius:16px;justify-content:space-between;gap:10px;padding:12px;display:flex}.detail-health span{color:#6f8090}.detail-health strong{color:#102033}.employee-action-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.quick-approval-grid{border-top:1px dashed #dbe7ee;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:14px;display:grid}.quick-approval-form{width:min(760px,82vw)}.approval-archive-list{gap:10px;display:grid}.approval-archive-item{text-align:left;background:#fff;border:1px solid #dfeaf1;border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:14px;display:grid}.approval-archive-item.pending{background:#f0fdf4;border-color:#10b98147}.approval-archive-item.rejected{background:#fff7f7;border-color:#ef444438}.approval-archive-item strong,.approval-archive-item span,.approval-archive-item small{display:block}.approval-archive-item span,.approval-archive-item small{color:#64748b;font-size:13px}.approval-archive-item em{color:#047857;white-space:nowrap;background:#eef6f4;border-radius:999px;padding:6px 10px;font-style:normal;font-weight:900}.approval-detail-modal{gap:16px;width:min(880px,84vw);display:grid}.approval-detail-hero{background:linear-gradient(135deg,#ecfdf5,#f8fafc);border:1px solid #dfeaf1;border-radius:20px;justify-content:space-between;gap:18px;padding:18px;display:flex}.approval-detail-hero h3{margin:4px 0 6px;font-size:22px}.approval-detail-hero p{color:#64748b;margin:0}.approval-detail-hero>strong{color:#0369a1;background:#e0f2fe;border-radius:999px;align-self:flex-start;padding:8px 12px}.approval-detail-hero>strong.approved{color:#047857;background:#d1fae5}.approval-detail-hero>strong.rejected{color:#b91c1c;background:#fee2e2}.approval-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.approval-detail-section{gap:10px;display:grid}.approval-detail-section h4{margin:0;font-size:17px}.approval-detail-steps,.approval-record-list{gap:10px;display:grid}.approval-detail-steps div,.approval-record-list div{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(96px,auto) minmax(96px,auto);align-items:center;gap:12px;padding:12px;display:grid}.approval-detail-steps div.pending{background:#ecfdf5}.approval-detail-steps div.rejected{background:#fff7f7}.approval-detail-steps span,.approval-record-list span{color:#0f766e;font-weight:900}.approval-detail-steps small,.approval-record-list small{color:#64748b}.danger-zone{border-color:#ffd8d8}.detail-health .ok{background:#e9fbf4}.info-item,.material-line,.detail-card,.contract-editor-panel,.soft-panel{min-width:0}.info-item strong,.material-line strong,.material-line span{overflow-wrap:anywhere}.detail-health .warn{background:#fff6df}.material-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.mini-record-list,.employee-materials{gap:10px;display:grid}.mini-record-list>div,.material-line{background:#f8fbfc;border-radius:16px;padding:12px}.mini-record-list strong,.mini-record-list span,.mini-record-list small,.material-line strong,.material-line span{display:block}.mini-record-list small,.material-line span{color:#718093}.material-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.material-line.required{background:#fffaf0;border:1px solid #ffe1a8}.material-line.archived{background:#f0fbf7;border:1px solid #bcebd9}.material-line em{color:#9a5b00;background:#fff2d7;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:12px;font-style:normal}.empty-inline{color:#718093;text-align:center}.info-item,.soft-panel{background:#fbfdfe;border:1px solid #e1ebf1;border-radius:18px;padding:16px}.info-item{gap:6px;display:grid}.soft-panel h4{margin:0 0 8px}.module-placeholder,.empty-panel,.loading-page{text-align:center;place-items:center;min-height:360px;padding:40px;display:grid}.modal-backdrop{z-index:20;background:#02121a6b;place-items:start end;padding:76px 34px;display:grid;position:fixed;inset:0}.modal-backdrop.center{place-items:center;padding:24px}.modal-card{background:#fff;border-radius:26px;width:min(980px,100vw - 40px);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 26px 80px #02121a42}.modal-card header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.modal-card h3{margin:0}.form-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;display:grid}.form-grid label,.employee-form label{color:#607284;gap:7px;font-weight:700;display:grid}.employee-form{gap:16px;display:grid}.employee-form fieldset{background:#fbfdfe;border:1px solid #e1ebf1;border-radius:20px;padding:18px}.employee-form legend{color:#102033;padding:0 8px;font-weight:900}.company-defaults-editor{gap:16px;display:grid}.company-defaults-editor section{background:linear-gradient(#fbfefe,#f7fbfa);border:1px solid #e1ebf1;border-radius:22px;padding:18px}.company-defaults-editor h4{color:#102033;margin:0 0 14px}.employee-form .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.soft-panel select,.soft-panel textarea{background:#fff;border:1px solid #d9e5ed;border-radius:14px;width:100%;min-height:42px;padding:0 12px}.form-grid textarea{resize:vertical;min-height:96px;padding:12px}.soft-panel textarea{resize:vertical;min-height:140px;padding:12px}.import-form{gap:14px;display:grid}.import-form textarea{resize:vertical;border:1px solid #d9e5ed;border-radius:18px;width:100%;min-height:260px;padding:14px}.modal-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.module-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.attendance-page{gap:16px;display:grid}.attendance-toolbar{flex-wrap:wrap;align-items:end;gap:10px;margin-top:14px;display:flex}.attendance-toolbar label{gap:6px;min-width:150px;display:grid}.attendance-toolbar label span{color:var(--muted);font-size:12px;font-weight:800}.attendance-toolbar input,.attendance-toolbar select{min-height:38px}.attendance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.attendance-table-panel{min-width:0}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel-title-row h3{margin-bottom:4px}.panel-title-row>span{color:#21685d;background:#eef6f3;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:900}.attendance-table-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:760px}.attendance-table th,.attendance-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap;padding:11px 12px}.attendance-table th{color:#365259;background:#f5faf8;font-size:12px;font-weight:900}.attendance-table tr:last-child td{border-bottom:0}.attendance-table code{color:#24444b;background:#f2f6f8;border-radius:6px;padding:3px 6px}.table-empty{color:var(--muted);text-align:center!important}.frontdesk-page{gap:16px;display:grid}.frontdesk-command,.frontdesk-device-panel,.frontdesk-employee-panel{min-width:0}.frontdesk-task-form{grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end;gap:12px;display:grid}.frontdesk-task-form label{gap:6px;display:grid}.frontdesk-task-form label span{color:var(--muted);font-size:12px;font-weight:800}.frontdesk-task-form input,.frontdesk-task-form select{min-height:42px}.frontdesk-task-actions{gap:10px;display:flex}.frontdesk-task-actions button{min-height:42px}.frontdesk-selected{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.frontdesk-selected span{border:1px solid var(--line);color:var(--muted);background:#f8fbfc;border-radius:8px;padding:7px 10px;font-size:13px}.frontdesk-selected strong{color:var(--text)}.frontdesk-grid{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:16px;display:grid}.frontdesk-device-list{gap:10px;display:grid}.frontdesk-device{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;gap:4px;width:100%;padding:12px;display:grid}.frontdesk-device.active{background:#eafaf5;border-color:#17bf8d}.frontdesk-device strong{justify-content:space-between;align-items:center;gap:8px;display:flex}.frontdesk-device strong,.frontdesk-device span,.frontdesk-device small{overflow-wrap:anywhere;min-width:0}.frontdesk-device span,.frontdesk-device small{color:var(--muted);font-size:12px}.frontdesk-device-status{background:#f7fbfc;border:1px solid #d6e3e8;border-radius:999px;flex:none;padding:3px 7px;font-weight:900;color:#5f7380!important;font-size:11px!important}.frontdesk-device-status.online{background:#e7f8f1;border-color:#a5e6cf;color:#0f8f69!important}.frontdesk-device-status.offline{background:#fff5e8;border-color:#f3d3b1;color:#b25c12!important}.frontdesk-device-status.disabled{background:#fff0f0;border-color:#e3c7c7;color:#a53b3b!important}.frontdesk-employee-list{max-height:560px}.two-column,.contract-module{grid-template-columns:minmax(300px,420px) 1fr;align-items:start;gap:16px;display:grid}.info-change-page{gap:18px;display:grid}.info-change-hero{color:#fff;background:linear-gradient(135deg,#0b4d53eb,#189482bd),radial-gradient(circle at 20% 20%,#ffffff47,#0000 34%);border:1px solid #dbe9ef;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:24px;padding:24px;display:flex;box-shadow:0 22px 60px #0f373f2e}.info-change-hero h2{margin:8px 0;font-size:34px}.info-change-hero p{color:#ffffffd1;max-width:720px;margin:0}.info-change-hero .eyebrow{color:#ffffffad}.info-change-kpis{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px;min-width:340px;display:grid}.info-change-kpis div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff47;border-radius:20px;padding:14px 16px}.info-change-kpis strong,.info-change-kpis span{display:block}.info-change-kpis strong{font-size:28px}.info-change-kpis span{color:#ffffffc7;font-size:13px}.info-change-layout{grid-template-columns:minmax(360px,.92fr) minmax(520px,1.45fr);align-items:start;gap:18px;display:grid}.info-change-create,.info-change-review,.info-change-history{background:#ffffffeb;border:1px solid #dfeaf1;border-radius:26px;box-shadow:0 18px 48px #30445617}.info-change-create{gap:14px;padding:20px;display:grid}.info-change-review,.info-change-history{padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-heading h3{margin:4px 0 0}.pill{color:#087761;white-space:nowrap;background:#e7f7f1;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:4px 11px;font-weight:800;display:inline-flex}.info-control{color:#607284;gap:7px;font-weight:700;display:grid}.info-control select[multiple]{border-radius:18px;min-height:210px;padding:10px}.info-control select option{padding:9px 10px}.selected-employee-strip{flex-wrap:wrap;gap:8px;display:flex}.selected-employee-strip span{color:#086b61;background:#eef7f5;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.info-field-picker{background:linear-gradient(#fbfefe,#f7fbfa);border:1px solid #e1ebf1;border-radius:22px;gap:12px;padding:14px;display:grid}.picker-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.picker-title small{color:#718093}.field-chip-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.info-field-picker label{background:#fff;border:1px solid #e5eef3;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;padding:10px 11px;transition:all .16s}.info-field-picker label.selected{background:#eafaf4;border-color:#28c69f;box-shadow:0 10px 24px #28c69f1f}.info-field-picker small{color:#8b9bad;font-weight:500}.info-change-list{gap:10px;max-height:calc(100vh - 330px);padding-right:4px;display:grid;overflow:auto}.info-change-item{background:#fbfdfe;border:1px solid #e1ebf1;border-radius:20px;gap:12px;padding:16px;display:grid}.info-change-item.submitted{background:#f0fbf7;border-color:#bcebd9}.info-change-main{grid-template-columns:1fr auto;align-items:start;gap:8px 14px;display:grid}.info-change-main strong,.info-change-main span,.info-change-main small,.info-change-main em{display:block}.info-change-main span,.info-change-main small{color:#718093}.info-change-main small{grid-column:1/-1}.info-change-main em{color:#087761;white-space:nowrap;background:#e6f8f2;border-radius:999px;padding:5px 10px;font-size:12px;font-style:normal;font-weight:800}.info-change-submit{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.info-change-submit div{background:#fff;border-radius:12px;padding:10px}.info-change-submit span,.info-change-submit strong{display:block}.info-change-submit span{color:#718093;font-size:13px}.info-change-history .mini-record-list{margin-top:14px}.org-card{background:#fff;border:1px solid #dfeaf1;border-radius:24px;padding:22px;box-shadow:0 16px 42px #30445614}.org-card h3{margin:0 0 6px}.org-dashboard-page,.payroll-page{gap:18px;display:grid}.org-kpis,.payroll-kpis{grid-template-columns:repeat(4,minmax(160px,1fr))}.org-board,.spreadsheet-panel{background:#fff;border:1px solid #dfeaf1;border-radius:28px;padding:24px;box-shadow:0 18px 46px #30445614}.org-root{text-align:center;color:#fff;background:linear-gradient(135deg,#07373d,#0f6f68);border-radius:22px;width:min(420px,100%);margin:0 auto 28px;padding:22px;box-shadow:0 18px 42px #07373d2e}.org-root span,.org-root small{color:#ffffffb8;display:block}.org-root strong{margin:6px 0;font-size:24px;display:block}.org-branch-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.org-department-card{background:linear-gradient(#fff,#f8fcfd);border:1px solid #dfeaf1;border-radius:22px;padding:18px}.org-department-card header,.spreadsheet-panel header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.org-department-card h3,.spreadsheet-panel h3{margin:0}.org-department-card p,.spreadsheet-panel header span{color:#718093;margin:6px 0 0}.finance-export-panel{background:linear-gradient(135deg,#10b9811a,#0ea5e912),#fbfefd;border:1px solid #10b98138;border-radius:20px;grid-template-columns:minmax(260px,1fr) minmax(220px,280px) auto;align-items:end;gap:14px;margin:18px 0;padding:16px;display:grid}.finance-export-panel h4{margin:3px 0 6px;font-size:18px}.finance-export-panel span{color:#64748b}.finance-export-panel label{gap:7px;margin:0;display:grid}.finance-export-panel label span{color:#4d6070;font-size:13px;font-weight:900}.finance-export-panel select{background:#fff;border:1px solid #dfeaf1;border-radius:14px;min-height:42px;padding:0 12px}.org-department-card header>span{text-align:center;color:#0b7664;background:#e8f8f2;border-radius:999px;min-width:54px;padding:7px 10px;font-weight:800}.org-size-bar{background:#edf4f7;border-radius:999px;height:10px;margin:16px 0;overflow:hidden}.org-size-bar i{border-radius:inherit;background:linear-gradient(90deg,#17bf8d,#5fd0e3);height:100%;display:block}.org-leader{background:#f1f8f8;border-radius:16px;gap:3px;margin-bottom:14px;padding:12px;display:grid}.org-leader span,.org-leader small{color:#718093;font-size:13px}.org-members,.timeline,.card-list{gap:10px;display:grid}.org-members span,.timeline article{background:#f7fbfc;border-radius:14px;padding:12px}.timeline article strong,.timeline article span{display:block}.timeline article p{color:#607284}.timeline article span{color:#8b9bad;font-size:13px}.chart-card{min-height:260px}.bar-row{grid-template-columns:86px 1fr 32px;align-items:center;gap:10px;display:grid}.bar-row div{background:#eef4f7;border-radius:999px;height:10px;overflow:hidden}.bar-row i{border-radius:inherit;background:#17bf8d;height:100%;display:block}.spreadsheet-panel header{margin-bottom:18px}.spreadsheet-scroll{border:1px solid #dfeaf1;border-radius:18px;overflow:auto}.spreadsheet-table{border-collapse:collapse;background:#fff;width:100%;min-width:900px}.spreadsheet-table th,.spreadsheet-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8f0f4;border-right:1px solid #eef4f7;padding:13px 14px}.spreadsheet-table th{z-index:1;color:#4d6070;background:#f4fafb;font-size:13px;position:sticky;top:0}.spreadsheet-table tr:hover td{background:#f8fcfd}.payroll-rules-panel{background:linear-gradient(#fff,#f6fbfc)}.payroll-rule-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;display:grid}.payroll-rule-grid label{background:#fff;border:1px solid #dfeaf1;border-radius:18px;gap:8px;margin:0;padding:14px;display:grid}.payroll-rule-grid label.span-2{grid-column:span 2}.payroll-rule-grid span{color:#607284;font-size:13px;font-weight:800}.payroll-rule-grid input,.payroll-rule-grid select,.payroll-rule-grid textarea{background:#f8fbfc;border:1px solid #dfeaf1;border-radius:14px;width:100%;padding:10px 12px}.payroll-rule-grid textarea{resize:vertical;min-height:92px}.pill{color:#44606d;background:#edf4f7;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.pill.ok{color:#0b7664;background:#e8f8f2}.pill.warn{color:#9a6100;background:#fff3d9}.contract-tools{max-height:calc(100vh - 56px);position:sticky;top:28px;overflow:auto}.contract-tools select{margin:12px 0}.contract-switch-panel{background:linear-gradient(135deg,#fff,#eef9f5);border:1px solid #dfeaf1;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex;box-shadow:0 16px 42px #30445614}.contract-switch-panel h2{margin:0 0 6px}.contract-switch-panel span,.contract-switch-panel label span{color:#718093}.contract-switch-panel label{gap:7px;min-width:min(240px,100%);font-weight:800;display:grid}.contract-picker-page{gap:16px;display:grid}.contract-picker-hero{color:#fff;background:linear-gradient(135deg,#07373df0,#158370c2),radial-gradient(circle at 82% 18%,#ffffff3d,#0000 30%);border:1px solid #dfeaf1;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:24px;padding:24px;display:flex;box-shadow:0 22px 58px #30445624}.contract-picker-hero h2{margin:6px 0 8px;font-size:32px}.contract-picker-hero span,.contract-picker-hero .eyebrow{color:#ffffffc7}.contract-picker-stats{grid-template-columns:repeat(3,minmax(96px,1fr));gap:10px;min-width:360px;display:grid}.contract-picker-stats div{background:#ffffff1f;border:1px solid #ffffff40;border-radius:18px;padding:14px}.contract-picker-stats strong,.contract-picker-stats span{display:block}.contract-picker-stats strong{font-size:28px}.contract-picker-stats span{font-size:13px}.contract-picker-toolbar{background:#fff;border:1px solid #dfeaf1;border-radius:22px;padding:14px;box-shadow:0 12px 30px #3044560f}.contract-employee-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:14px;display:grid}.contract-employee-card{text-align:left;background:linear-gradient(#fff,#f8fcfd);border:1px solid #dfeaf1;border-radius:22px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 12px 30px #3044560f}.contract-employee-card:hover{border-color:#17bf8d;transform:translateY(-2px);box-shadow:0 18px 42px #17bf8d1f}.contract-employee-card .avatar{color:#fff;background:linear-gradient(135deg,#0d6b68,#28c69f);border-radius:18px;place-items:center;width:54px;height:54px;font-size:22px;font-weight:900;display:grid}.contract-employee-card strong,.contract-employee-card span,.contract-employee-card small,.contract-employee-card em{display:block}.contract-employee-card strong{color:#102033;font-size:18px}.contract-employee-card span,.contract-employee-card small{color:#718093;overflow-wrap:anywhere;margin-top:4px}.contract-employee-card em{color:#0b7664;white-space:normal;background:#e8f8f2;border-radius:999px;grid-column:2;justify-self:start;max-width:100%;padding:7px 11px;font-style:normal;font-weight:800;line-height:1.35}.contract-module-single{grid-template-columns:1fr}.contract-module-single .contract-editor-panel{width:100%}.contract-module-single .contract-field-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.contract-list{gap:8px;margin-top:12px;display:grid}.contract-list-item{text-align:left;background:#f8fbfc;border:1px solid #e1ebf1;border-radius:16px;gap:5px;padding:12px;display:grid}.contract-list-item.active{background:#eafaf5;border-color:#17bf8d}.contract-list-item strong,.contract-list-item span,.contract-list-item small{display:block}.contract-list-item span,.contract-list-item small{color:#718093}.contract-editor-panel{min-height:calc(100vh - 176px)}.contract-form{gap:16px;display:grid}.contract-form label{color:#607284;gap:7px;font-weight:700;display:grid}.contract-form input,.contract-form select,.contract-form textarea{background:#fff;border:1px solid #d9e5ed;border-radius:14px;width:100%;min-height:42px;padding:0 12px}.contract-form textarea{resize:vertical;min-height:96px;padding:12px}.contract-form input[readonly]{color:#617282;background:#f2f6f8}.contract-field-group{background:linear-gradient(#fff,#f8fcfb);border:1px solid #e1ebf1;border-radius:22px;padding:18px;box-shadow:0 12px 30px #3044560d}.contract-field-group-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.contract-field-group-head h4{color:#102033;margin:0}.contract-field-group-head p{color:#718093;max-width:520px;margin:0;font-size:13px;line-height:1.6}.contract-field-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;display:grid}.contract-form .wide,.contract-action-prompt,.contract-flow-actions{grid-column:1/-1}.contract-action-prompt{color:#815400;background:#fff7e6;border-radius:16px;padding:12px 14px;font-weight:800}.contract-flow-actions,.page-return-actions{flex-wrap:wrap;gap:10px;display:flex}.page-return-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.contract-frame{background:#fff;border:1px solid #dfeaf1;border-radius:24px;min-height:720px;overflow:hidden}.contract-frame iframe{border:0;width:100%;height:720px}.settings-panel{max-width:960px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:16px;display:grid}.settings-action-card{text-align:left;background:#fff;border:1px solid #dfeaf1;border-radius:24px;align-content:space-between;gap:10px;min-height:170px;padding:20px;display:grid;box-shadow:0 16px 42px #30445614}.settings-action-card span,.settings-action-card small{color:#718093}.settings-action-card strong{font-size:20px}.settings-action-card.contract{background:linear-gradient(145deg,#fff,#effaf6)}.settings-action-card.company{background:linear-gradient(145deg,#fff,#f2f7ff)}.settings-action-card.security{background:linear-gradient(145deg,#fff,#fff8ec)}.settings-action-card.backup{background:linear-gradient(145deg,#fff,#f5f1ff)}.field-guide{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.field-guide div{background:#f8fbfc;border-radius:14px;gap:4px;padding:11px 12px;display:grid}.field-guide code{color:#0d806c;font-weight:900}.field-guide span{color:#718093}.template-admin-list{gap:12px;display:grid}.template-admin-row{background:#fbfdfe;border:1px solid #e1ebf1;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.template-admin-row.ready{background:#f0fbf7;border-color:#bcebd9}.template-admin-row strong,.template-admin-row span{display:block}.template-admin-row span{color:#718093;margin-top:5px}.template-admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.template-mapping-review{gap:16px;display:grid}.template-ai-summary{background:linear-gradient(135deg,#f4fbfb,#ecf8f3);border:1px solid #d7ece7;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex}.template-ai-summary h3{margin:0}.template-ai-summary span{color:#607284;margin-top:6px;display:block}.template-ai-summary strong{color:#0b7664;background:#fff;border-radius:999px;flex:none;padding:8px 12px}.template-mapping-board{gap:12px;max-height:62vh;padding-right:4px;display:grid;overflow:auto}.template-mapping-card{background:#fff;border:1px solid #dfeaf1;border-radius:18px;gap:12px;padding:14px;display:grid}.template-mapping-card.disabled{opacity:.62;background:#f7fafb}.template-mapping-card-head,.template-card-switches,.template-raw-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.template-mapping-card-head>div{align-items:center;gap:10px;min-width:0;display:flex}.template-mapping-card-head strong{color:#102033}.confidence{color:#0b7664;background:#e8f8f2;border-radius:999px;flex:none;padding:5px 10px;font-weight:900}.template-context-box{background:#f8fbfc;border:1px solid #e1ebf1;border-radius:14px;padding:12px}.template-context-box small,.template-raw-line span,.mapping-select span{color:#607284;font-size:13px;font-weight:800}.template-context-box p{overflow-wrap:anywhere;margin:6px 0 0;line-height:1.65}.template-raw-line{background:#fffaf0;border-radius:14px;padding:10px 12px}.template-raw-line strong{overflow-wrap:anywhere;text-align:right}.mapping-select{gap:7px;display:grid}.mapping-select select{background:#f8fbfc;border:1px solid #dfeaf1;border-radius:12px;width:100%;padding:10px 12px}.mapping-select small{color:#8b9bad}.template-card-switches{flex-wrap:wrap;justify-content:flex-start}.template-card-switches label{background:#f1f7f8;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:inline-flex}.template-empty-state{text-align:center;color:#718093;background:#f8fbfc;border:1px dashed #cbdce5;border-radius:18px;padding:28px}.template-mapping-actions{justify-content:flex-end;gap:10px;display:flex}.qr-popover{background:#fff;border-radius:24px;width:min(330px,100vw - 40px);padding:22px;box-shadow:0 20px 60px #00000038}.qr-popover h3{margin:0 0 14px}.qr-popover img{aspect-ratio:1;object-fit:contain;background:#f7fbfc;border:1px solid #e2edf3;border-radius:18px;width:100%}.employee-card{max-width:720px}.employee-portal-card{max-width:980px}.employee-profile{gap:20px;display:grid}.employee-self-section{gap:18px;display:grid}.self-form{gap:16px;display:grid}.self-form fieldset{background:#fbfdfe;border:1px solid #dfeaf1;border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;padding:18px;display:grid}.self-form legend{color:#082032;padding:0 8px;font-weight:900}.employee-self-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-profile-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.profile-group{background:#fff;border:1px solid #dfeaf1;border-radius:22px;gap:10px;padding:16px;display:grid}.profile-group h3{margin:0 0 4px}.employee-material-upload,.signature-panel{background:#fff;border:1px solid #dfeaf1;border-radius:22px;padding:18px}.employee-material-upload h3,.signature-panel h3{margin-top:0}.employee-material-list,.employee-change-list{gap:16px;display:grid}.material-card{background:#fbfdfe;border:1px solid #e1ebf1;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.material-card.required{background:#fffaf0;border-color:#ffd7a3}.material-card.archived{background:#f0fbf7;border-color:#bcebd9}.material-card strong,.material-card span,.material-card small{display:block}.material-card em{color:#b45500;margin-left:8px;font-size:12px;font-style:normal}.employee-contract-view{gap:16px;display:grid}.contract-preview-box{background:#fff;border:1px solid #dfeaf1;border-radius:22px;min-height:640px;overflow:hidden}.contract-preview-box object{width:100%;height:640px}.signature-panel canvas{touch-action:none;background:#fff;border:1px solid #dfeaf1;border-radius:18px;width:100%;height:220px}.signature-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.employee-change-card{background:linear-gradient(#fffffffa,#f7fcfaf5);border:1px solid #dfeaf1;border-radius:24px;gap:14px;padding:18px;display:grid;box-shadow:0 14px 34px #2d465814}.employee-change-card.readonly{box-shadow:none;background:#f8fbfc}.employee-change-card strong,.employee-change-card span,.employee-change-card small{display:block}.employee-change-fields{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.page-intro{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:12px;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 22px;display:flex}.page-intro h2{letter-spacing:0;margin:2px 0 5px;font-size:26px}.page-intro>div>span,.page-intro>span{color:var(--muted)}.data-dashboard-page,.export-center-page{gap:18px;display:grid}.data-dashboard-intro{color:#f7fffc;background:linear-gradient(110deg,#0c383bfa,#126458e0),#12383a;border-color:#17484a}.data-dashboard-intro .eyebrow,.data-dashboard-intro>div>span,.data-dashboard-intro>span{color:#edfff9bd}.data-freshness,.org-summary,.payroll-summary{background:#eef6f3;border-radius:999px;flex:none;padding:8px 11px;font-size:12px;font-weight:900;color:#21685d!important}.data-dashboard-intro .data-freshness{background:#ffffff1f;color:#effff9!important}.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-metrics .metric-card{min-height:128px;box-shadow:none;border-radius:10px}.dashboard-metrics .metric-card strong{color:#143a3c}.dashboard-section{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:12px;padding:22px}.dashboard-section>header{margin-bottom:16px}.dashboard-section h3,.dashboard-section p{margin:0}.dashboard-section p{color:var(--muted);margin-top:5px}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.insight-grid .chart-card{box-shadow:none;background:#f8faf9;border-radius:10px}.export-center-intro{align-items:center}.export-security-note{color:#35655d;background:#f1f7f5;border-radius:8px;align-items:center;gap:8px;max-width:360px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.export-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.export-card{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-rows:auto 1fr auto;gap:14px;min-height:230px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 8px 22px #19313b0d}.export-card:hover{border-color:#a9cbc2;transform:translateY(-2px);box-shadow:0 14px 30px #19313b17}.export-card-icon{color:#f5fffb;background:#126e60;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.export-card-copy>span{color:#15806a;font-size:12px;font-weight:900}.export-card h3{margin:5px 0 7px;font-size:18px}.export-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.export-button{border-radius:8px;width:100%}.employee-commandbar-redesigned,.employee-ledger,.org-board,.spreadsheet-panel,.approval-hero,.approval-column,.info-change-create,.info-change-review,.info-change-history{border-radius:12px}.employee-commandbar-redesigned{box-shadow:var(--shadow-soft);background:#fff;padding:20px 22px}.employee-filterbar{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(130px,180px)) auto;align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 6px 18px #19313b0a}.employee-filterbar select{color:#334b55;background:#f8faf9;border:1px solid #d9e5e5;border-radius:8px;width:100%;min-height:44px;padding:0 11px}.employee-searchbox{box-shadow:none;border-radius:8px}.filter-result-count{color:#136a5b;white-space:nowrap;background:#e8f5f1;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.employee-ledger{border-radius:10px;padding:0}.employee-ledger>header{padding:16px 18px 12px}.employee-ledger .spreadsheet-scroll{border-width:1px 0 0;border-radius:0}.employee-ledger .spreadsheet-table{min-width:820px}.employee-ledger .spreadsheet-table th,.employee-ledger .spreadsheet-table td{vertical-align:middle;padding:12px 13px}.ledger-employee-cell,.ledger-stack-cell{gap:3px;display:grid}.ledger-employee-cell strong{color:#18323a;font-size:14px}.ledger-employee-cell span,.ledger-stack-cell span{color:#71848e;font-size:12px}.ledger-stack-cell strong{font-size:13px}.workflow-count{color:#566b74;background:#eef3f3;border-radius:999px;align-items:center;min-height:36px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.workflow-count.pending{color:#936112;background:#fff1d5}.workflow-summary{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.org-page-intro,.payroll-page-intro{align-items:center}.org-board,.spreadsheet-panel{padding:20px}@media (width<=1280px){.admin-shell{grid-template-columns:232px minmax(0,1fr)}.sidebar{padding:22px 14px}.workspace{padding:22px}.topbar{margin:-22px -22px 22px;padding:18px 22px}.dashboard,.employee-mini-stats,.org-kpis,.payroll-kpis,.export-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-commandbar{grid-template-columns:minmax(0,1fr) auto}.employee-workbench,.approval-board,.two-column,.contract-module,.info-change-layout,.contract-editor-layout{grid-template-columns:1fr}.employee-ledger-pane{max-height:none;position:static}.employee-detail-pane,.detail-stack{max-height:none;overflow:visible}.employee-ledger .spreadsheet-scroll{max-height:none}.employee-detail-main,.employee-detail-rail,.contract-module-single .contract-field-grid,.contract-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-export-panel{grid-template-columns:minmax(0,1fr) minmax(180px,260px)}.finance-export-panel button{grid-column:1/-1;justify-self:start}.payroll-rule-grid,.approval-detail-grid,.approval-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-change-hero{flex-direction:column;align-items:flex-start}.info-change-kpis{width:100%;min-width:0}}@media (width<=980px){.login-shell,.admin-shell,.split-view,.employee-commandbar,.employee-commandbar-redesigned,.employee-workbench,.payroll-rule-grid,.finance-export-panel,.info-change-layout,.frontdesk-task-form,.frontdesk-grid,.dashboard{grid-template-columns:1fr}.frontdesk-task-actions{flex-wrap:wrap}.insight-grid,.employee-filterbar{grid-template-columns:1fr 1fr}.employee-filterbar .employee-searchbox,.employee-filterbar .filter-result-count{grid-column:1/-1}.employee-mini-stats,.employee-detail-main,.detail-health{grid-template-columns:1fr}.employee-ledger-pane{max-height:none;position:static}.employee-detail-pane{max-height:none;overflow:visible}.employee-ledger{max-height:none}.employee-profile-hero,.employee-hero-main{flex-direction:column;align-items:flex-start}.employee-detail-tabs{top:0}.info-change-hero,.contract-picker-hero{flex-direction:column;align-items:flex-start}.info-change-kpis,.contract-picker-stats{width:100%;min-width:0}.info-change-list{max-height:none}.contract-module-single .contract-field-grid,.contract-field-grid{grid-template-columns:1fr}.contract-field-group-head{display:grid}.payroll-rule-grid label.span-2{grid-column:auto}.sidebar{height:auto;position:static}.workspace{padding:18px}.topbar{margin:-18px -18px 20px;padding:18px}.list-panel{max-height:none;position:static}.detail-stack{max-height:none;overflow:visible}.employee-detail-rail{grid-template-columns:1fr}.topbar,.page-intro{flex-direction:column;align-items:flex-start}.info-grid,.form-grid,.two-column,.contract-module{grid-template-columns:1fr}}@media (width<=680px){.export-card-grid,.insight-grid,.employee-filterbar{grid-template-columns:1fr}.employee-filterbar .employee-searchbox,.employee-filterbar .filter-result-count{grid-column:auto}.employee-command-actions,.top-actions{width:100%}.employee-command-actions button,.top-actions button{flex:160px}}.employee-access-shell{color:#102b2c;background:#eef3f2;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.employee-access-story{color:#f4fffb;background:#0d3b3a;flex-direction:column;justify-content:space-between;gap:56px;min-height:100vh;padding:clamp(34px,6vw,86px);display:flex;position:relative;overflow:hidden}.employee-access-story:after{content:"";background:#1c7c653d;border:1px solid #92ebcb38;height:62%;position:absolute;inset:auto -18% -22% 28%;transform:rotate(-8deg)}.employee-access-story>*{z-index:1;position:relative}.employee-access-brand,.employee-workspace-brand{align-items:center;gap:13px;display:flex}.employee-access-brand>span,.employee-workspace-brand>span{color:#062d2c;letter-spacing:.04em;background:#24c89a;border-radius:7px;place-items:center;width:43px;height:43px;font-weight:950;display:grid}.employee-access-brand strong{font-size:20px}.employee-access-story h1{letter-spacing:0;max-width:720px;margin:12px 0 20px;font-family:Avenir Next,Microsoft YaHei UI,sans-serif;font-size:clamp(38px,5vw,66px);line-height:1.14}.employee-access-story p:not(.eyebrow){color:#b9d5d0;max-width:600px;margin:0;font-size:17px;line-height:1.8}.employee-access-points{flex-wrap:wrap;gap:12px;display:flex}.employee-access-points span{color:#d8eee9;background:#0322213d;border:1px solid #bfe8dc38;border-radius:6px;align-items:center;gap:8px;padding:10px 13px;display:flex}.employee-access-panel{place-items:center;min-width:0;padding:clamp(26px,5vw,70px);display:grid}.employee-access-card{background:#fff;border:1px solid #d6e2df;border-radius:8px;width:min(540px,100%);max-height:calc(100vh - 56px);padding:clamp(26px,4vw,46px);overflow:auto;box-shadow:0 22px 58px #1b3d3d1c}.employee-access-back{color:#52706f;background:0 0;border:0;padding:0;font-weight:700}.employee-access-title{margin:28px 0 6px}.employee-access-title>span{color:#0a876f;font-size:13px;font-weight:800}.employee-access-title h2{letter-spacing:0;margin:7px 0 9px;font-size:30px}.employee-access-title p{color:#738583;margin:0;line-height:1.65}.employee-access-card .employee-login-form{gap:13px;margin-top:25px}.employee-access-card .employee-login-form label{background:0 0;border:0;padding:0}.employee-access-card .employee-login-form label span{color:#425b5a;margin-bottom:7px;font-size:13px;font-weight:750;display:block}.employee-access-card .employee-login-form input{background:#f7faf9;border-radius:6px;min-height:48px}.employee-access-card .employee-login-form .primary{min-height:48px;margin-top:5px}.employee-access-divider{color:#8a9a98;align-items:center;gap:12px;margin:26px 0 14px;font-size:12px;display:flex}.employee-access-divider:before,.employee-access-divider:after{content:"";background:#e0e9e6;flex:1;height:1px}.employee-register-entry{color:#126b59;background:#f4faf7;border:1px solid #a7c8be;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:45px;font-weight:800;display:flex}.employee-workspace-shell{color:#122a2a;background:#edf2f1;grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.employee-workspace-nav{color:#e8f4f1;background:#123c3b;flex-direction:column;height:100vh;padding:22px 15px 16px;display:flex;position:sticky;top:0}.employee-workspace-brand{border-bottom:1px solid #daefe924;padding:0 6px 22px}.employee-workspace-brand>div{gap:2px;display:grid}.employee-workspace-brand strong{font-size:16px}.employee-workspace-brand small{color:#8eb7af;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.employee-workspace-person{background:#05252447;border-radius:7px;margin:18px 0 14px;padding:13px 10px}.employee-workspace-person .employee-badge{color:#fff}.employee-workspace-person>span{color:#9ebeb8;margin:8px 0 0 50px;font-size:11px;line-height:1.45;display:block}.employee-workspace-nav nav{gap:4px;display:grid}.employee-workspace-nav nav button,.employee-workspace-logout{color:#bad0cb;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;min-height:43px;padding:0 12px;font-weight:750;display:flex}.employee-workspace-nav nav button:hover,.employee-workspace-nav nav button.active{color:#fff;background:#1b5c55}.employee-workspace-nav nav button.active svg{color:#5ee0b3}.employee-workspace-logout{border-top:1px solid #daefe91f;border-radius:0;width:100%;margin-top:auto}.employee-workspace-main{min-width:0;position:relative}.employee-workspace-header{background:#f8fbfaf0;border-bottom:1px solid #d7e1df;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:16px clamp(20px,4vw,48px);display:flex}.employee-workspace-header>div:first-child{gap:3px;display:grid}.employee-workspace-header span{color:#718482;font-size:12px}.employee-workspace-header strong{font-size:21px}.employee-header-status{color:#4c6662;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.status-dot{background:#17a77f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dff3ed}.employee-workspace-content{width:min(1260px,100%);margin:0 auto;padding:clamp(22px,4vw,46px)}.employee-workspace-section,.employee-home-page{gap:20px;display:grid}.workspace-section-title h2{margin:3px 0 6px;font-size:28px}.workspace-section-title>span,.workspace-section-title>div>span{color:#6e817e}.workspace-section-title.row,.workspace-list-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-home-hero{color:#f2fbf8;background:#194b49;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(230px,.36fr);align-items:center;gap:28px;min-height:214px;padding:clamp(24px,4vw,42px);display:grid;box-shadow:0 18px 42px #1845432e}.employee-home-hero h2{margin:7px 0 10px;font-size:clamp(27px,4vw,42px)}.employee-home-hero>div:first-child>span{color:#b6d0ca}.employee-home-salary{border-left:1px solid #daefe938;gap:6px;min-width:0;padding:22px;display:grid}.employee-home-salary small{color:#b3cec7}.employee-home-salary strong{overflow-wrap:anywhere;font-size:clamp(24px,3vw,36px)}.employee-home-salary button,.workspace-list-head button,.employee-home-reminder button{color:#58ddb0;background:0 0;border:0;align-items:center;gap:4px;width:fit-content;padding:0;font-weight:800;display:flex}.employee-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.employee-quick-grid>button{text-align:left;background:#fff;border:1px solid #d7e2df;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;min-height:102px;padding:16px;display:grid}.employee-quick-grid>button:hover{border-color:#79b9a6;transform:translateY(-2px);box-shadow:0 12px 28px #224b4614}.employee-quick-grid>button>span{color:#0e7e66;background:#e7f5f0;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.employee-quick-grid>button>div{gap:4px;min-width:0;display:grid}.employee-quick-grid strong,.employee-quick-grid small{overflow-wrap:anywhere}.employee-quick-grid small{color:#758784;line-height:1.4}.employee-home-columns{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:14px;display:grid}.employee-home-columns>section,.employee-expense-form,.employee-expense-history,.employee-payslip-paper{background:#fff;border:1px solid #d8e2e0;border-radius:8px;padding:20px}.workspace-list-head h3{margin:2px 0 0}.employee-status-list{margin-top:16px;display:grid}.employee-status-list>div:not(.workspace-empty){border-top:1px solid #edf1f0;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.employee-status-list strong,.employee-status-list small{display:block}.employee-status-list small{color:#788a87;margin-top:3px}.employee-status-list em,.employee-expense-history em{color:#526a66;font-size:12px;font-style:normal;font-weight:800}.expense-status-mark{background:#c2cfcc;border-radius:50%;width:9px;height:9px}.expense-status-mark.pending{background:#e7a539}.expense-status-mark.approved{background:#19a77f}.expense-status-mark.rejected{background:#d2534b}.employee-home-reminder>div{grid-template-columns:76px minmax(0,1fr);align-items:baseline;margin-top:14px;display:grid}.employee-home-reminder>div strong{font-size:25px}.employee-home-reminder>div span{color:#71817f;font-size:13px}.employee-home-reminder button,.workspace-list-head button{color:#0c7c65;margin-top:17px}.employee-payslip-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:14px;display:grid}.employee-payslip-layout>aside{gap:8px;display:grid}.employee-payslip-layout>aside button{text-align:left;background:#f8fbfa;border:1px solid #d7e2df;border-radius:7px;gap:4px;padding:14px;display:grid}.employee-payslip-layout>aside button.active{color:#fff;background:#195b52;border-color:#195b52}.employee-payslip-layout>aside small{color:inherit;opacity:.7}.employee-payslip-paper>header{justify-content:space-between;align-items:center;display:flex}.employee-payslip-paper h3{margin:3px 0 0;font-size:24px}.employee-payslip-net{color:#f4fffb;background:#184c48;border-radius:7px;gap:5px;margin:20px 0;padding:24px;display:grid}.employee-payslip-net strong{font-size:clamp(30px,4vw,46px)}.employee-payslip-net small{color:#b8d1ca}.employee-payslip-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.employee-payslip-breakdown h4{margin:0 0 9px}.employee-payslip-breakdown section>div{border-top:1px solid #e8eeec;justify-content:space-between;gap:16px;padding:9px 0;display:flex}.employee-payslip-breakdown span{color:#667b77}.employee-payslip-note{color:#647a75;background:#f3f7f6;margin:18px 0 0;padding:12px}.employee-feature-empty,.workspace-empty{color:#738682;text-align:center;padding:38px 20px}.employee-feature-empty h3{color:#203c39;margin:10px 0 4px}.employee-feature-empty p{margin:0}.employee-expense-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:14px;display:grid}.expense-form-title{color:#0e795f;align-items:center;gap:11px;margin-bottom:18px;display:flex}.expense-form-title>div{display:grid}.expense-form-title strong{color:#183b37;font-size:18px}.expense-form-title span{color:#7b8c89;font-size:12px}.expense-form-grid,.salary-slip-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.expense-form-grid label,.salary-slip-form label{gap:7px;display:grid}.expense-form-grid label>span,.salary-slip-form label>span{color:#4c6662;font-size:12px;font-weight:800}.expense-form-grid .span-2,.salary-slip-form .span-2{grid-column:1/-1}.expense-form-grid textarea,.salary-slip-form textarea{min-height:92px}.expense-upload{color:#0e795f;cursor:pointer;background:#f5faf8;border:1px dashed #9fbfb5;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:88px;padding:16px;position:relative}.expense-upload>div{gap:4px;display:grid}.expense-upload span{color:#738782;font-size:11px}.expense-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.expense-submit{width:100%;min-height:45px;margin-top:16px}.employee-expense-history>div:last-child{max-height:620px;overflow:auto}.employee-expense-history article{border-top:1px solid #e7eeec;padding:15px 0}.employee-expense-history article header{grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.employee-expense-history article header strong,.employee-expense-history article header small{display:block}.employee-expense-history article header small,.employee-expense-history article p,.employee-expense-history article footer{color:#748682;font-size:12px}.expense-history-amount{margin-top:11px;font-size:23px;font-weight:900}.employee-expense-history article p{margin:8px 0;line-height:1.55}.employee-workspace-content .employee-profile,.employee-workspace-content .employee-contract-view,.employee-workspace-content .employee-change-list{background:#fff;border:1px solid #d8e2e0;border-radius:8px;padding:20px}.employee-workspace-content .profile-group,.employee-workspace-content .employee-material-upload,.employee-workspace-content .signature-panel,.employee-workspace-content .contract-preview-box,.employee-workspace-content .employee-change-card{box-shadow:none;border-radius:7px}.employee-workspace-message{z-index:40;color:#0c644f;background:#effaf6;border:1px solid #b7d9ce;border-radius:7px;max-width:min(420px,100vw - 48px);padding:12px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #183d3826}.employee-workspace-message.error{color:#a9342b;background:#fff4f2;border-color:#efc4c0}.employee-mobile-nav{display:none}.salary-slip-panel{margin-bottom:18px}.salary-slip-form .salary-net-field input{color:#0b6f58;background:#eef8f4;font-size:18px;font-weight:900}.salary-slip-panel td small{color:#7a8b89;margin-top:3px;display:block}.approval-receipt-link{color:#087c63;font-weight:800;text-decoration:none}@media (width<=1080px){.employee-access-shell{grid-template-columns:minmax(280px,.78fr) minmax(400px,1.22fr)}.employee-access-story h1{font-size:40px}.employee-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-expense-layout,.employee-home-columns{grid-template-columns:1fr}}@media (width<=760px){.employee-access-shell{display:block}.employee-access-story{gap:30px;min-height:auto;padding:24px 20px 28px}.employee-access-story>div:nth-child(2) p:not(.eyebrow),.employee-access-points{display:none}.employee-access-story h1{margin-bottom:0;font-size:29px}.employee-access-panel{padding:0}.employee-access-card{min-height:calc(100vh - 205px);max-height:none;box-shadow:none;border:0;border-radius:0;padding:28px 20px 42px}.employee-workspace-shell{padding-bottom:68px;display:block}.employee-workspace-nav{display:none}.employee-workspace-header{min-height:68px;padding:12px 16px}.employee-header-status{text-align:right;max-width:115px}.employee-workspace-content{padding:16px}.employee-home-hero{grid-template-columns:1fr;min-height:0;padding:22px}.employee-home-salary{border-top:1px solid #daefe938;border-left:0;padding:17px 0 0}.employee-quick-grid{grid-template-columns:1fr 1fr}.employee-quick-grid>button{grid-template-columns:38px minmax(0,1fr);min-height:118px}.employee-quick-grid>button>svg{display:none}.employee-payslip-layout,.employee-payslip-breakdown,.expense-form-grid,.salary-slip-form{grid-template-columns:1fr}.employee-payslip-layout>aside{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;overflow-x:auto}.expense-form-grid .span-2,.salary-slip-form .span-2{grid-column:auto}.workspace-section-title.row{flex-direction:column;align-items:flex-start}.employee-mobile-nav{z-index:50;min-height:62px;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:#fcfefdfa;border-top:1px solid #d5e0de;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #223f3c14}.employee-mobile-nav button{color:#718480;background:0 0;border:0;border-radius:6px;place-items:center;gap:2px;font-size:9px;display:grid}.employee-mobile-nav button.active{color:#0a775e;background:#eaf6f1}.employee-workspace-message{max-width:calc(100vw - 24px);bottom:76px;right:12px}}