:root { --bg: #0b1220; --card:#121b2c; --text:#e9eefb; --muted:#a6b3d0; --accent:#6aa5ff; --border:#1f2a44; }
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
a{color:var(--text);text-decoration:none}
.topnav{display:flex;gap:.6rem;flex-wrap:wrap;padding:12px 16px;background:#0e1628;position:sticky;top:0;border-bottom:1px solid var(--border)}
.topnav a{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#0f1a30}
.topnav a:hover{border-color:var(--accent)}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}
.btn{display:block;text-align:center;padding:14px;border:1px solid var(--border);border-radius:12px;background:#0f1a30}
.btn:hover{border-color:var(--accent)}
.footer{color:var(--muted);text-align:center;padding:32px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.toolbar input,.toolbar select{background:#0f1a30;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left}
.error{margin-top:12px;padding:12px;border:1px solid #6b2737;background:#2a0f16;border-radius:8px}
.table-wrap{overflow:auto}