:root{--bg: #0b1320;--panel: #121a2a;--text: #e7eefb;--muted: #9fb0d0;--accent: #4ea7ff;--accent-2: #6ee7b7;--border: #20304a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:var(--accent);text-decoration:none}a.active{color:var(--accent-2)}.app{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0b1320d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{font-weight:700;letter-spacing:.2px}.menu{display:flex;gap:16px}.menu a{padding:6px 8px;border-radius:6px}.menu a:hover{background:#0f1a2b}.content{padding:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px;box-shadow:0 10px 24px #00000040}.footer{border-top:1px solid var(--border);padding:12px 24px;color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;text-align:left}