:root{--bg:#0a0a0a;--card:#141414;--ink:#f5f5f5;--mute:#9a9a9a;--line:#2b2b2b;--brand:#e10600;--brand-ink:#fff;--ok:#3ddc84;--bad:#ff5a52;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--brand);text-decoration:none}main{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px}h1{font-size:22px;margin:0 0 14px}h2{font-size:17px;margin:0 0 10px}label{display:block;font-size:13px;color:var(--mute);margin:10px 0 4px}input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}button{padding:9px 16px;border:0;border-radius:8px;background:var(--brand);color:var(--brand-ink);font:inherit;cursor:pointer}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button:disabled{cursor:wait}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--mute);font-weight:500}.tag{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;border:1px solid var(--line)}.best{color:var(--ok);font-weight:600}.err{color:var(--bad)}.mute{color:var(--mute)}.login{max-width:380px;margin:12vh auto}.tabs{margin-bottom:14px}.tabs button{background:transparent;color:var(--ink);border:1px solid var(--line)}.tabs button.on{background:var(--brand);color:#fff;border-color:var(--brand)}button:hover:not(:disabled){filter:brightness(1.12)}th{color:var(--brand)}h1{border-left:4px solid var(--brand);padding-left:10px}.grp{gap:8px;flex-wrap:wrap}.grp,.shell{display:flex}.shell{min-height:100vh}.shell main{flex:1 1;min-width:0;max-width:1100px;margin:0;padding:24px 20px 60px}.side{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100vh;width:230px;flex-shrink:0;background:#0f0f0f;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 12px}.brand{font-weight:800;font-size:20px;letter-spacing:2px;padding:0 10px 22px}.brand span{color:var(--brand)}.side nav{display:flex;flex-direction:column;gap:4px;flex:1 1}.nav{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--mute);position:relative;transition:background .18s,color .18s,transform .18s}.nav .ic{width:22px;text-align:center;font-size:16px;transition:transform .18s,color .18s}.nav:hover{background:#1a1a1a;color:var(--ink);transform:translateX(3px)}.nav:hover .ic{color:var(--brand);transform:scale(1.15)}.nav.on{background:linear-gradient(90deg,rgba(225,6,0,.22),rgba(225,6,0,0));color:#fff}.nav.on:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--brand);box-shadow:0 0 10px var(--brand)}.nav.on .ic{color:var(--brand)}.who{border-top:1px solid var(--line);padding-top:12px;font-size:13px}.who .role{color:var(--brand);text-transform:uppercase;font-size:11px;letter-spacing:1px;margin:2px 0 10px}.who button{width:100%}.mbar{display:none}.card{transition:border-color .2s,transform .2s}.card:hover{border-color:#3a3a3a}.boxrow{display:grid;grid-template-columns:70px repeat(auto-fit,minmax(110px,1fr));grid-gap:8px;gap:8px;align-items:center;margin-bottom:8px}.boxno{font-size:13px}@media (max-width:820px){.mbar{display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#0f0f0f;border-bottom:2px solid var(--brand);padding:10px 14px}.mbar b{color:var(--brand);letter-spacing:1px}.burger{padding:6px 12px;font-size:18px}.shell{display:block}.side{position:fixed;z-index:40;top:0;left:0;height:100vh;transform:translateX(-105%);transition:transform .25s ease;box-shadow:6px 0 30px rgba(0,0,0,.6)}.side.open{transform:none}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:30}.shell main{padding:16px 12px 60px}.card{padding:14px;border-radius:10px}.boxrow,.row{grid-template-columns:1fr 1fr}.boxno{grid-column:1/-1}table{display:block;overflow-x:auto;white-space:nowrap}h1{font-size:19px}button,input,select{font-size:16px}}@media (max-width:480px){.row{grid-template-columns:1fr}}.tabs{display:flex;gap:8px;align-items:center;margin:0 0 14px}.tabs a{padding:8px 18px;border:1px solid #2a2a2a;color:#bbb;transition:.15s}.tabs a:hover{border-color:#e10600;color:#fff}.tabs a.on{background:#e10600;border-color:#e10600}.tag.ok{background:#12301a;color:#5be37d}.tag.bad{background:#3a1010;color:#ff6b6b}.tag.mid{background:#2a2a2a;color:#ddd}details summary{cursor:pointer;font-size:12px}.stab{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.stab a{padding:7px 12px;border-radius:999px;background:#141414;border:1px solid #262626;color:#bbb;text-decoration:none;font-size:13px;transition:.15s}.stab a b{margin-left:6px;padding:1px 7px;border-radius:999px;background:#262626;color:#fff;font-size:11px}.stab a.on,.stab a:hover{border-color:#e10600;color:#fff}.stab a.on{background:#e10600}.stab a.on b{background:rgba(0,0,0,.35)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.filters input,.filters select{width:auto;min-width:160px}.split{display:flex;gap:14px;align-items:flex-start}.sidebar2{width:210px;flex:none;background:#101010;border:1px solid #1f1f1f;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px}.sidebar2 a{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;color:#bbb;text-decoration:none;font-size:13px;transition:.15s}.sidebar2 a:hover{background:#1a1a1a;color:#fff;transform:translateX(2px)}.sidebar2 a.on{background:#e10600;color:#fff}.sidebar2 a b{font-weight:600;opacity:.85}.sidebar2 .all{border-bottom:1px solid #1f1f1f;border-radius:8px 8px 0 0;margin-bottom:6px}.stitle{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777;padding:8px 10px 4px}.grow{flex:1 1;min-width:0;overflow-x:auto}@media (max-width:820px){.split{flex-direction:column}.sidebar2{width:100%;flex-direction:row;flex-wrap:wrap}.sidebar2 .sgroup{display:contents}.stitle{display:none}.sidebar2 a{flex:none}}.tag.ok{background:#0f3a1c;color:#4cf07a;border-color:#1f6b36}.tag.blue{background:#0e2a4a;color:#6db4ff;border-color:#1f5a9a}.tag.bad{background:#4a1010;color:#ff7a7a;border-color:#9a2020}.tag.warn{background:#4a3208;color:#ffc24d;border-color:#8a6212}.tag.mid{background:#222;color:#cfcfcf}.sgroup.g-fwd .stitle{color:#2fd45a}.sgroup.g-rto .stitle{color:#3b9cff}.sgroup.g-act .stitle{color:#ff4d4d}.sgroup .sub{font-size:11px;color:#777;padding:0 10px 4px}.sidebar2 a{border-left:3px solid transparent}.sidebar2 a.c-ok{border-left-color:#2fd45a}.sidebar2 a.c-blue{border-left-color:#3b9cff}.sidebar2 a.c-bad{border-left-color:#ff4d4d}.sidebar2 a.c-warn{border-left-color:#ffb020}.sidebar2 a.c-mid{border-left-color:#555}.sidebar2 a.on.c-ok{background:#1f8a3c}.sidebar2 a.on.c-blue{background:#1f6fcf}.sidebar2 a.on.c-bad{background:#d11a1a}.sidebar2 a.on.c-warn{background:#b07a10}.sidebar2 a.on.c-mid{background:#444}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px;margin:0 0 14px}.kpi{background:#101010;border:1px solid #1f1f1f;border-left:4px solid #555;border-radius:10px;padding:14px;text-decoration:none;color:inherit;transition:.15s;display:block}.kpi:hover{transform:translateY(-2px);border-color:#333}.kpi .n{font-size:28px;font-weight:700;line-height:1.1}.kpi .l{font-size:12px;color:#999;margin-top:4px}.kpi.ok{border-left-color:#2fd45a}.kpi.ok .n{color:#4cf07a}.kpi.blue{border-left-color:#3b9cff}.kpi.blue .n{color:#6db4ff}.kpi.bad{border-left-color:#ff4d4d}.kpi.bad .n{color:#ff7a7a}.kpi.warn{border-left-color:#ffb020}.kpi.warn .n{color:#ffc24d}.kpi.red{border-left-color:#e10600}.bar{display:flex;height:16px;border-radius:8px;overflow:hidden;background:#1a1a1a;margin:8px 0}.bar i{display:block;height:100%}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#aaa}.legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:var(--c)}.chart{display:flex;align-items:flex-end;gap:6px;height:120px;margin-top:10px}.chart div{flex:1 1;background:#e10600;border-radius:4px 4px 0 0;min-height:2px;position:relative}.chart div span{position:absolute;bottom:100%;left:0;right:0;text-align:center;font-size:10px;color:#aaa}.chart-x{display:flex;gap:6px;font-size:10px;color:#777}.chart-x span{flex:1 1;text-align:center}html{scroll-behavior:smooth}main>*{animation:rise .28s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.skel{border-radius:10px;background:linear-gradient(90deg,#141414 25%,#1e1e1e 37%,#141414 63%);background-size:400% 100%;animation:shimmer 1.2s ease infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.card,.kpi,.sidebar2 a,.stab a,.tabs a,button,tbody tr{transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(225,6,0,.25)}button:not(:disabled):active{transform:translateY(0) scale(.98)}button:disabled{opacity:.55;cursor:progress}.card:hover{border-color:#2c2c2c}tbody tr:hover{background:#141414}input:focus,select:focus,textarea:focus{outline:none;border-color:#e10600;box-shadow:0 0 0 3px rgba(225,6,0,.18)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.btnlink{display:inline-block;padding:9px 16px;border-radius:8px;background:#e10600;color:#fff;text-decoration:none;transition:.15s}.btnlink:hover{filter:brightness(1.15);transform:translateY(-1px)}.bubble{background:#101010;border:1px solid #1f1f1f;border-radius:10px;padding:10px 12px;margin:8px 0}.tabs a{padding:8px 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none}.tabs a.on{background:var(--brand);color:#fff;border-color:var(--brand)}.tablewrap{overflow-x:auto;margin-bottom:12px}.fin .tag,.fin button,.fin table,.fin td,.fin th{font-size:14px}.fin .tablewrap{overflow:visible}@media (max-width:700px){.fin .tablewrap{overflow-x:auto}}