:root{--ink:#1c2430;--muted:#5b6775;--navy:#12324d;--teal:#0f6c7a;--copper:#b15c2e;--ok:#1f7a4d;--warn:#b7791f;--danger:#b42318;--info:#175cd3;--bg:#f4f6f8;--surface:#ffffff;--line:#d7dee6;--focus:#0f6c7a;--radius-s:4px;--radius-m:8px;--font:"Noto Sans SC","Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:13px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.side{background:var(--navy);color:#e8eef3;display:flex;flex-direction:column}.brand{padding:20px 16px 12px;border-bottom:1px solid rgba(255,255,255,.12)}.brand h1{margin:0;font-size:15px;font-weight:650}.brand p{margin:6px 0 0;font-size:12px;color:#b7c4cf}.nav{padding:8px;display:flex;flex-direction:column;gap:2px}.nav a{color:#d5dee6;border-radius:var(--radius-s);padding:8px 10px;display:block}.nav a[aria-current=page]{background:var(--teal);color:#fff}.nav a:hover{background:rgba(255,255,255,.08)}.nav a[aria-current=page]:hover{background:var(--teal)}.side-note{margin-top:auto;padding:12px 14px;font-size:11px;color:#9fb0bd}.main{flex-direction:column;min-width:0}.main,.top{display:flex}.top{background:var(--surface);border-bottom:1px solid var(--line);padding:10px 20px;flex-wrap:wrap;gap:10px 16px;align-items:flex-end}.top label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.top select{border:1px solid var(--line);background:#fff;border-radius:var(--radius-s);padding:6px 8px;min-width:168px}.content{padding:20px 24px 40px}h2.page-title{margin:0 0 4px;font-size:20px}.page-sub{margin:0 0 16px;color:var(--muted);font-size:13px}.banner{background:#fff;border:1px solid var(--line);border-left:4px solid var(--info);padding:10px 12px;margin-bottom:16px;font-size:13px}.banner.warn{border-left-color:var(--warn)}.banner.danger{border-left-color:var(--danger)}.banner.ok{border-left-color:var(--ok)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:14px 16px}.card h3{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:600}.kpi-value{font-size:28px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-unit{font-size:12px;color:var(--muted);margin-left:4px}.kpi-meta{margin-top:8px;font-size:12px}.delta.up{color:var(--danger)}.delta.down{color:var(--ok)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:16px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-m);background:#fff}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f0f3f6;font-weight:600;color:var(--muted);font-size:12px}td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:1px 8px;font-size:12px;border:1px solid var(--line)}.badge.ok{color:var(--ok);border-color:#b7e0c7;background:#f1faf4}.badge.warn{color:var(--warn);border-color:#ecd9a8;background:#fff8ea}.badge.danger{color:var(--danger);border-color:#f0c2bd;background:#fdf2f0}.badge.info{color:var(--info);border-color:#b9d2f5;background:#f3f7fd}.btn{border:1px solid var(--teal);background:var(--teal);color:#fff;border-radius:var(--radius-s);padding:7px 12px;cursor:pointer}.btn.secondary{background:#fff;color:var(--teal)}.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.row-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.bar{height:10px;background:#e8eef2;border-radius:99px;overflow:hidden;display:flex}.bar span{display:block;height:100%}code{font-size:12px;background:#f0f3f6;padding:1px 4px;border-radius:3px}.click-card,.click-row{cursor:pointer;position:relative}.click-card{transition:box-shadow .12s ease}.click-card:hover,a.click-card:hover{box-shadow:0 8px 24px rgba(18,50,77,.12);border-color:var(--teal)}.click-hint{display:inline-block;margin-top:8px;font-size:12px;color:var(--teal)}.click-row:hover td{background:#eef7f8}.hbar{display:flex;align-items:center;gap:8px;margin:8px 0}.hbar-link{color:inherit;text-decoration:none;border-radius:4px;padding:2px 0}.hbar-link:hover .hbar-lab{color:var(--teal)}.guide-card{border-left:3px solid var(--teal)}.calc-line{margin:8px 0;font-size:15px;line-height:1.55}.calc-lab{display:inline-block;width:3em;color:var(--muted)}.hbar-lab{width:108px;flex-shrink:0;font-size:12px;color:var(--muted)}.table-foot td{font-weight:650;border-top:2px solid var(--navy);background:#f3f6f8}.spark-day{display:flex;align-items:flex-end;gap:3px;height:88px;overflow-x:auto}.spark-day i{width:10px;min-width:8px;border-radius:2px 2px 0 0;background:var(--teal)}.spark-day i.miss{height:8px!important;background:var(--line)}.hbar .track{flex:1 1;height:18px;background:#e8eef2;border-radius:3px;overflow:hidden}.hbar .fill{height:100%;background:var(--teal)}.hbar .fill.warn{background:var(--warn)}.hbar .fill.danger{background:var(--danger)}.crumb{font-size:13px;color:var(--muted);margin-bottom:12px}.crumb a{color:var(--teal)}.group-bars{gap:16px;height:140px}.group,.group-bars{display:flex;align-items:flex-end}.group{gap:4px}.group b{display:block;width:22px;border-radius:3px 3px 0 0}.legend{font-size:12px;color:var(--muted);margin-top:8px}.ask{background:#f7f1ea;border:1px solid #ead9c8;padding:10px 12px}.ask,.hint{margin-bottom:14px;font-size:13px}.hint{background:#eef7f8;border:1px dashed var(--teal);padding:8px 10px}.spark{display:flex;align-items:flex-end;gap:4px;height:56px}.spark i{display:block;width:14px;background:var(--teal);border-radius:2px 2px 0 0}.mt{margin-top:16px}.kpis.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-value.missing{font-size:22px;color:var(--muted)}.compare-banner{border:2px dashed var(--muted);background:#f7f8fa;padding:12px 14px;margin-bottom:16px;font-size:13px}.stepper{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:8px}.step{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-s);padding:6px 10px;font-size:13px}.step.on{background:var(--teal);color:#fff;border-color:var(--teal)}.step.aux{color:var(--muted)}.step .seq{display:inline-flex;width:18px;height:18px;border-radius:99px;align-items:center;justify-content:center;background:#e8eef2;font-size:11px}.step.on .seq{background:rgba(255,255,255,.25);color:#fff}.waterfall{display:flex;gap:16px;align-items:flex-end;height:168px}.wf-col{text-align:center;min-width:72px}.wf-bar{width:36px;margin:0 auto;border-radius:3px 3px 0 0}.wf-lab{font-size:12px;color:var(--muted);margin-top:6px}.wf-bridge{display:flex;gap:8px;overflow-x:auto;align-items:flex-end;padding-bottom:4px}.wf-bridge-col{text-align:center;min-width:64px;flex:0 0 auto;color:inherit}a.mini-pair{color:inherit}.wf-track{display:flex;flex-direction:column;justify-content:flex-start}.wf-float{width:28px;margin:0 auto;border-radius:2px}.wf-float.total{width:34px}.crumb-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;flex:1 0 100%;margin-bottom:0}.crumb-filter label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.crumb-filter select{min-width:140px}.donut-wrap{display:grid;grid-template-columns:200px 1fr;grid-gap:12px;gap:12px;align-items:center}.donut-legend{list-style:none;margin:0;padding:0;font-size:13px}.donut-legend li{display:flex;align-items:center;gap:8px;margin:4px 0}.donut-legend i{width:10px;height:10px;border-radius:2px;display:inline-block;flex:0 0 10px}.bubble-svg{width:100%;height:auto;max-width:720px;color:var(--navy)}.calc-title{margin:12px 0 4px;font-size:14px}.calc-block+.calc-block{margin-top:12px;padding-top:8px;border-top:1px dashed var(--line)}.pair-row{display:grid;grid-template-columns:140px 1fr 220px;grid-gap:8px;gap:8px;align-items:center}.pair-plan-act{min-width:0}.slope-list{display:flex;flex-direction:column;gap:6px}.slope-row{display:grid;grid-template-columns:140px 280px 1fr;grid-gap:10px;gap:10px;align-items:center;color:inherit;text-decoration:none;padding:4px 0}.slope-row:hover .slope-lab{color:var(--teal)}.slope-lab{font-size:13px}.slope-svg{display:block}.mini-bars{gap:6px;height:114px;padding-bottom:18px}.mini-bars,.mini-pair{display:flex;align-items:flex-end}.mini-pair{gap:2px;position:relative}.mini-pair .act,.mini-pair .bud{width:7px;border-radius:2px 2px 0 0;display:block}.mini-pair .act{background:var(--teal)}.mini-pair .bud{background:var(--navy);opacity:.45}.mini-pair .gap{color:var(--muted);font-size:12px}.mini-pair em{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-size:10px;font-style:normal;color:var(--muted)}.line-svg{width:100%;height:auto;max-width:680px;color:var(--navy)}.legend .swatch{display:inline-block;width:14px;height:8px;border-radius:2px;vertical-align:middle;margin-right:4px}.legend .swatch.teal{background:var(--teal)}.legend .swatch.navy{background:var(--navy);opacity:.45}.legend .swatch.navy.dash{opacity:1;background:repeating-linear-gradient(90deg,var(--navy) 0 6px,transparent 6px 10px)}.h4,h4.card-kicker{margin:0 0 8px;font-size:14px}.mom-chart{display:flex;gap:8px;align-items:flex-end;overflow-x:auto;padding-bottom:8px}.mom-col{min-width:52px;text-align:center;font-size:11px}.mom-down,.mom-up{height:76px;display:flex;justify-content:center}.mom-up{align-items:flex-end}.mom-down{align-items:flex-start}.mom-axis{height:1px;background:var(--ink)}.mom-col .bar{width:14px;display:block;border-radius:2px}.mom-col .bar.pos{background:var(--danger)}.mom-col .bar.neg{background:var(--ok)}.mom-col em{margin-top:4px;font-style:normal}.mom-col em,.mom-lab{display:block;color:var(--muted)}.mom-lab{font-size:10px;margin-top:2px;max-width:64px}.mom-lab.up{color:var(--danger)}.mom-lab.down{color:var(--ok)}.org-bars{list-style:none;margin:0;padding:0}.org-bars li{margin:0 0 8px}.org-bar{display:grid;grid-template-columns:minmax(140px,1.2fr) 1.6fr 1.4fr auto;grid-gap:8px 12px;gap:8px 12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:#fff}.org-bar:hover{border-color:var(--teal)}.org-name{font-weight:600}.org-missing{color:var(--warn);font-size:13px}.org-pair{display:flex;flex-direction:column;gap:3px}.org-pair i{display:block;height:8px;border-radius:2px;max-width:100%}.org-pair .act{background:var(--teal)}.org-pair .bud{background:var(--navy);opacity:.45}.org-nums{font-size:12px;color:var(--muted)}@media (max-width:900px){.org-bar{grid-template-columns:1fr}}.element-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:1100px){.donut-wrap,.element-grid,.grid-2,.kpis,.kpis.three{grid-template-columns:1fr}}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tabs button{border:1px solid var(--line);background:#fff;border-radius:var(--radius-s);padding:6px 10px;cursor:pointer}.tabs button.on{background:var(--teal);color:#fff;border-color:var(--teal)}.div-row{display:flex;align-items:center;gap:8px;margin:8px 0}.div-track{flex:1 1;height:16px;background:#e8eef2;position:relative;border-radius:3px;overflow:hidden}.div-track .neg,.div-track .pos{display:block;height:100%}.div-track .pos{background:var(--danger)}.div-track .neg{background:var(--ok)}.tree-item{display:flex;align-items:center;gap:8px;margin:8px 0;color:inherit}.tree-item .track{flex:1 1;height:14px;background:#e8eef2;border-radius:3px;overflow:hidden}.tree-item .fill{display:block;height:100%;background:var(--teal)}@media (max-width:1100px){.grid-2,.kpis,.kpis.three{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}