:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f4;--ink:#151a1e;--muted:#64706d;--panel:#fff;--panel-soft:#f9fbfa;--line:#d8dfdc;--line-strong:#b8c4bf;--nav:#202725;--nav-ink:#edf4f1;--teal:#0f766e;--green:#168255;--amber:#b7791f;--red:#b42318;--blue:#2563a8}*{box-sizing:border-box}html{min-width:320px}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit}button,input{font:inherit}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:var(--nav-ink);flex-direction:column;gap:22px;min-height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff24;padding:0 8px 18px;text-decoration:none;display:block}.brand span{color:#a6bbb5;text-transform:uppercase;font-size:12px;display:block}.brand strong{margin-top:4px;font-size:20px;display:block}.sidebar nav{gap:4px;display:grid}.nav-link,.mobile-link{color:inherit;border-radius:6px;min-height:38px;padding:10px 11px;font-size:14px;text-decoration:none;display:block}.nav-link:hover,.nav-link.active,.mobile-link.active{background:#ffffff1a}.workspace{min-width:0}.status-bar{border-bottom:1px solid var(--line);z-index:2;background:#ffffffeb;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:16px;min-height:66px;padding:12px 24px;display:grid;position:sticky;top:0}.status-label,.kicker,.metric-card span{color:var(--muted);text-transform:uppercase;font-size:12px;line-height:1.25;display:block}.status-bar strong{overflow-wrap:anywhere;font-size:14px;display:block}.page{gap:16px;padding:20px;display:grid}.page-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.page-header h1,.auth-panel h1{letter-spacing:0;margin:4px 0 0;font-size:28px;line-height:1.1}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card,.panel,.state-box{background:var(--panel);border:1px solid var(--line);border-radius:8px}.metric-card{min-height:92px;padding:14px}.metric-card strong{overflow-wrap:anywhere;margin-top:18px;font-size:24px;line-height:1.2;display:block}.metric-card.good{border-top:4px solid var(--green)}.metric-card.warn{border-top:4px solid var(--amber)}.metric-card.bad,.state-box.error{border-top:4px solid var(--red)}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.content-grid.primary{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.panel{min-width:0;padding:14px}.panel h2{border-bottom:1px solid var(--line);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;padding-bottom:10px;font-size:15px}.summary-line{margin:0 0 16px;font-size:17px;line-height:1.45}.text-link,.row-link{color:var(--teal);font-weight:700;text-decoration:none}.row-link{margin-top:4px;font-size:12px;display:block}.table-wrap{border:1px solid var(--line);border-radius:6px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 10px;font-size:13px}th{color:#394542;text-transform:uppercase;background:#eef2f0;font-size:12px}tbody tr:last-child td{border-bottom:0}.allocation-bars{gap:12px;display:grid}.allocation-summary{grid-template-columns:132px 1fr;align-items:center;gap:16px;margin-bottom:16px;display:grid}.allocation-donut{aspect-ratio:1;border-radius:999px;place-items:center;display:grid;position:relative}.allocation-donut:after{background:var(--panel);content:"";border-radius:999px;position:absolute;inset:22px}.allocation-donut span,.allocation-donut strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1;max-width:76px;position:relative;overflow:hidden}.allocation-donut span{color:var(--muted);margin-top:22px;font-size:11px}.allocation-donut strong{margin-top:-24px;font-size:20px}.empty-donut{color:var(--muted);text-align:center;background:#e7edea;font-size:12px}.allocation-legend{gap:8px;display:grid}.allocation-legend div{grid-template-columns:10px 1fr auto;align-items:center;gap:8px;display:grid}.legend-dot{border-radius:999px;width:10px;height:10px}.legend-dot.c0{background:var(--teal)}.legend-dot.c1{background:var(--blue)}.legend-dot.c2{background:var(--amber)}.legend-dot.c3{background:var(--green)}.bar-row{grid-template-columns:minmax(60px,110px) 1fr 58px;align-items:center;gap:10px;display:grid}.bar-row span,.bar-row strong{font-size:13px}.bar-row div{background:#e7edea;border-radius:999px;height:12px;overflow:hidden}.bar-row i{background:var(--teal);height:100%;display:block}.line-chart{width:100%;max-width:100%;height:180px;display:block}.line-chart path{fill:none;stroke:var(--blue);stroke-width:3px}.detail-list{grid-template-columns:max-content 1fr;gap:10px;margin:0;display:grid}.detail-list dt{color:var(--muted);text-transform:uppercase;font-size:12px}.detail-list dd{overflow-wrap:anywhere;margin:0;font-weight:700}.segmented{border:1px solid var(--line);background:#e6ece9;border-radius:8px;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.segmented a{white-space:nowrap;border-radius:6px;min-height:34px;padding:9px 12px;font-size:13px;text-decoration:none}.segmented a.active{background:var(--panel);border:1px solid var(--line-strong)}.segmented.wide{max-width:min(760px,100%)}.filter-input,.form-grid input{background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;min-height:38px;padding:9px 10px}.form-grid{gap:10px;display:grid}.primary-button,.ghost-button{cursor:pointer;border:1px solid #0000;border-radius:6px;min-height:38px;padding:9px 13px;font-weight:700}.primary-button{background:var(--teal);color:#fff}.ghost-button{border-color:var(--line-strong);color:var(--ink);background:0 0}.state-box{color:var(--muted);min-height:48px;padding:14px}.state-box strong,.state-box span{display:block}.state-box strong{color:var(--ink);margin-bottom:4px}.state-box.loading{border-left:4px solid var(--blue)}.state-box.empty{border-left:4px solid var(--amber)}.state-box.error{color:var(--red)}.json-block{color:#dce8e4;background:#111816;border-radius:6px;max-height:440px;margin:0;padding:14px;font-size:12px;line-height:1.5;overflow:auto}.auth-screen{align-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;max-width:440px;margin:0 auto;padding:24px}.auth-panel .primary-button{width:100%;margin-top:22px}.mobile-nav{display:none}.badge{border:1px solid var(--line-strong);text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;min-height:22px;padding:5px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.badge.good{color:#11613f;background:#e8f5ef;border-color:#9ad2b8}.badge.warn{color:#7a4e0b;background:#fff7e6;border-color:#e4bd73}.badge.bad{color:#8f1d14;background:#fff0ee;border-color:#e3a19a}.badge.info{color:#174f87;background:#edf5ff;border-color:#a9c9ed}.score-bar{grid-template-columns:42px minmax(76px,1fr);align-items:center;gap:8px;display:grid}.score-bar span{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.score-bar i{background:#e7edea;border-radius:999px;height:8px;display:block;overflow:hidden}.score-bar b{background:var(--teal);height:100%;display:block}.trend-indicator{border-radius:999px;place-items:center;width:24px;height:24px;font-weight:800;display:inline-grid}.trend-indicator.up{color:var(--green);background:#e8f5ef}.trend-indicator.down{color:var(--red);background:#fff0ee}.trend-indicator.flat{color:var(--blue);background:#edf5ff}.recommendation-card{color:#f1f7f5;background:#101816;border:1px solid #2c3a36;border-radius:8px;gap:14px;padding:16px;display:grid}.recommendation-card-header,.recommendation-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.recommendation-card-header span,.recommendation-card-footer span{color:#a7bbb5;font-size:12px}.recommendation-card>strong{font-size:20px;line-height:1.35}.recommendation-card a{color:#8ee4d6;font-weight:800;text-decoration:none}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.field-grid div{background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;padding:10px}.field-grid dt{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:11px}.field-grid dd{overflow-wrap:anywhere;margin:0;font-weight:700}.evidence-grid,.evidence-columns{gap:14px;display:grid}.evidence-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-columns h3{text-transform:uppercase;margin:0 0 8px;font-size:12px}.driver-pill{background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;margin:0 6px 6px 0;padding:6px 9px;font-size:12px;display:inline-block}.driver-pill.good{border-color:#9ad2b8}.driver-pill.warn{border-color:#e4bd73}.placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.placeholder-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:10px;padding:16px;display:grid}.placeholder-card strong{font-size:18px}.placeholder-card span{color:var(--muted)}.mobile-card-list{display:none}.mobile-record-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:10px;padding:12px;display:grid}.mobile-record-card div{gap:3px;display:grid}.mobile-record-card span{color:var(--muted);text-transform:uppercase;font-size:11px}.mobile-record-card strong{overflow-wrap:anywhere;font-size:14px}@media (max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.status-bar{grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding:10px 16px}.status-bar div:nth-child(2){display:none}.metrics-grid,.content-grid,.content-grid.primary{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{background:var(--nav);color:var(--nav-ink);z-index:4;gap:2px;padding:5px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-link{text-align:center;text-overflow:clip;white-space:nowrap;flex:none;min-height:42px;padding:10px 4px;font-size:11px;overflow:hidden}.workspace{padding-bottom:58px}}@media (max-width:720px){.page{gap:14px;padding:16px}.page-header{flex-direction:column;align-items:stretch}.page-header h1,.auth-panel h1{font-size:25px}.metrics-grid,.content-grid,.content-grid.primary{grid-template-columns:1fr}.status-bar{grid-template-columns:1fr auto}.status-bar div:first-child,.status-bar div:nth-child(3){display:none}.metric-card{min-height:86px}.metric-card strong{margin-top:10px;font-size:22px}.bar-row{grid-template-columns:72px 1fr 52px}table{min-width:560px}.table-wrap{display:none}.mobile-card-list{gap:10px;display:grid}.allocation-summary,.field-grid,.evidence-columns,.placeholder-grid{grid-template-columns:1fr}.allocation-donut{justify-self:center;width:min(180px,70vw)}}