:root{--bg:#0f172a;--card:#111827;--muted:#1f2937;--text:#e2e8f0;--accent:#2563eb;--good:#10b981;--bad:#f87171}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:24px}
.card{background:var(--card);border:1px solid var(--muted);border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
a{color:#60a5fa;text-decoration:none}
header.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
header.nav h1{margin:0;font-size:20px}
.btn{background:var(--accent);color:white;border:none;border-radius:8px;padding:10px 12px;cursor:pointer}
.btn:hover{background:#1d4ed8}
.input{background:#0b1220;border:1px solid var(--muted);color:var(--text);border-radius:8px;padding:10px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
table{border-collapse:collapse;width:100%}
td,th{padding:.5rem .6rem;border:1px solid var(--muted)}
th{background:#0c1222}
.msg{color:var(--good)}
.err{color:var(--bad)}

