:root{--bg:#f3f5f8;--ink:#12202b;--muted:#74808b;--nav:#101b25;--mint:#50d3ad;--line:#e2e7eb}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{background:var(--nav);color:#fff;flex-direction:column;padding:30px 22px;display:flex}.brand{letter-spacing:3px;align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex}.brand span{background:var(--mint);color:#10221d;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.eyebrow{letter-spacing:1.6px;color:#8b98a2;font-size:10px;font-weight:800}.brand+.eyebrow{color:#62707b;margin:9px 0 36px 48px}nav{gap:7px;display:grid}nav a{color:#96a3ad;border-radius:9px;padding:12px 14px;font-size:14px;text-decoration:none}nav a.active{color:#fff;border-left:3px solid var(--mint);background:#1d2b36}.user{border-top:1px solid #293641;align-items:center;gap:11px;margin-top:auto;padding-top:20px;display:flex}.user>div{background:#243541;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.user span{font-size:12px;display:grid}.user small{color:#7f8b94;margin-top:3px}.content{padding:42px clamp(24px,5vw,72px)}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1{margin:6px 0;font-size:34px}header p{color:var(--muted);margin:0}.status{color:#218265;background:#e4f7f0;border:1px solid #c7ecdf;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}.status i{background:#2fc394;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.grid article,.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 8px #10202b08}.grid p{color:var(--muted);margin:0;font-size:12px}.grid strong{margin:13px 0 6px;font-size:27px;display:block}.grid small,.panel small{color:#8a969f}.columns{grid-template-columns:1.7fr 1fr;gap:16px;margin-top:16px;display:grid}.panelHead{justify-content:space-between;align-items:center;display:flex}.panel h2{margin:5px 0 18px;font-size:17px}.panelHead a{color:#278a70;font-size:12px;font-weight:700;text-decoration:none}.server{border-top:1px solid var(--line);grid-template-columns:44px 1fr auto auto;align-items:center;gap:14px;padding:18px 0 2px;display:grid}.serverIcon{color:#238768;background:#dff7ef;border-radius:10px;place-items:center;height:42px;font-weight:800;display:grid}.server div{gap:4px;display:grid}.pending{color:#9b7424;background:#fff6da;border-radius:99px;padding:6px 9px;font-size:11px}.empty{text-align:center;justify-items:center;gap:7px;padding:12px;display:grid}.empty span{color:#2a9b79;background:#e6f8f2;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.empty b{font-size:13px}.alertRules{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.alertRules>div:nth-child(2){gap:5px;font-size:13px;display:grid}.alertRules>span{color:#228465;background:#e2f7ef;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:700}@media (max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}.columns{grid-template-columns:1fr}}@media (max-width:700px){.shell{display:block}aside{padding:18px;display:block}aside .eyebrow,.user{display:none}nav{margin-top:16px;display:flex;overflow:auto}nav a{white-space:nowrap}.content{padding:25px 16px}header{align-items:flex-start}.status{display:none}.grid{grid-template-columns:repeat(2,1fr)}.server{grid-template-columns:44px 1fr}.pending{justify-self:start}.alertRules{flex-direction:column;align-items:flex-start;gap:15px}}