:root { --bg:#0b1220; --fg:#eef2ff; --card:#121a2a; --muted:#94a3b8; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji"; background: var(--bg); color: var(--fg); }
a { color: #93c5fd; text-decoration: none; }
.container { max-width: 900px; margin: 2rem auto; padding: 0 1rem; }
.card { background: var(--card); padding: 1rem; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.2); margin-bottom: 1rem; }
.nav { display:flex; gap:1rem; padding: 1rem; background: #0d1628; border-bottom: 1px solid #1e293b; }
.nav a { color: var(--fg); }
form { display:grid; gap:.6rem; }
input, select { padding:.6rem .7rem; background:#0d1628; border:1px solid #1e293b; color:var(--fg); border-radius:10px; }
button { padding:.6rem .9rem; border:0; border-radius: 10px; background:#2563eb; color:white; cursor:pointer; }
button.secondary { background:#334155; }
label { font-size:.9rem; color: var(--muted); }
.table { width:100%; border-collapse: collapse; }
.table th, .table td { padding:.6rem; border-bottom:1px solid #1e293b; text-align:left; }
.badge { padding:.2rem .5rem; border-radius:8px; background:#0d9488; color:white; font-size:.75rem;}
.error { color:#fca5a5; }
.success { color:#34d399; }