:root{color:#edf1f7;font-synthesis:none;background:#0b0e13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#1a2330 0,#0b0e13 34%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:#0b0e13f0;border-right:1px solid #242b36;padding:28px 18px}.brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brandMark{background:#d92435;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid}.brand strong,.brand span{display:block}.brand span{color:#8f9bad;letter-spacing:.2em;margin-top:2px;font-size:11px}nav{gap:7px;display:grid}nav button{text-align:left;color:#98a4b7;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 14px}nav button:hover,nav button.active{color:#fff;background:#171c24}nav button.active{border-left:3px solid #d92435}.content{padding:38px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:36px}.eyebrow{color:#d85d69;letter-spacing:.15em;margin-bottom:7px;font-size:11px;font-weight:800}.status{color:#a5adba;background:#121720;border:1px solid #252e3a;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;display:inline-flex}.status span{background:#7a8494;border-radius:50%;width:9px;height:9px}.status.online span{background:#3fcf8e;box-shadow:0 0 16px #3fcf8e99}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cards article,.panel{background:#131820e0;border:1px solid #242d39;border-radius:16px}.cards article{padding:22px}.cards span{color:#9ba6b7;font-size:13px;display:block}.cards strong{margin:8px 0;font-size:34px;display:block}.cards small{color:#657184}.panel{justify-content:space-between;align-items:start;gap:30px;margin-top:18px;padding:24px;display:flex}.panel h2{margin-bottom:0}dl{min-width:320px;margin:0}dl div{border-bottom:1px solid #252d38;justify-content:space-between;gap:30px;padding:9px 0;display:flex}dt{color:#8f9bad}dd{margin:0;font-weight:700}@media (width<=980px){.shell{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.content{padding:24px 16px}.cards{grid-template-columns:1fr}.panel{display:block}dl{min-width:0;margin-top:20px}}