@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{box-sizing:border-box}body{margin:0;background:#101010;color:#f5f5f5;font-family:Inter,ui-sans-serif,system-ui}.shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;border-right:1px solid #282828;background:#0d0d0d;padding:20px 14px}.brand{display:flex;align-items:center;gap:10px;padding:4px 7px 26px}.brand>span{display:grid;place-items:center;width:32px;height:32px;background:#fff;color:#101010;border-radius:8px;font-weight:800;font-size:11px}.brand small,.brand strong{display:block}.brand strong{font-size:13px}.brand small{margin-top:3px;color:#858585;font-size:10px}nav{display:grid;grid-gap:3px;gap:3px}nav a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:7px;color:#8b8b8b;font-size:12px}nav a svg{width:15px}nav a.active,nav a:hover{background:#1d1d1d;color:#fff}.sidebar-foot{display:flex;align-items:center;gap:7px;margin-top:auto;padding:10px;color:#777;font-size:11px}.sidebar-foot svg{width:13px;color:#5de38d}.content{padding:28px clamp(20px,4vw,52px);max-width:1480px;width:100%;margin:auto}.activity,.hero,.hero-actions,.panel header,.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel header p,.topbar p{margin:0 0 5px;color:#828282;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.1em}.hero h2,.panel h3,.topbar h1{margin:0}.topbar h1{font-size:18px}.danger,.icon-button,.primary,.secondary{display:inline-flex;align-items:center;gap:7px;border:1px solid #313131;border-radius:8px;padding:9px 12px;color:#fff;background:#191919;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.icon-button{padding:8px}.danger svg,.icon-button svg,.primary svg,.secondary svg{width:15px}.primary{background:#fff;color:#101010;border-color:#fff}.danger{border-color:#5b2626;background:#221414;color:#ffb4b4}.hero{margin-top:30px;padding:27px;border:1px solid #2b2b2b;border-radius:13px;background:linear-gradient(135deg,#181818,#111)}.status{display:inline-flex;padding:4px 7px;border:1px solid #3c3c3c;border-radius:99px;color:#999;font-size:10px}.status.online{border-color:#286b43;color:#80f1ad;background:#102317}.hero h2{font-size:24px;letter-spacing:-.04em;margin-top:11px}.hero p{margin:8px 0 0;color:#969696;font-size:13px}.hero-actions{align-self:flex-end;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:11px;gap:11px;margin:16px 0}.metric,.panel{border:1px solid #2c2c2c;border-radius:11px;background:#151515}.metric{padding:15px}.metric-icon{color:#a9a9a9}.metric-icon svg{width:16px}.metric p{margin:13px 0 4px;color:#8e8e8e;font-size:11px}.metric strong{font-size:15px}.metric span{display:block;margin-top:5px;color:#666;font-size:10px}.grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:11px;gap:11px}.panel{padding:17px}.panel h3{font-size:14px}.panel header>svg{width:17px;color:#999}.span{grid-row:span 2}.panel dl{margin:20px 0 0}.panel dl div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid #292929}.panel dt{color:#808080;font-size:11px}.panel dd{margin:0;max-width:65%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;color:#ddd;font-size:11px}.panel a{color:#eee}.dot{width:8px;height:8px;border-radius:50%;background:#5b5b5b}.dot.online{background:#5de38d;box-shadow:0 0 0 3px #163a22}.empty{display:grid;place-items:center;grid-gap:8px;gap:8px;min-height:166px;color:#777;text-align:center;font-size:11px}.empty svg{width:20px}.empty strong{color:#bdbdbd;font-size:12px}.empty span{max-width:200px;line-height:1.5}.activity{justify-content:flex-start;margin-top:20px;align-items:flex-start}.activity p,.activity strong{display:block;margin:0}.activity strong{font-size:12px}.activity p{margin-top:4px;color:#777;font-size:11px;line-height:1.5}.notice{margin-top:16px;padding:10px 12px;border:1px solid #5a4930;border-radius:8px;background:#201a12;color:#e2bd83;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}button:disabled{opacity:.5;cursor:wait}@media(max-width:840px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #282828;padding:13px}.brand{padding:2px 5px 12px}nav{display:flex;overflow:auto}nav a{white-space:nowrap}.sidebar-foot{display:none}.content{padding:22px 16px}.hero{align-items:flex-start;flex-direction:column}.hero-actions{align-self:auto}.grid,.metrics{grid-template-columns:1fr 1fr}.span{grid-row:auto}}@media(max-width:510px){.grid,.metrics{grid-template-columns:1fr}.topbar h1{font-size:16px}.hero h2{font-size:21px}}