:root{--red:#FB0D1B;--ink:#16161a;--mut:#6b6b76;--line:#ececf0;--bg:#f7f7f9;--g:#16a34a;--a:#e8a100;--r:#d92d20;--n:#b8b8c2}
*{box-sizing:border-box}html,body{margin:0}body{font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}
.top{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:10px 24px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.brand img{height:20px}.brand span{color:var(--mut);font-weight:600}
.tabs{display:flex;background:#f1f1f4;border-radius:999px;padding:3px}
.tabs a{padding:6px 14px;border-radius:999px;text-decoration:none;font-weight:600;color:var(--mut);font-size:13px}
.tabs a.on{background:var(--red);color:#fff}
.meta{margin-left:auto;color:var(--mut);font-size:12px;text-align:right}
main{max-width:1320px;margin:0 auto;padding:18px 24px 40px}
h2{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);margin:22px 0 10px}
.banner{background:#fff4f4;border:1px solid #ffd3d6;color:#8a1018;padding:10px 14px;border-radius:12px;margin-bottom:12px;font-size:13px}
.look{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:14px;padding:12px 16px}
.look h3{margin:0 0 6px;font-size:13px;color:var(--red);text-transform:uppercase;letter-spacing:.8px}
.lrow{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-top:1px solid var(--line);flex-wrap:wrap}.lrow:first-of-type{border-top:0}
.lrow b{font-weight:650}.lrow .v{font-weight:700;font-variant-numeric:tabular-nums}.lrow .s{color:var(--mut);font-size:12.5px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--n);flex:none}
.r-green{background:var(--g)}.r-amber{background:var(--a)}.r-red{background:var(--r)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:1060px){.grid{grid-template-columns:repeat(2,1fr)}}
.tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px 10px;cursor:pointer;transition:box-shadow .15s,transform .15s;border-top:4px solid var(--n)}
.tile:hover{box-shadow:0 6px 22px rgba(0,0,0,.07);transform:translateY(-1px)}
.tile.t-green{border-top-color:var(--g)}.tile.t-amber{border-top-color:var(--a)}.tile.t-red{border-top-color:var(--r)}
.th{display:flex;align-items:center;gap:8px;margin-bottom:6px}.th .n{font-weight:700;font-size:15px}
.pill{font-size:11px;font-weight:700;text-transform:uppercase;border-radius:999px;padding:2px 8px;color:#fff;background:var(--n)}
.pill.r-green{background:var(--g)}.pill.r-amber{background:var(--a)}.pill.r-red{background:var(--r)}
.cards{margin-left:auto;font-size:11.5px;color:var(--mut);background:#f3f3f6;border-radius:999px;padding:2px 8px;white-space:nowrap}
.kpi{display:grid;grid-template-columns:12px 1fr auto;column-gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}
.kpi .dot{grid-row:span 2}.kl{font-size:12.5px;color:#3a3a44}.kv{font-weight:700;font-size:15px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.km{grid-column:2/4;font-size:11.5px;color:var(--mut);font-variant-numeric:tabular-nums}
.kw{grid-column:2/4;font-size:11.5px;color:#9a5b00}
.kpi.s-unavailable .kv{color:var(--n)}.kpi.s-unavailable .kw{color:var(--r)}
.up{color:var(--g)}.dn{color:var(--r)}.flat{color:var(--mut)}
.more{font-size:11.5px;color:var(--red);font-weight:600;margin-top:6px}
.cac{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1060px){.cac{grid-template-columns:repeat(2,1fr)}}
.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.box h4{margin:0 0 4px;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.6px}
.big{font-size:26px;font-weight:750;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}
.sm{font-size:12px;color:var(--mut)}.sm b{color:var(--ink)}
.crow{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:3px 0;border-top:1px dashed var(--line)}.crow i{color:var(--mut);font-style:normal}
.both{display:grid;grid-template-columns:1.2fr 1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.both>div{padding:12px 14px;border-top:1px solid var(--line)}.both .hd{background:#fafafb;font-weight:700;font-size:12px;color:var(--mut);text-transform:uppercase;border-top:0}
.both .pn{font-weight:650}.both .lag{background:#fff5f5;box-shadow:inset 3px 0 0 var(--r)}
.hv{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px}
.lagtag{font-size:10.5px;font-weight:700;color:var(--r);text-transform:uppercase;margin-left:4px}
.wbf{display:flex;gap:8px;align-items:center;margin:4px 0 6px}.seg{display:flex;background:#f1f1f4;border-radius:999px;padding:3px}.seg button{border:0;background:none;padding:5px 12px;border-radius:999px;font-weight:600;color:var(--mut);cursor:pointer}.seg button.on{background:var(--ink);color:#fff}
.sprint{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.card a{text-decoration:none;font-weight:650}.card a:hover{color:var(--red)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.chip{font-size:11px;background:#f3f3f6;border-radius:999px;padding:2px 8px;color:#3a3a44}.chip.mk{background:#fff0f1;color:#a30812}.chip.warn{background:#fff6e0;color:#8a5a00}
.bar{height:6px;background:#f0f0f3;border-radius:6px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--red)}
table{width:100%;border-collapse:collapse;background:#fff;font-size:12.5px}
.tbl{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}
th,td{text-align:left;padding:7px 10px;border-top:1px solid var(--line);vertical-align:top}th{font-size:11px;color:var(--mut);text-transform:uppercase;font-weight:650;border-top:0;background:#fafafb;white-space:nowrap}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.src{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:12px}
.src summary{cursor:pointer;font-weight:650}.src p{margin:6px 0;display:flex;gap:8px}.src p span{color:var(--mut)}
.modal{position:fixed;inset:0;background:rgba(20,20,25,.45);z-index:20;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}
.modal[hidden]{display:none}.sheet{background:#fff;border-radius:18px;max-width:960px;width:100%;padding:20px 22px;position:relative}
.x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--mut)}
.sheet h3{margin:0 0 4px;font-size:18px}.sheet h5{margin:16px 0 6px;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.sheet .kpi .km{font-size:12px}.notes{color:var(--mut);font-size:12px;padding-left:18px}
.foot{color:var(--mut);font-size:11.5px;margin-top:10px}
@media(max-width:700px){
 .top{padding:10px 14px;gap:8px}.meta{margin-left:0;text-align:left;width:100%}.tabs{width:100%;justify-content:space-between}.tabs a{padding:6px 10px;flex:1;text-align:center}
 main{padding:12px 12px 30px}.grid,.cac,.two{grid-template-columns:1fr}
 .both{grid-template-columns:1fr 1fr}.both .pn{grid-column:1/3;border-top:2px solid var(--line);padding-bottom:2px}.both .hd.h0{display:none}
 .sheet{padding:16px 14px}.modal{padding:12px 8px}
 .tbl table.wide{min-width:720px}.tbl table.wide td:nth-child(2){min-width:180px}
}