*{box-sizing:border-box;margin:0}body{background:#0000008c;color:#e8e8f0;font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:24px;padding:14px 28px;background:#14141ef0;border-bottom:1px solid rgba(255,255,255,.08)}.topbar .brand{font-size:18px;font-weight:600;letter-spacing:.5px}.topbar nav{display:flex;gap:16px}.topbar a{color:#aab;text-decoration:none;font-size:14px;padding:4px 8px;border-radius:4px}.topbar a.active,.topbar a:hover{color:#fff;background:#ffffff14}.topbar .status{margin-left:auto;font-size:13px;color:#9fb89f}.topbar .status.offline{color:#889}main{flex:1;padding:28px;max-width:900px;width:100%;margin:0 auto}.panel{background:#14141ef0;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:24px}h1{font-size:22px;margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 12px}th{color:#889;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}tr:nth-child(2n) td{background:#ffffff08}.muted{color:#889;font-size:14px}.error{color:#ff7575}