:root{--nav-bg: #2b3b4e;--nav-fg: #d6dee7;--nav-active: #1f8a70;--line: #e3e7eb;--ink: #1a1a1a;--muted: #6b7280;--blue-input: #0000ff;--green-link: #008000;--actual-fill: #f2f2f2;--review: #fff7cc;--neg: #c0392b;--accent: #1f8a70}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:#f4f6f8}.shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr;grid-template-areas:"nav top" "nav main";height:100vh}.topbar{grid-area:top;display:flex;align-items:center;gap:14px;padding:0 16px;background:#fff;border-bottom:1px solid var(--line)}.topbar .app-name{font-weight:700;letter-spacing:.2px}.topbar .spacer{flex:1}.badge{font-size:12px;background:#eef6f3;color:var(--accent);border:1px solid #cfe7df;border-radius:12px;padding:2px 10px}.icon-btn{border:0;background:transparent;cursor:pointer;font-size:16px;color:var(--muted);position:relative}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}.nav{grid-area:nav;background:var(--nav-bg);color:var(--nav-fg);display:flex;flex-direction:column;padding-top:8px}.nav .brand{padding:8px 16px 14px;font-weight:700;color:#fff;font-size:15px}.nav a{display:flex;align-items:center;gap:10px;color:var(--nav-fg);text-decoration:none;padding:9px 16px;font-size:14px;border-left:3px solid transparent}.nav a svg{flex:none;opacity:.8}.nav a.active svg,.nav a:hover svg{opacity:1}.nav a:hover{background:#ffffff0f}.nav a.active{background:#1f8a702e;border-left-color:var(--nav-active);color:#fff}.nav .nav-footer{margin-top:auto;padding:12px 16px;font-size:11px;color:#8fa0b3;border-top:1px solid rgba(255,255,255,.08)}.main{grid-area:main;overflow:auto;padding:20px 24px}.page-head{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.page-head h1{font-size:20px;margin:0}.page-sub{color:var(--muted);margin:0 0 16px;font-size:13px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:4px}.kpi .value.neg{color:var(--neg)}.kpi .unit{font-size:11px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.toolbar .grow{flex:1}select,input[type=text],input[type=number]{font:inherit;padding:5px 8px;border:1px solid #c7ced6;border-radius:6px;background:#fff}.btn{font:inherit;padding:6px 12px;border:1px solid #c7ced6;border-radius:6px;background:#fff;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--neg);border-color:#e2b8b2}.btn:disabled{opacity:.5;cursor:not-allowed}.seg{display:inline-flex;border:1px solid #c7ced6;border-radius:6px;overflow:hidden}.seg button{border:0;background:#fff;padding:6px 12px;cursor:pointer;font:inherit;border-left:1px solid #c7ced6}.seg button:first-child{border-left:0}.seg button.on{background:var(--accent);color:#fff}.grid-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}table.grid{border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;width:100%}table.grid th,table.grid td{border-bottom:1px solid #eef1f4;padding:5px 12px;white-space:nowrap;text-align:right}table.grid th.row-label,table.grid td.row-label{text-align:left;position:sticky;left:0;background:#fff;z-index:1;min-width:190px}table.grid thead th{background:#fafbfc;border-bottom:1px solid var(--line);font-weight:600}.af-row th{font-size:11px;font-weight:600;color:var(--muted);padding-top:0;padding-bottom:4px;background:#fafbfc}.col-actual{background:var(--actual-fill)}th.col-actual{background:#ebedef}.divider{border-right:2px solid #9aa7b4}.num.neg{color:var(--neg)}.calc{color:var(--ink)}.link{color:var(--green-link)}.row-total td,.row-total th{font-weight:700;border-top:1px solid #d3d9df}.row-section td,.row-section th{background:#f7f9fb;font-weight:600}.row-clickable{cursor:pointer}.row-clickable:hover td{background:#f0f7f4}.indent{padding-left:28px}input.cell{width:88px;text-align:right;border:1px solid transparent;border-radius:4px;padding:3px 6px;color:var(--blue-input);font-weight:600;background:transparent}input.cell:hover{border-color:#d3d9df}input.cell:focus{border-color:var(--accent);outline:none;background:#fff}input.cell:disabled{color:var(--ink);font-weight:400}.review input.cell{background:var(--review)}input.cell.computed{color:var(--muted);font-weight:400}input.cell.computed:hover,input.cell.computed:focus{color:var(--ink)}.login{height:100vh;display:grid;place-items:center;background:#f4f6f8}.login .panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px;text-align:center;width:360px}.login h1{margin:0 0 6px}.login .foot{margin-top:24px;font-size:11px;color:var(--muted)}.toast{color:var(--neg);font-size:13px}.pill{font-size:11px;padding:1px 8px;border-radius:10px;background:#eef1f4;color:var(--muted)}.pill.locked{background:#fdeceb;color:var(--neg)}a.text-link{color:var(--accent);cursor:pointer;text-decoration:none}.menu{position:absolute;right:0;top:30px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 24px #0000001a;min-width:220px;padding:8px;z-index:10;text-align:left}.menu .item{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px}.menu .item:hover{background:#f0f7f4}.menu .about{font-size:11px;color:var(--muted);padding:8px 10px;border-top:1px solid var(--line);margin-top:4px}.trends{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.chart-title{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:4px}.chart-svg{display:block}.chart-zero{stroke:#d3d9df;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}.chart-x{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:2px}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px;font-size:12px}.chart-leg{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.chart-leg strong{color:var(--ink);font-variant-numeric:tabular-nums}.chart-leg .swatch{width:10px;height:10px;border-radius:2px;display:inline-block}table.grid.audit th,table.grid.audit td{text-align:left}table.grid td.diff-cell{text-align:left;white-space:normal;max-width:360px;font-size:12px;line-height:1.5}.muted{color:var(--muted)}label.ctl{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.dash-kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px 8px;overflow:hidden}.dash-kpi .label{font-size:12px;color:var(--muted)}.dash-kpi .value{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.dash-kpi .sub{font-size:11px;color:var(--muted);min-height:14px}.dash-kpi .spark{margin:6px -16px -8px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px}.dash-wide{grid-column:1 / -1}.dash-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px 10px}.dash-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.dash-panel-head strong{font-size:14px}.dash-panel-sub{font-size:12px;color:var(--muted)}.dash-tip{background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:12px;box-shadow:0 4px 16px #0000001a;font-variant-numeric:tabular-nums}