:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#263c35;background:#f6f8f7;font-synthesis:none;--green:#187766;--dark:#183f34;--muted:#85928c;--line:#e7ece8;--mint:#eef6f1;--sidebar:230px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #77bca8;outline-offset:3px}button,a,input,select{transition:background .16s,border-color .16s,box-shadow .16s}button:hover:not(:disabled){filter:brightness(.97)}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.8px;font-weight:650;line-height:1.5}h2{font-size:16px;line-height:1.5;font-weight:650}h3{font-size:15px;font-weight:600}.icon{flex:none;vertical-align:middle}button .icon{pointer-events:none}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:31px 20px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;font-size:24px;font-weight:700;letter-spacing:1px}.brand small{font-size:12px;font-weight:500;letter-spacing:.1px;color:#6a8277;margin-left:3px}.brand-mark{width:37px;height:39px;display:grid;place-items:center;background:var(--green);color:white;border-radius:11px 11px 11px 3px}.brand-mark svg{width:26px;height:26px}.workspace-tag{font-size:11px;color:#86968b;padding:19px 12px 33px;display:flex;align-items:center;gap:7px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#579f80;display:inline-block;flex:none}.nav-label{font-size:10px;letter-spacing:1.8px;color:#9aa69f;padding:0 13px 12px}.nav-item{display:flex;align-items:center;gap:13px;font-size:13px;padding:14px 14px;border-radius:7px;margin-bottom:5px;color:#687a70;position:relative}.nav-item:hover{background:#f7f9f7}.nav-item.active{color:#1a7660;background:#eaf3ed;font-weight:600}.nav-item.active:before{content:'';width:3px;height:18px;background:var(--green);position:absolute;left:-20px;border-radius:0 3px 3px 0}.nav-count{margin-left:auto;font-size:10px;background:white;padding:1px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:24px}.privacy-card{border:1px solid #e7eee6;background:linear-gradient(120deg,#f4f8ee,#fafbf6);padding:17px 15px;border-radius:8px;margin-bottom:20px;color:#688565}.privacy-card>svg{width:24px;height:24px;margin-bottom:12px}.privacy-card strong{display:block;font-size:12px;color:#435b40}.privacy-card p{font-size:10px;line-height:1.9;margin:9px 0 10px}.privacy-card .text-btn{font-size:10px;color:#6e8065;gap:5px}.privacy-card .icon{width:15px}.version{border-top:1px solid var(--line);padding:17px 9px 0;color:#a2aaa5;font-size:9px;display:flex;justify-content:space-between}.shell{margin-left:var(--sidebar)}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;gap:14px;align-items:center;color:#9ba69f;font-size:11px}.breadcrumb .icon{width:12px;height:12px}.breadcrumb span{color:#526759}.top-actions{display:flex;align-items:center;gap:22px}.private-label{display:flex;gap:6px;align-items:center;color:#839084;font-size:10px}.private-label .icon{width:13px;height:13px}main{max-width:1590px;margin:auto;padding:31px 38px 24px;min-height:calc(100vh - 137px)}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:18px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#80978c;margin-bottom:9px}.page-heading p{font-size:12px;color:#86948b;margin-top:7px;line-height:1.7}.heading-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe6df;background:white;border-radius:6px;font-size:11px;font-weight:550;padding:10px 14px;white-space:nowrap;min-height:37px}.btn .icon{width:15px;height:15px}.btn-primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 2px 3px #153e2310}.btn-small{padding:7px 11px;min-height:30px;font-size:10px}.text-btn{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:11px;font-weight:550;cursor:pointer;white-space:nowrap}.text-btn .icon{width:15px;height:15px}.chip{display:inline-flex;align-items:center;font-size:9px;font-weight:500;line-height:1.6;border-radius:4px;padding:4px 8px;white-space:nowrap;letter-spacing:.1px}.chip.green{color:#42806c;background:#edf5ee}.chip.neutral{color:#7e8b83;background:#f2f5f1}.chip.amber{color:#96713a;background:#fff3df}.context-bar{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;min-height:85px;padding:17px 21px;margin-bottom:22px;gap:26px}.context-item{display:flex;align-items:center;gap:12px;border-right:1px solid var(--line);padding-right:26px;min-width:152px}.context-icon{background:#f5f7f3;width:34px;height:34px;border-radius:7px;display:grid;place-items:center;color:#849b8d}.context-icon svg{width:17px;height:17px}.context-item label{display:block;font-size:10px;color:#8b978f;margin-bottom:5px}.context-item select{font-size:12px;padding:0 14px 0 0;border:0;color:#3b5145;background:transparent;min-height:20px;width:89px;font-weight:550}.salary-context{min-width:177px}.inline-input{display:flex;font-size:12px;gap:6px;align-items:center;font-weight:600}.inline-input input{border:0;outline:0;width:95px;padding:0;font-size:13px;font-weight:600;color:#334f40;background:transparent;-moz-appearance:textfield}.inline-input input::-webkit-inner-spin-button{-webkit-appearance:none}.context-end{margin-left:auto;display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px;color:#88958d;justify-content:flex-end}.context-end .text-btn{flex-basis:100%;justify-content:flex-end;margin-top:5px;font-size:10px}.metrics{display:grid;grid-template-columns:1.22fr 1fr 1fr 1fr;gap:16px;margin-bottom:22px}.metric{padding:20px 20px 17px;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;position:relative}.metric-label{font-size:11px;color:#819087;display:flex;justify-content:space-between;gap:10px;align-items:center;position:relative;z-index:1}.metric-label .icon{width:16px;height:16px;color:#98a79c}.metric-value{font-size:27px;font-weight:650;letter-spacing:-.9px;font-variant-numeric:tabular-nums;margin:21px 0 19px;white-space:nowrap;position:relative;z-index:1}.metric-value>span{font-size:19px;font-weight:400;letter-spacing:0;margin-right:5px}.metric-foot{font-size:9px;color:#99a299;display:flex;justify-content:space-between;gap:6px;position:relative;z-index:1;line-height:1.5}.metric-foot span{color:#7c9183}.metric.primary{background:#196a55;color:white;border-color:#196a55}.metric.primary .metric-label{color:#b8d8c9}.metric.primary .metric-label .icon{color:#b8d8c9}.metric.primary .metric-value{font-size:30px}.metric.primary .metric-foot,.metric.primary .metric-foot span{color:#add0bd}.metric-decoration{position:absolute;width:180px;height:180px;right:-90px;bottom:-100px;border:24px solid #ffffff05;border-radius:50%;outline:24px solid #ffffff04;pointer-events:none}.green-text{color:var(--green)!important}.panel{border:1px solid var(--line);border-radius:9px;background:#fff;min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 23px 17px}.panel-heading p{font-size:10px;color:#8d9b91;margin-top:6px;line-height:1.7}.panel-heading>svg{color:#a5b0a8;width:17px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(255px,1fr);gap:20px}.segmented{background:#f4f6f3;padding:3px;display:flex;border-radius:5px;flex-shrink:0}.segmented button{font-size:9px;border:0;padding:6px 9px;color:#8b978d;background:transparent;border-radius:3px}.segmented button.selected{color:#367e65;background:white;box-shadow:0 1px 4px #192b1510}.chart{height:231px;display:flex;margin:18px 23px 0;gap:14px}.y-axis{width:36px;display:flex;flex-direction:column;justify-content:space-between;color:#a1aaa2;font-size:8px;padding-bottom:27px;white-space:nowrap}.plot{position:relative;flex:1;min-width:0}.gridlines{position:absolute;inset:0 0 27px;display:flex;flex-direction:column;justify-content:space-between}.gridlines i{height:1px;border-top:1px dashed #eaf0e9}.bars{position:absolute;inset:0;display:flex;gap:12px;align-items:stretch}.bar-column{position:relative;display:flex;flex-direction:column;align-items:stretch;flex:1;min-width:0;background:none;border:0;padding:0}.bar-space{height:calc(100% - 27px);display:flex;align-items:flex-end;justify-content:center;position:relative}.bar{display:block;width:100%;max-width:31px;min-height:2px;background:#90bfa9;border-radius:4px 4px 0 0;position:relative;transition:height .3s,background .2s}.bar-column:hover .bar,.bar-column:focus-visible .bar{background:#2c8669}.bar-column.with-bonus .bar{background:#2c7b5f}.bar-label{font-size:9px;color:#89988c;padding-top:12px;height:27px}.bonus-dot{position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:6px;height:6px;border:1px solid white;border-radius:50%;background:#c09d61}.bar-tooltip{opacity:0;pointer-events:none;position:absolute;white-space:nowrap;bottom:50%;left:50%;transform:translateX(-50%);background:#244b3e;color:white;font-size:10px;padding:8px 10px;border-radius:5px;z-index:5;box-shadow:0 2px 7px #183c3620}.bar-column:hover .bar-tooltip,.bar-column:focus .bar-tooltip{opacity:1}.chart-caption{display:flex;align-items:center;justify-content:space-between;margin:17px 24px 20px;font-size:9px;color:#99a298}.chart-caption>span:first-child{display:flex;gap:7px;align-items:center}.legend-dot{width:7px;height:7px;background:#90bfa9;border-radius:2px}.donut{width:151px;height:151px;margin:5px auto 20px;border-radius:50%;padding:22px;display:grid;place-items:center;transform:rotate(-.001deg)}.donut>div{background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;width:107px;height:107px;border-radius:50%}.donut span{font-size:10px;color:#9aa39a;margin-bottom:9px}.donut strong{font-size:29px;letter-spacing:-1px;font-weight:600}.donut strong small{font-size:14px;letter-spacing:0;margin-left:2px;font-weight:400}.distribution-legend{margin:0 24px 21px;display:flex;flex-direction:column;gap:12px}.distribution-legend>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:12px}.distribution-legend>div>span{display:flex;align-items:center;gap:7px;color:#879286}.distribution-legend i{width:7px;height:7px;display:block;border-radius:2px}.distribution-legend strong{font-size:10px;font-weight:550;color:#6f8071;font-variant-numeric:tabular-nums}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.insight{display:flex;gap:13px;align-items:center;border-radius:8px;border:1px solid #e2ebdd;padding:18px 19px;min-width:0}.insight.mint{background:#eff5ed}.insight.cream{background:#f9f6ee;border-color:#eeeadc}.insight-icon{color:#75a17a;display:grid;place-items:center;width:33px;height:36px;background:#e5eddf;border-radius:7px;flex-shrink:0}.cream .insight-icon{color:#b6a270;background:#f3ebd7}.insight h3{font-size:11px;letter-spacing:.1px}.insight p{font-size:9px;line-height:1.7;color:#909c86;margin-top:7px}.insight p strong{font-weight:500;color:#5d896d}.insight>.text-btn{margin-left:auto;font-size:9px}.insight .text-btn .icon{width:13px}.monthly-panel .panel-heading{padding-bottom:20px}.count-tag{background:#f2f5f0;color:#99a58e;font-weight:400;font-size:9px;border-radius:3px;padding:4px 7px;margin-left:7px;vertical-align:middle}select{border:1px solid #e0e7df;border-radius:5px;padding:8px 26px 8px 10px;font-size:11px;background:#fff;color:#586c5b;min-height:32px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}th{color:#8f9a90;font-weight:400;padding:13px 13px;background:#f8faf6;font-size:9px;border-top:1px solid #edf1e9;border-bottom:1px solid #edf1e9}td{padding:12px 13px;border-bottom:1px solid #f0f3ed;color:#637567;height:48px}td:first-child,th:first-child{text-align:left;padding-left:24px}td:last-child,th:last-child{padding-right:20px}tbody tr:hover{background:#fbfcf9}.net-cell{color:#367958;font-weight:550}.month-link{font-size:10px;border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:6px;color:#465e49;white-space:nowrap}.table-bonus{font-size:8px;background:#f6f0e1;color:#b39b62;padding:2px 4px;border-radius:3px}.icon-btn{border:0;background:transparent;padding:4px;display:inline-flex;align-items:center;justify-content:center;color:#8c9b8c;border-radius:4px;width:27px;height:27px;flex-shrink:0}.icon-btn .icon{width:15px;height:15px}.icon-btn:hover{background:#edf4ec;color:var(--green)}.danger{color:#b1665b}.muted{color:#b2b9ae}tfoot td,tfoot th{font-weight:600;background:#f8faf6;border:0;padding-top:17px;padding-bottom:17px;color:#617560}tfoot td:nth-last-child(2){color:var(--green)}.table-note{font-size:9px;line-height:1.8;color:#9aa390;padding:13px 23px 15px;border-top:1px solid #eff2ea}.scope-note{font-size:9px;color:#9da694;display:flex;gap:7px;line-height:1.8;margin-top:19px}.scope-note .icon{width:13px;height:13px;margin-top:2px}.footer{max-width:1590px;margin:auto;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a1ab9b;padding:10px 38px 25px;gap:14px}.footer span,.footer a{display:flex;gap:6px;align-items:center}.footer .icon{width:12px;height:12px}.policy-alert{margin-top:16px;border:1px solid #e7e6d8;background:#faf9f2;border-radius:7px;color:#8e866a;font-size:11px;padding:13px 18px}.policy-alert summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:10px}.policy-alert summary svg{width:14px;height:14px}.policy-alert summary svg:last-child{margin-left:auto}.policy-alert p{margin:12px 0;line-height:1.8}.policy-alert a{font-size:10px;color:var(--green)}.section-gap{margin-top:22px}.padded{padding:24px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.three-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mini-metric{display:flex;flex-direction:column;padding:25px;gap:14px}.mini-metric>span{font-size:12px;color:#7e9284}.mini-metric>strong{font-size:26px;font-weight:600;letter-spacing:-.6px}.mini-metric>small{font-size:10px;color:#a1ad9c}.body-copy{font-size:12px;line-height:1.95;color:#83907d;margin:15px 0}.body-copy b{font-weight:550;color:#537456}.callout{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;background:#f4f7f4;color:#7b8b7b;border-radius:6px;padding:13px 16px;margin:0 0 18px}.callout>.icon{width:16px;height:16px;margin-top:2px}.callout.green{background:#eef6ee;color:#61826a}.callout.amber{background:#fbf6eb;color:#9a845d}.panel>.callout{margin-left:23px;margin-right:23px}.padded>.callout{margin-left:0;margin-right:0}.salary-grid{padding:1px 23px 23px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.salary-month{background:#fcfdfb;border:1px solid #e7eee3;border-radius:7px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:9px}.salary-month>div{display:flex;justify-content:space-between;color:#789272;font-size:11px;margin-bottom:5px}.salary-month>div svg{width:14px;height:14px;color:#b1bcaa}.salary-month>strong{font-size:21px;font-weight:550;color:#3c613f}.salary-month small{font-size:10px;color:#8d9c83}.salary-note{font-size:9px;color:#aab49f;margin-top:2px}.salary-month:hover{border-color:#8ab496;background:#f5faf2}.salary-month.inactive{opacity:.65}.record{display:flex;align-items:center;gap:14px;padding:19px 23px;border-top:1px solid #edf1e9;min-width:0}.record-icon{width:37px;height:37px;border-radius:9px;background:#f2f6ee;color:#859f76;display:grid;place-items:center;flex-shrink:0}.record-main{flex:1;min-width:0}.record-main strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.record-main small{display:block;font-size:10px;color:#97a28c;margin-top:6px}.record-amount{font-size:15px;font-weight:550;font-variant-numeric:tabular-nums}.record-alias{font-size:10px;font-weight:400;margin-left:7px;color:#98a18e}.record>strong{font-size:14px}.panel-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:16px 23px;gap:12px}.panel-bottom>span{font-size:10px;color:#98a38c}.compact-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px;color:#a1ae91;font-size:12px}.empty-state{text-align:center;padding:32px 20px 40px}.empty-state>span{display:grid;place-items:center;border-radius:50%;background:#f0f6eb;color:#87a175;width:50px;height:50px;margin:0 auto 17px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px;color:#98a38b;margin:10px 0 20px}.empty-cell{text-align:center!important;padding:30px!important;color:#99a38c}.deduction-summary{display:flex;align-items:center;gap:45px;position:relative;overflow:hidden;padding:28px 32px;border:1px solid #e3edde;border-radius:10px;background:linear-gradient(115deg,#eaf4e9,#f8faf2);margin-bottom:24px}.deduction-summary strong{display:block;font-size:33px;font-weight:550;color:#34643b}.deduction-summary p{font-size:11px;color:#8a9c79;line-height:2}.deduction-summary-icon{margin-left:auto;color:#c6ddbf;transform:rotate(-16deg)}.deduction-summary-icon svg{width:62px;height:62px;stroke-width:1}.deduction-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.deduction-card{display:flex;flex-direction:column;text-align:left;background:white;border:1px solid var(--line);border-radius:9px;padding:21px;min-width:0}.deduction-card:hover{border-color:#a0c19b;box-shadow:0 6px 20px #41602708}.deduction-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.deduction-icon{background:#edf5e9;color:#7ca56b;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.deduction-icon.sand{background:#f7f1e5;color:#b59c65}.add-circle{display:grid;place-items:center;background:#f8faf5;border-radius:50%;color:#a6b29a;width:24px;height:24px}.add-circle svg{width:13px;height:13px}.deduction-card h3{margin-bottom:10px;font-size:13px}.deduction-card>strong{font-size:10px;color:#7e9771;font-weight:500;line-height:1.7}.deduction-card p{font-size:10px;color:#a1aa98;line-height:1.8;margin-top:9px;margin-bottom:19px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#759363}.card-link svg{width:14px}.warning-line{display:flex;gap:8px;font-size:10px;line-height:1.8;color:#aa966c;margin:12px 0}.warning-line svg{width:14px;height:14px;margin-top:2px}.insurance-table td:first-child{font-weight:550}.settlement-hero{background:#1f684e;color:#fff;border-radius:10px;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:25px;overflow:hidden}.settlement-hero .eyebrow{color:#b2d4bc;font-size:11px}.settlement-number{font-size:47px;letter-spacing:-1px;margin:19px 0}.settlement-hero p{font-size:12px;color:#c0d9c4;line-height:1.8}.settlement-hero>div>span{font-size:10px;color:#97bda0;display:block;margin-top:12px}.settlement-art{padding:20px 25px;border-radius:50%;border:1px solid #ffffff15;outline:20px solid #ffffff05;margin-right:20px}.settlement-art svg{width:90px;height:90px;color:#a7c99a;stroke-width:.7}.ledger{margin:17px 0}.ledger>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;font-size:11px;border-bottom:1px solid #f0f3ec}.ledger>div>span{color:#89987e}.ledger strong{font-weight:550;color:#4e6c44;white-space:nowrap;font-variant-numeric:tabular-nums}.ledger .ledger-total{border-top:1px solid #e3ecdd;border-bottom:1px solid #e3ecdd;margin-top:7px;padding:16px 0}.ledger-total span,.ledger-total strong{color:#377546!important;font-weight:600}.comparison-list{display:flex;flex-direction:column;gap:11px;margin:19px 0}.comparison{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5eddf;border-radius:7px;padding:17px 18px;gap:16px}.comparison.chosen{background:#f3f9ef;border-color:#a5c697}.comparison>div:first-child{flex:1}.comparison strong{display:block;font-size:12px;color:#4c6c42}.comparison small{display:block;font-size:10px;color:#a1ac93;margin-top:6px}.comparison>div:nth-child(2)>span{display:block;font-size:9px;color:#96a286;margin-bottom:7px}.comparison>div:nth-child(2)>strong{font-size:17px}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.policy-grid h3{font-size:12px;color:#537e4b}.policy-grid p{font-size:11px;line-height:1.95;color:#8b9d7d;margin-top:8px}.source-list{display:grid;grid-template-columns:1fr 1fr}.source{display:flex;gap:13px;align-items:flex-start;padding:22px;border-top:1px solid var(--line)}.source:nth-child(odd){border-right:1px solid var(--line)}.source:hover{background:#f9fcf6}.source-icon{color:#8eaa7c;flex-shrink:0}.source h3{font-size:12px;color:#59794a}.source small{font-size:9px;color:#a6b099;display:block;margin-top:6px}.source p{font-size:10px;line-height:1.8;color:#8f9f7e;margin-top:9px}.source>svg{width:13px;height:13px;color:#a1b18e;margin-left:auto;flex-shrink:0}dialog{padding:0;border:1px solid #e1e9dc;border-radius:14px;box-shadow:0 20px 100px #233a3333;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 50px);color:var(--dark);background:#fff}dialog.wide{width:min(900px,calc(100% - 32px))}dialog::backdrop{background:#17372d66;backdrop-filter:blur(3px)}.modal-heading{position:sticky;top:0;background:#fff;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:24px 26px 19px;border-bottom:1px solid var(--line)}.modal-heading h2{font-size:19px}.modal-heading p{font-size:11px;line-height:1.8;color:#8c9f7a;margin-top:8px}.modal-body{padding:23px 26px}.modal-footer{padding:17px 26px;display:flex;justify-content:flex-end;gap:11px;border-top:1px solid var(--line);background:#f9fbf6;position:sticky;bottom:0;z-index:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:12px}.field>span{font-weight:550;color:#536e43}.field input,.field select{width:100%;border:1px solid #dfe8d8;border-radius:6px;font-size:12px;color:#3f6339;padding:11px 12px;min-height:40px;background:#fff;outline-offset:1px}.field small{font-size:10px;color:#99aa89;line-height:1.7}.input-wrap{position:relative}.input-wrap input{padding-right:33px}.input-unit{position:absolute;right:12px;top:13px;font-size:10px;color:#a4b08f;pointer-events:none}.check-field{display:flex;gap:10px;align-items:flex-start;margin:21px 0;font-size:12px;color:#597b45;cursor:pointer;line-height:1.7}.check-field input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0;margin-top:2px}.check-field small{display:block;font-size:10px;color:#99a985;line-height:1.9;margin-top:4px}.form-details{border-top:1px solid var(--line);padding-top:17px;margin-top:14px}.form-details summary{font-size:12px;color:#709559;cursor:pointer;margin-bottom:20px}.form-error{padding:12px 14px;color:#a85547;background:#fbf0eb;border:1px solid #edd3c9;border-radius:6px;font-size:12px;line-height:1.8;margin-top:14px}.month-result{padding:22px;border-radius:9px;background:#edf6e8;display:flex;align-items:center;justify-content:space-between;color:#6a9253;margin-bottom:24px}.month-result span{font-size:12px}.month-result strong{font-size:30px;color:#34722f;letter-spacing:-.5px}.formula{background:#f5f8f0;border-radius:6px;font-size:11px;line-height:1.9;color:#879b71;padding:14px;margin:17px 0}.modal-inline-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:23px 0}.plan-actions .btn{justify-content:flex-start;padding:13px}.plan-actions .danger{grid-column:1/-1}hr{border:0;border-top:1px solid var(--line);margin:23px 0}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#254f3b;color:white;border-radius:8px;box-shadow:0 6px 25px #203f3020;padding:13px 22px;font-size:12px;opacity:0;pointer-events:none;z-index:200;transition:.2s;max-width:90vw;line-height:1.8}#toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-50px;left:20px;z-index:300;background:var(--green);color:white;padding:10px 20px}.skip:focus{top:10px}
@media(min-width:1600px){:root{--sidebar:250px}.sidebar{padding-left:25px;padding-right:25px}main{padding-top:40px}.metric-value{font-size:33px}.metric.primary .metric-value{font-size:35px}.chart{height:265px}.distribution-legend{gap:16px}.donut{margin-top:15px;margin-bottom:26px}.metric{padding:24px}.metric-label{font-size:12px}.metric-foot{font-size:10px}.page-heading{margin-bottom:30px}}
@media(max-width:1250px){:root{--sidebar:205px}.sidebar{padding-left:15px;padding-right:15px}.brand{font-size:22px;gap:7px}.brand small{font-size:10px}.topbar{padding:0 27px}main{padding:27px}.footer{padding-left:27px;padding-right:27px}.context-bar{gap:18px;padding-left:17px;padding-right:17px}.context-item{min-width:127px;padding-right:18px;gap:9px}.salary-context{min-width:155px}.metrics{gap:12px}.metric{padding:18px 15px}.metric-value{font-size:23px}.metric.primary .metric-value{font-size:25px}.metric-foot{font-size:8px}.metric-label{font-size:10px}.overview-grid{gap:15px;grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr)}.panel-heading{padding:20px 20px 16px}.chart-panel .panel-heading{align-items:flex-start;flex-wrap:wrap}.chart{height:210px;margin:15px 18px 0;gap:7px}.bars{gap:10px}.distribution-legend{margin-left:20px;margin-right:20px}.insight-grid{gap:15px}.insight{padding:16px 15px;gap:10px;flex-wrap:wrap}.insight>.text-btn{margin-left:43px}.insight h3{font-size:11px}.insight p{font-size:9px}.deduction-catalog{grid-template-columns:repeat(3,1fr)}.source-list{grid-template-columns:1fr}.source:nth-child(odd){border-right:0}.salary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){:root{--sidebar:185px}.sidebar{padding-left:12px;padding-right:12px}.brand small{display:none}.workspace-tag{font-size:10px;gap:5px}.nav-item{font-size:12px;padding-left:12px;gap:10px}.privacy-card{padding:14px 11px}.privacy-card p{font-size:9px}.version{font-size:8px}.metrics{grid-template-columns:1fr 1fr;gap:15px}.metric-value,.metric.primary .metric-value{font-size:30px;margin:17px 0}.metric-foot{font-size:10px}.metric-label{font-size:12px}.metric{padding:22px}.context-end{display:none}.context-item:last-of-type{border-right:0}.context-bar{justify-content:space-between}.overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr)}.chart{height:222px}.chart-caption{font-size:8px;margin-left:18px;margin-right:18px}.chart-panel .panel-heading h2{font-size:14px}.chart-panel .panel-heading p{font-size:9px}.distribution .panel-heading h2{font-size:14px}.distribution-legend>div{font-size:9px}.distribution-legend strong{font-size:9px}.deduction-card{padding:18px}.heading-actions{gap:8px}.heading-actions>.chip{display:none}h1{font-size:25px}.two-columns{grid-template-columns:1fr}.three-metrics{gap:12px}.mini-metric{padding:21px 16px}.mini-metric>strong{font-size:23px}.comparison{flex-wrap:wrap}.comparison>div:first-child{min-width:190px}.deduction-summary{gap:25px}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{position:sticky;top:0;z-index:40;width:100%;height:auto;display:block;padding:14px 20px 0;border-right:0;border-bottom:1px solid var(--line);box-shadow:0 3px 9px #213b2910}.brand{font-size:23px;padding:0;display:inline-flex}.brand small{display:inline;font-size:11px}.brand-mark{width:29px;height:31px;border-radius:8px}.brand-mark svg{width:20px;height:20px}.sidebar .workspace-tag{position:absolute;right:20px;top:11px;padding:10px 0;font-size:9px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-between;gap:7px;margin-top:12px;overflow-x:auto}.nav-item{flex:1;justify-content:center;gap:7px;font-size:11px;padding:11px 8px;border-radius:6px 6px 0 0;white-space:nowrap;margin-bottom:0}.nav-item .icon{width:15px;height:15px}.nav-item.active:before{width:60%;height:2px;bottom:0;left:20%}.nav-count{display:none}.topbar{height:54px;padding:0 22px}.top-actions{gap:12px}.top-actions .private-label{font-size:9px}.breadcrumb{font-size:10px;gap:8px}main{padding:23px 22px}.page-heading{margin-bottom:21px;align-items:flex-start}.page-heading h1{font-size:25px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:11px}.heading-actions .btn{font-size:10px;padding:9px 11px}.context-bar{gap:14px;margin-bottom:18px}.context-item{padding-right:14px;min-width:0;flex:1}.context-icon{width:30px;height:30px}.context-item label{font-size:9px}.context-item select{font-size:11px;width:80px}.salary-context{border:0}.metrics{margin-bottom:18px}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(210px,1fr)}.donut{width:135px;height:135px;padding:20px;margin-top:10px;margin-bottom:22px}.donut>div{width:95px;height:95px}.donut strong{font-size:26px}.chart{height:210px}.bars{gap:8px}.insight-grid{margin:18px 0}.insight{padding:16px 14px}.footer{padding:7px 22px 23px;font-size:8px}.deduction-catalog{grid-template-columns:repeat(3,1fr);gap:12px}.deduction-card{padding:16px}.deduction-card h3{font-size:12px}.deduction-card>strong{font-size:9px}.deduction-card p{font-size:9px}.record{gap:10px;padding:16px 20px}.record-main strong{font-size:11px}.record-main small{font-size:9px}.record-amount{font-size:13px}.record .chip{font-size:8px}.policy-grid{gap:20px}.section-gap{margin-top:18px}.settlement-hero{padding:28px}.settlement-number{font-size:40px}.settlement-art{padding:10px}.settlement-art svg{width:60px;height:60px}}
@media(max-width:590px){.sidebar{padding:12px 16px 0}.sidebar nav{gap:0;margin-top:11px}.nav-item{font-size:10px;gap:4px;padding:12px 5px}.nav-item svg{width:13px;height:13px}.topbar{padding:0 17px;height:49px}.private-label{display:none}.top-actions .btn{font-size:9px;padding:6px 8px}.breadcrumb{font-size:9px}.page-heading{display:block}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.heading-actions{margin-top:16px;justify-content:flex-start}.heading-actions>.chip{display:inline-flex}main{padding:23px 16px}.context-bar{padding:14px 10px;gap:8px;border-radius:7px}.context-icon{display:none}.context-item{padding-right:8px;gap:0;justify-content:center}.context-item label{font-size:9px}.context-item select{font-size:11px;width:75px;max-width:100%}.inline-input input{width:81px;font-size:12px}.inline-input{font-size:10px;gap:3px}.metrics{gap:10px}.metric{padding:17px 13px}.metric-label{font-size:10px;gap:5px}.metric-label svg{width:13px;height:13px}.metric-value,.metric.primary .metric-value{font-size:24px;margin:19px 0 13px;letter-spacing:-1px}.metric-value>span{font-size:15px;margin-right:4px}.metric-foot{font-size:8px;display:block;line-height:1.8;min-height:28px}.metric-foot span{display:block}.metric.primary .metric-foot span{color:#c5ddc4}.overview-grid{grid-template-columns:1fr;gap:16px}.chart-panel .panel-heading{flex-wrap:nowrap;gap:9px;padding:19px 17px 11px}.chart-panel .panel-heading h2{font-size:13px}.chart-panel .panel-heading p{font-size:8px;max-width:175px}.segmented button{font-size:8px;padding:6px 7px}.chart{height:221px;margin:18px 17px 0;gap:10px}.bars{gap:9px}.chart-caption{font-size:8px}.distribution{display:grid;grid-template-columns:145px 1fr;align-items:center;padding-bottom:8px}.distribution>.panel-heading{grid-column:1/-1;padding:19px 19px 7px}.distribution>.panel-heading p{font-size:9px}.donut{width:119px;height:119px;padding:18px;margin:12px 0 18px 19px}.donut>div{width:83px;height:83px}.donut span{font-size:9px;margin-bottom:6px}.donut strong{font-size:23px}.donut strong small{font-size:12px}.distribution-legend{margin:8px 19px 14px 10px;gap:13px}.distribution-legend>div{font-size:9px}.distribution-legend strong{font-size:9px}.insight-grid{grid-template-columns:1fr;gap:11px}.insight{flex-wrap:nowrap;padding:17px 15px}.insight>.text-btn{margin-left:auto;font-size:9px}.insight h3{font-size:11px}.insight p{font-size:9px}.insight-icon{width:29px;height:33px}.insight-icon svg{width:17px;height:17px}.panel-heading{padding:18px 17px 15px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px}.monthly-panel .panel-heading{padding:19px 17px 15px}.monthly-panel .panel-heading select{font-size:9px;max-width:95px;min-height:29px;padding:6px}.count-tag{font-size:8px;padding:3px 5px;margin-left:3px}.table-note{font-size:8px;padding:12px 17px}.scope-note{font-size:8px}.footer{padding:3px 17px 20px;flex-wrap:wrap;font-size:8px;gap:10px}.policy-alert{font-size:10px;padding:12px 14px}.salary-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 17px 17px}.salary-month{padding:14px;gap:8px}.salary-month>strong{font-size:20px}.salary-month small{font-size:9px}.salary-note{font-size:8px}.record{padding:16px;gap:8px;flex-wrap:wrap}.record-icon{width:29px;height:31px;border-radius:7px}.record-icon svg{width:17px;height:17px}.record-main{min-width:150px}.record-main small{font-size:9px}.record-amount{font-size:12px}.record .chip{margin-left:37px}.record .icon-btn{width:27px;height:28px}.record .icon-btn:first-of-type{margin-left:auto}.record-alias{display:block;font-size:9px;margin:5px 0 0}.panel-bottom{padding:14px 17px;flex-wrap:wrap;gap:10px}.panel-bottom>span{font-size:9px}.panel>.callout{margin-left:17px;margin-right:17px}.callout{font-size:10px;padding:12px}.deduction-summary{padding:23px;gap:14px;flex-wrap:wrap}.deduction-summary strong{font-size:30px}.deduction-summary p{font-size:10px;line-height:1.9}.deduction-summary-icon{display:none}.deduction-catalog{grid-template-columns:repeat(2,1fr);gap:11px}.deduction-card{padding:16px 14px}.deduction-card h3{font-size:12px}.deduction-icon{width:33px;height:33px}.deduction-icon svg{width:19px;height:19px}.deduction-card-top{margin-bottom:14px}.deduction-card p{font-size:9px}.card-link{font-size:9px}.three-metrics{grid-template-columns:1fr;gap:10px}.mini-metric{padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}.mini-metric>span{font-size:11px}.mini-metric>strong{grid-row:span 2;font-size:24px}.mini-metric>small{font-size:9px}.padded{padding:20px}.padded>.callout{margin-left:0;margin-right:0}.two-columns{gap:16px}.body-copy{font-size:11px}.policy-grid{grid-template-columns:1fr;gap:20px}.settlement-hero{padding:25px}.settlement-number{font-size:38px}.settlement-hero p{font-size:11px}.settlement-hero>div>span{font-size:9px;line-height:1.8}.settlement-art{display:none}.comparison{padding:15px;gap:14px}.comparison>div:first-child{flex-basis:100%}.comparison>div:nth-child(2){flex:1}.comparison>div:nth-child(3){margin-left:auto}.comparison .btn{margin-left:auto}.source{padding:20px 17px;gap:10px}.source h3{font-size:11px}.source p{font-size:9px}.source small{font-size:8px}dialog,dialog.wide{width:calc(100% - 18px);max-height:calc(100dvh - 20px);border-radius:11px}.modal-heading{padding:20px 19px 15px}.modal-heading h2{font-size:17px}.modal-heading p{font-size:10px}.modal-body{padding:19px}.form-grid{grid-template-columns:1fr;gap:18px}.field{font-size:11px}.field input,.field select{font-size:16px;min-height:44px;padding:11px}.input-unit{top:16px}.field small{font-size:10px}.modal-footer{padding:15px 19px}.modal-footer .btn{font-size:11px}.month-result{padding:18px}.month-result strong{font-size:26px}.month-result span{font-size:11px}.plan-actions{gap:10px}.plan-actions .btn{font-size:10px;padding:12px}.check-field{font-size:11px}.ledger>div{font-size:10px;gap:9px}.modal-body .ledger>div{font-size:11px}.modal-inline-actions{margin-top:19px}.form-error{font-size:11px}#toast{font-size:11px;bottom:20px;width:max-content;max-width:calc(100vw - 32px)}.empty-state p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{@page{size:A4;margin:13mm}:root{--sidebar:0px}body{background:#fff;color:#222}.sidebar,.topbar,.heading-actions,.context-bar,.footer,.insight-grid,.segmented,button,.policy-alert,.scope-note,dialog,#toast,.skip{display:none!important}.shell{margin:0}main{padding:0;max-width:none;min-height:0}.page-heading{margin-bottom:20px}.page-heading h1{font-size:23px}.metrics{gap:10px}.metric{padding:15px;border-color:#aaa;break-inside:avoid}.metric.primary{color:#222;background:#fff;border-color:#aaa}.metric.primary .metric-label,.metric.primary .metric-foot,.metric.primary .metric-foot span{color:#555}.metric-value,.metric.primary .metric-value{font-size:24px}.overview-grid{display:none}.monthly-panel{margin-top:20px}.panel{border-color:#bbb;break-inside:avoid}.table-scroll{overflow:visible}table{font-size:8px;white-space:normal}td,th{padding:9px 5px!important;font-size:8px}td:first-child,th:first-child{padding-left:8px!important}.month-link{display:inline!important}.table-bonus{display:none}.two-columns{grid-template-columns:1fr}.settlement-hero{background:white;color:#222;border:1px solid #aaa}.settlement-hero .eyebrow,.settlement-hero p,.settlement-hero>div>span{color:#555}.settlement-art{display:none}.callout{background:#fff;border:1px solid #aaa}.net-cell{color:#222}.source-list{grid-template-columns:1fr}.table-note{font-size:9px}.page-heading:after{content:'纯前端本机测算 · 2026年度 · 供核对参考';font-size:9px;color:#777;display:block;margin-top:9px}}
.metric .metric-value.large-number{font-size:19px;letter-spacing:-.6px;overflow-x:auto;scrollbar-width:thin}.metric .metric-value.large-number>span{font-size:14px}.callout strong{font-weight:600}
.table-scroll{position:relative}.bar-column:last-child .bar-tooltip,.bar-column:nth-last-child(2) .bar-tooltip{left:auto;right:0;transform:none}.bar-column:first-child .bar-tooltip{left:0;transform:none}
/* Keep explanatory text readable, especially on smaller screens. */
.page-heading p{color:#758278}.metric-label{color:#708174}.metric-foot,.metric-foot span{color:#7d897b}.panel-heading p,.chart-caption,.table-note,.scope-note{color:#788672}.field small,.check-field small,.body-copy{color:#75866a}.record-main small,.record-alias{color:#7a8b6e}.deduction-card p,.deduction-card>strong{color:#7a8e6b}.distribution-legend>div>span{color:#75856c}.mobile-privacy{display:none}
@media(max-width:590px){.mobile-privacy{display:flex;align-items:center;gap:6px;background:#eaf3e8;color:#658457;padding:10px 12px;border-radius:6px;margin:-6px 0 17px;font-size:10px}.mobile-privacy .icon{width:14px;height:14px}.page-heading p{font-size:11px}.metric-foot{font-size:9px}.panel-heading p,.table-note,.scope-note{font-size:10px}.deduction-card p,.deduction-card>strong,.card-link{font-size:10px}.record-main small,.record-alias{font-size:10px}.policy-grid p,.source p{font-size:11px}.distribution-legend>div,.distribution-legend strong{font-size:10px}.callout{font-size:11px}.chart-caption{font-size:9px}.salary-month small{font-size:10px}.insight p{font-size:10px}.insight{flex-wrap:wrap}.insight>.text-btn{margin-left:auto}.context-item select{min-height:26px}.body-copy{font-size:12px}.ledger>div{font-size:11px}}
@media print{.mobile-privacy{display:none!important}}
/* One persistent entry point for all editable plan data. */
.context-item>div>span{display:block;font-size:11px;color:#788672;margin-bottom:8px}.context-item>div>strong{font-size:14px;font-weight:550}.editor-index{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.editor-section{padding:22px 0;border-top:1px solid var(--line);scroll-margin-top:115px}.editor-section h3{font-size:16px;margin-bottom:14px}.editor-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor-cards .btn{justify-content:flex-start;white-space:normal;text-align:left;min-height:46px}.editor-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.editor-section .record{padding:15px 0}.editor-section .record-main{min-width:0}.deduction-card:not(button){cursor:default}.topbar{position:sticky;top:0;z-index:35}.unified-editor .modal-heading{z-index:3}
@media(max-width:800px){.topbar{top:94px}}
@media(max-width:590px){.editor-cards{grid-template-columns:1fr}.editor-months{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-months .btn{font-size:11px;padding:10px 5px}.editor-index .btn{font-size:11px}.context-item>div>strong{font-size:11px}.context-item>div>span{font-size:9px}.top-actions .btn{font-size:11px;padding:9px 11px}.editor-section .record{flex-wrap:wrap}.editor-section .record-main{flex-basis:100%}}
@media print{.topbar{position:static}}
.simple-section{padding:22px 0;border-bottom:1px solid var(--line)}.simple-section:first-child{padding-top:0}.simple-section h3{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:20px}.simple-section h3>span{display:grid;place-items:center;background:#eaf3e8;color:#377546;width:28px;height:28px;border-radius:50%;font-size:14px}.simple-section>summary,.inline-record>summary{cursor:pointer;font-size:14px;font-weight:600;color:#42684e;padding:12px 0}.inline-fields{border:0;padding:0;margin:0;min-width:0}.inline-record{border:1px solid var(--line);border-radius:8px;padding:4px 16px;margin:12px 0;background:#fbfcfa}.inline-record[open]{padding-bottom:16px}.inline-record .inline-fields{padding-top:12px}.simple-section [hidden]{display:none!important}.simple-section .callout{font-size:11px}.simple-section .plan-actions input[type=file]{font-size:11px;max-width:180px}#simple-form>.modal-body{padding-top:20px}#simple-form .month-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.simple-section .form-details{margin-bottom:16px}.simple-section>.body-copy{margin-bottom:14px}
@media(max-width:590px){#simple-form .month-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-section h3{font-size:17px}.inline-record{padding:4px 12px}.simple-section .plan-actions{grid-template-columns:1fr}}

.fallback-content{max-width:840px;margin:40px auto;padding:24px;line-height:1.9}.fallback-content h1{margin-bottom:20px}.fallback-content h2{margin:24px 0 12px}.fallback-content a{color:#167464;text-decoration:underline}.footer>a{white-space:nowrap}