:root{--bg:#0f1419;--surface:#1a222c;--border:#2a3544;--ink:#e8eef5;--muted:#8b9bb0;--accent:#3d8bfd;--ok:#3ecf8e;--bad:#f07178;--font:"Segoe UI", "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 10% -10%, #1a2a40 0%, var(--bg) 55%);min-height:100%;color:var(--ink);font-family:var(--font);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{max-width:1100px;margin:0 auto;padding:28px 20px 48px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{letter-spacing:.02em;font-size:1.15rem;font-weight:650}.brand span{color:var(--muted);margin-left:8px;font-size:.85rem;font-weight:500}.card{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--border);border-radius:14px;padding:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:600}.btn.ghost{border:1px solid var(--border);color:var(--ink);background:0 0}.field{border:1px solid var(--border);width:100%;color:var(--ink);background:#121820;border-radius:10px;padding:10px 12px}.muted{color:var(--muted);font-size:.9rem}.badge{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:.78rem;display:inline-flex}.badge.ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, var(--border))}.badge.bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 40%, var(--border))}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(400px,100%)}.login-card h1{margin:0 0 6px;font-size:1.6rem}.stack{gap:12px;margin-top:18px;display:grid}