:root{--bg:#0b1220;--panel:#121a2b;--text:#e8eefb;--muted:#9db1d9;--accent:#8ab4ff;--bad:#ff8a80}
*{box-sizing:border-box} body{margin:0;font:16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:40px auto;padding:0 16px}
h1{font-size:56px;margin:0 0 20px}
.card{background:var(--panel);border-radius:16px;padding:16px 20px;margin:16px 0;box-shadow:0 8px 24px rgba(0,0,0,.25)}
input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #2a3958;background:#0e1628;color:var(--text);font-size:16px}
button{padding:10px 16px;border-radius:10px;border:1px solid #2a3958;background:#17233a;color:var(--text);cursor:pointer}
button:hover{filter:brightness(1.1)} a{color:var(--accent);text-decoration:none} nav a{margin-right:16px}
.bad{color:var(--bad)} .muted{color:var(--muted)} .tag{display:inline-block;background:#1b2a46;padding:2px 8px;border-radius:999px;font-size:12px;margin-right:8px}
.divider{height:1px;background:#1b2a46;margin:12px 0}
.list{display:flex;flex-direction:column;gap:8px}
.row{display:flex;justify-content:space-between;gap:16px}
.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 14px}
small{color:var(--muted)}