:root{--gold:#d4af37;--bg:#070707;--panel:#fff;--muted:#777;--line:#e9e9e9}*{box-sizing:border-box}body{color:#111;background:#f5f5f5;margin:0;font-family:Arial,Helvetica,sans-serif}.shell{min-height:100vh;display:flex}.side{background:var(--bg);color:#fff;width:260px;height:100vh;padding:24px;position:sticky;top:0}.brand{color:var(--gold);margin-bottom:4px;font-size:24px;font-weight:800}.domain{color:#aaa;margin-bottom:28px;font-size:12px}.nav a{color:#fff;border-radius:10px;margin:4px 0;padding:11px 12px;text-decoration:none;display:block}.nav a:hover,.nav a.active{color:var(--gold);background:#1a1a1a}.main{flex:1;padding:28px}.top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.badge{color:var(--gold);background:#111;border-radius:999px;padding:8px 12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;box-shadow:0 4px 14px #0000000d}.label{color:var(--muted);font-size:13px}.value{margin-top:6px;font-size:28px;font-weight:800}.section{margin-top:24px}.table{border-collapse:collapse;background:#fff;border-radius:18px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:13px;font-size:14px}.table th{background:#fafafa}.btn{color:#fff;background:#111;border:0;border-radius:12px;padding:11px 14px}.btn.gold{background:var(--gold);color:#111;font-weight:700}.status{background:#eee;border-radius:999px;padding:5px 9px}.online{background:#dff8df}.offline{background:#ffe1e1}@media (max-width:900px){.shell{display:block}.side{width:auto;height:auto}.grid{grid-template-columns:1fr}.main{padding:16px}}input{border:1px solid #ddd;border-radius:12px;width:100%;margin:8px 0;padding:14px 16px;font-size:16px}