:root{--ink:#0f172a;--ink-soft:#475569;--paper:#f8fafc;--card:#ffffff;--green:#059669;--green-soft:#ecfdf5;--amber:#d97706;--amber-soft:#fffbeb;--red:#dc2626;--red-soft:#fef2f2;--blue:#2563eb;--blue-soft:#eff6ff;--mist:#e2e8f0;--radius:12px;--shadow:0 1px 3px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;background:var(--ink);color:#cbd5e1;display:flex;flex-direction:column;padding:20px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .logo{color:#fff;font-weight:700;font-size:18px;padding:4px 12px 20px;letter-spacing:-.02em}.sidebar a{display:block;padding:9px 12px;border-radius:8px;color:#cbd5e1;text-decoration:none;font-size:14px;margin-bottom:2px}.sidebar a:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar a.active{background:rgba(255,255,255,.1);color:#fff;font-weight:600}.sidebar .foot{margin-top:auto;padding:12px;font-size:12px;color:#94a3b8;border-top:1px solid rgba(255,255,255,.08)}.plan-badge{display:inline-block;background:var(--blue);color:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600;margin-bottom:8px}.main{flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:14px 28px;background:var(--card);border-bottom:1px solid var(--mist);position:-webkit-sticky;position:sticky;top:0;z-index:10}.conn-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.conn-dot.ok{background:var(--green);box-shadow:0 0 0 3px rgba(5,150,105,.18)}.conn-dot.bad{background:var(--red)}.ticker{margin-left:auto;font-size:13px;color:var(--ink-soft)}.ticker strong{color:var(--green)}.content{padding:28px;max-width:1160px;width:100%}.page-title{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.page-sub{color:var(--ink-soft);font-size:14px;margin-bottom:24px}.banner{padding:11px 28px;font-size:14px;font-weight:500;display:flex;gap:8px;align-items:center}.banner.red{background:var(--red-soft);color:var(--red);border-bottom:1px solid #fecaca}.banner.amber{background:var(--amber-soft);color:var(--amber);border-bottom:1px solid #fde68a}.card{background:var(--card);border:1px solid var(--mist);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card h3{font-size:13px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-2{grid-template-columns:2fr 1fr}@media (max-width:900px){.grid.cols-2,.grid.cols-4{grid-template-columns:1fr}}.stat-value{font-size:30px;font-weight:700;letter-spacing:-.02em}.stat-value.green{color:var(--green)}.stat-label{font-size:12px;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.meter{height:6px;background:var(--mist);overflow:hidden;margin-top:10px}.meter,.meter>div{border-radius:999px}.meter>div{height:100%;background:var(--blue)}.meter.warn>div{background:var(--amber)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.chip.green{background:var(--green-soft);color:var(--green)}.chip.amber{background:var(--amber-soft);color:var(--amber)}.chip.red{background:var(--red-soft);color:var(--red)}.chip.blue{background:var(--blue-soft);color:var(--blue)}.chip.gray{background:var(--paper);color:var(--ink-soft);border:1px solid var(--mist)}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font-size:12px;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;border-bottom:1px solid var(--mist)}table.data td{padding:10px 12px;border-bottom:1px solid var(--paper)}table.data tr:hover td{background:var(--paper)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:#1d4ed8}.btn.secondary{background:var(--card);color:var(--ink);border-color:var(--mist)}.btn.danger{background:var(--red);color:#fff}input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:9px 12px;border:1px solid var(--mist);border-radius:8px;font-size:14px;font-family:inherit;background:var(--card)}textarea.code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;min-height:140px}label.field{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--ink-soft)}.toggle{position:relative;width:42px;height:24px;border-radius:999px;background:var(--mist);cursor:pointer;border:none;transition:background .15s}.toggle.on{background:var(--blue)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on:after{left:21px}.timeline{display:flex;flex-direction:column;gap:0}.tnode{display:flex;gap:16px}.tnode .rail{display:flex;flex-direction:column;align-items:center;width:28px}.tnode .dot{width:12px;height:12px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:6px}.tnode .dot.green{background:var(--green)}.tnode .line{width:2px;flex:1 1;background:var(--mist);min-height:18px}.tnode .body{flex:1 1;padding-bottom:22px}.rate-meter{position:relative;height:10px;border-radius:999px;background:linear-gradient(to right,var(--green-soft) 0 50%,var(--amber-soft) 50% 80%,var(--red-soft) 80% 100%)}.rate-meter .needle{position:absolute;top:-4px;width:3px;height:18px;border-radius:2px;background:var(--ink)}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.mono,.muted{font-size:13px}.muted{color:var(--ink-soft)}.mt{margin-top:16px}.row,.spread{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}