:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf7;background:#090c12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -10%,#172443 0,#090c12 42%)}button{font:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;border-bottom:1px solid #20283a;background:#090c12db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner,.content{width:min(1040px,calc(100% - 32px));margin:0 auto}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand h1{margin:0 0 3px;font-size:18px}.logo{color:#6d9dff;font-size:28px}.network{color:#ff8585;font-size:10px;font-weight:800;letter-spacing:.14em}.health{display:inline-flex;align-items:center;gap:8px;color:#a6b0c5;font-size:13px}.health i{width:8px;height:8px;border-radius:50%;background:#778198}.health.ok{color:#55dca6}.health.ok i{background:#55dca6;box-shadow:0 0 0 5px #55dca61a}.health.bad{color:#ff8585}.health.bad i{background:#ff8585}.content{flex:1;padding:32px 0 64px}.panel{border:1px solid #20283a;border-radius:14px;background:#111621e6;box-shadow:0 18px 50px #00000026}.hero{padding:28px;margin-bottom:18px}.eyebrow{margin:0 0 7px;color:#6d9dff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h2{margin:0 0 9px;font-size:clamp(23px,4vw,36px)}.hero p:last-child{max-width:720px;margin:0;color:#9ca7bc;line-height:1.6}.banner{margin:16px 0;padding:12px 16px;border-radius:10px}.banner.error{color:#ffb2b2;border:1px solid rgba(255,133,133,.35);background:#ff858514}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 34px}.stat{padding:16px}.stat span{display:block;margin-bottom:7px;color:#8792a8;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.stat b{display:block;color:#f1f5fb;font-size:16px;overflow-wrap:anywhere}.section-head{margin:28px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:0;font-size:18px}.section-head button{color:#9dbbff;border:1px solid #2d3e63;border-radius:8px;padding:7px 11px;background:#111a2b;cursor:pointer}.clients{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.client{padding:18px}.client-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.client h3{margin:0 0 5px;font-size:16px}code{color:#8f9bb1;font-size:12px}.pill{color:#8d97ab;border:1px solid #30384b;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.pill.active{color:#55dca6;border-color:#55dca659;background:#55dca614}dl{margin:16px 0 0}dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding-top:10px;border-top:1px solid #20283a}dt{color:#7f8aa0;font-size:12px}dd{margin:0;color:#cbd3e2;font-size:13px;overflow-wrap:anywhere}.events{padding:0 18px}.event{display:grid;grid-template-columns:142px 92px 1fr;gap:12px;align-items:baseline;padding:13px 0;border-bottom:1px solid #20283a}.event:last-child{border-bottom:0}.event time,.event-client{color:#7f8aa0;font-size:12px}.event p{margin:0;color:#cbd3e2;font-size:13px;overflow-wrap:anywhere}.event-error p{color:#ffaaa5}.muted{color:#7f8aa0}footer{padding:22px 16px 32px;color:#707b90;text-align:center;font-size:12px}@media (max-width: 760px){.stats{grid-template-columns:repeat(2,1fr)}.event{grid-template-columns:1fr;gap:4px}}@media (max-width: 480px){.header-inner,.content{width:min(100% - 20px,1040px)}.header-inner{min-height:64px}.brand h1{font-size:15px}.health{font-size:0}.stats{grid-template-columns:1fr}.hero{padding:20px}}