:root{--bg:#0f172a;--fg:#0b1220;--card:#111827;--muted:#64748b;--accent:#10b981}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:#0f172a;color:#e5e7eb}
a{color:#22d3ee}
.btn{display:inline-block;background:var(--accent);color:#062a1f;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700;border:0;cursor:pointer}
.btn.secondary{background:#1f2937;color:#e5e7eb}
.container{max-width:1100px;margin:auto;padding:24px 16px}
.card{background:#111827;border:1px solid #334155;border-radius:16px;padding:16px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #334155;padding:10px 8px;text-align:left}
.input{width:100%;padding:10px;border-radius:10px;border:1px solid #334155;background:#0b1220;color:#e5e7eb}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#0b1220;border-bottom:1px solid #334155}
.topbar nav a{margin-right:12px;text-decoration:none;color:#e5e7eb}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#0b7e63;color:white;font-size:.75rem}