:root { --bg:#0b1020; --card:#121a34; --text:#e6ecff; --muted:#90a0d0; --accent:#6aa2ff; }
* { box-sizing:border-box; } body { margin:0; font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--text); }
.login { display:grid; place-items:center; height:100vh; } .card { background:var(--card); padding:16px 20px; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.3); }
.card h2, .card h1 { margin-top:0; } label { display:block; margin:8px 0; }
input, select { width:100%; padding:10px 12px; border-radius:10px; border:1px solid #24305b; background:#0d1530; color:var(--text); }
button, .btn { background:var(--accent); color:#081024; padding:10px 14px; border:0; border-radius:10px; cursor:pointer; text-decoration:none; }
.btn:hover, button:hover { filter:brightness(1.1); } .container { padding:20px; }
.grid { display:grid; grid-template-columns: 2fr 1fr; gap:20px; } .table { width:100%; border-collapse:collapse; }
.table th, .table td { border-bottom:1px solid #24305b; padding:8px; text-align:left; }
.topnav { display:flex; gap:16px; align-items:center; background:#0d1530; padding:10px 16px; position:sticky; top:0; z-index:5; }
.topnav a { color:var(--text); text-decoration:none; } .topnav .spacer { flex:1; }
.error { color:#ff8080; margin:8px 0; } .note { color:#c2cff9; margin-top:8px; } .row { padding:4px 0; border-bottom:1px dashed #24305b; }
small.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--muted); }