:root{--accent:#2563eb;--bg:#eef2f8;--bg-2:#dfe7f2;--card:#fff;--fg:#0f172a;--fg-2:#475569;--fg-3:#7b8798;--edge:#e2e8f0;--ok:#0a7d3f;--ok-soft:#ecfdf3;--bad:#b42318;--bad-soft:#fef3f2;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0d}@media (prefers-color-scheme:dark){:root{--bg:#0b1120;--bg-2:#0f172a;--card:#141c2b;--fg:#f1f5f9;--fg-2:#c1ccdb;--fg-3:#8595a9;--edge:#25324a;--ok-soft:#0e2a1c;--bad-soft:#2a1414;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 20% -10%, var(--bg-2), transparent 60%), radial-gradient(1000px 500px at 100% 0%, var(--bg-2), transparent 55%), var(--bg);color:var(--fg);background-attachment:fixed;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent)}.wrap{max-width:960px;margin:0 auto;padding:32px 20px 72px}.card{background:var(--card);border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:16px;margin-bottom:16px;padding:20px}.tiles{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:720px){.tiles{grid-template-columns:repeat(2,1fr)}}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:720px){.grid2{grid-template-columns:1fr}}.tile{background:var(--card);border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:14px;padding:14px 16px}.tile .num{letter-spacing:-.02em;font-size:26px;font-weight:700}.hero{border:1px solid var(--edge);box-shadow:var(--shadow);background:linear-gradient(180deg, var(--card), var(--card));border-radius:18px;margin-bottom:16px;padding:22px}.hero.good{background:linear-gradient(180deg, var(--ok-soft), var(--card));border-color:#bbf7d0}.hero.bad{background:linear-gradient(180deg, var(--bad-soft), var(--card));border-color:#fecaca}.chip{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.chip.good{color:#166534;background:#dcfce7}.chip.bad{color:#991b1b;background:#fee2e2}.h1{letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:700}.muted{color:var(--fg-3);font-size:13px}.row{align-items:center;gap:12px;display:flex}.big{letter-spacing:-.02em;font-size:30px;font-weight:700}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:8px;font-size:11px}.bar-track{background:var(--edge);border-radius:99px;flex:1;height:8px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:99px;height:100%}.btn{appearance:none;border:1px solid var(--edge);background:var(--card);color:var(--fg);cursor:pointer;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:0 0}.input{border:1px solid var(--edge);background:var(--card);width:100%;color:var(--fg);border-radius:9px;padding:11px 12px;font-size:15px}.field{margin-bottom:12px}.err{color:var(--bad);margin:8px 0;font-size:13px}.pill{border:1px solid var(--edge);color:var(--fg-2);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.center{place-items:center;min-height:100vh;display:grid}.shell{grid-template-columns:216px minmax(0,1fr);min-height:100vh;display:grid}.side{border-right:1px solid var(--edge);background:var(--card);flex-direction:column;gap:2px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brandrow{align-items:center;gap:10px;padding:6px 8px 14px;display:flex}.brandmark{background:color-mix(in srgb, var(--accent) 16%, transparent);width:30px;height:30px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.navgroup{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:12px 8px 4px;font-size:10.5px}.navi{text-align:left;width:100%;color:var(--fg-2);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.navi:hover{background:var(--bg-2)}.navi.on{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.navi .cnt{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border-radius:99px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:700}.navi .cnt.warn{color:#b54708;background:#fef0c7}.navspacer{flex:auto}.main{max-width:1360px;padding:26px 32px 72px}.dash{grid-template-columns:1.5fr 1fr;align-items:start;gap:16px;margin-bottom:16px;display:grid}.steprow:hover{background:var(--bg-2)}.fsboard{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:start;gap:16px;display:grid}.fspanel{position:sticky;top:16px}@media (max-width:900px){.fsboard{grid-template-columns:1fr}.fspanel{position:static}}@media (max-width:960px){.dash{grid-template-columns:1fr}}.svgi{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.hot{background:var(--bad-soft);color:var(--bad)}.badge.warm{color:#b54708;background:#fef0c7}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.info{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.badge.mute{background:var(--bg-2);color:var(--fg-3)}.prog{background:var(--bg-2);border-radius:99px;height:6px;overflow:hidden}.prog>span{background:var(--accent);border-radius:99px;height:100%;display:block}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;color:var(--fg-3);padding:8px 10px;font-size:12px;font-weight:600}.tbl td{border-top:1px solid var(--edge);vertical-align:middle;padding:11px 10px;font-size:13.5px}.avatar{border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.callrow{align-items:flex-start;gap:12px;padding:13px 4px;display:flex}.callrow+.callrow{border-top:1px solid var(--edge)}.warnband{background:color-mix(in srgb, #fef0c7 55%, var(--card));border:1px solid #fedf89;border-radius:14px;padding:14px 16px}@media (prefers-color-scheme:dark){.navi .cnt.warn,.badge.warm{color:#fdb022;background:#3a2a0a}.warnband{border-color:#4a3a12}}@media (max-width:820px){html,body{overflow-x:hidden}.shell{grid-template-columns:1fr}.side{z-index:5;border-right:none;border-bottom:1px solid var(--edge);-webkit-overflow-scrolling:touch;flex-flow:row;gap:4px;height:auto;padding:10px 12px;position:sticky;top:0;overflow-x:auto}.side .brandrow,.side .navgroup,.navspacer{display:none}.navi{white-space:nowrap;flex:none;width:auto;padding:8px 12px}.navi .cnt{display:none}.main{min-width:0;padding:20px 16px 64px}}