:root{--bg: #0b1f2a;--panel: #123040;--text: #e8f1f5;--muted: #9bb4c0;--accent: #2bb0a6;--line: #1e4a5c;font-family:Segoe UI,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,#16384a,transparent 40%),radial-gradient(circle at 90% 20%,#0f3d36,transparent 35%),var(--bg);min-height:100vh}*{box-sizing:border-box}body{margin:0}h1,h2{margin:0 0 .5rem}button,input,select{font:inherit}button{background:var(--accent);color:#04221f;border:0;border-radius:8px;padding:.55rem .9rem;font-weight:600;cursor:pointer}input,select{background:#0a2430;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem;width:100%}.layout{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 3rem}.brand{font-size:1.75rem;letter-spacing:.02em}.sub{color:var(--muted);margin-bottom:1.5rem}.grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:900px){.grid{grid-template-columns:1fr 1fr}}.card{background:color-mix(in srgb,var(--panel) 92%,black);border:1px solid var(--line);border-radius:14px;padding:1rem}.card h2{font-size:1.05rem}.muted{color:var(--muted);font-size:.9rem}.list{display:grid;gap:.6rem;margin-top:.75rem}.item{border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;background:#0c2835}.row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;align-items:center}.row>*{flex:1;min-width:140px}.row a{flex:0 0 auto;min-width:auto}.btn-link{display:inline-flex;align-items:center;background:#184a44;color:#9fefe4!important;text-decoration:none;border-radius:8px;padding:.55rem .9rem;font-weight:600}.tag{display:inline-block;background:#184a44;color:#9fefe4;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;margin-right:.25rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 20% 10%,#16384a,transparent 40%),radial-gradient(circle at 80% 80%,#0f3d36,transparent 35%),var(--bg)}.login-box{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:400px;box-shadow:0 8px 40px #0006}.login-logo{font-size:1.8rem;font-weight:900;letter-spacing:-.5px;margin-bottom:1.2rem;color:var(--text)}.login-logo span{color:var(--accent)}.login-box h2{font-size:1.2rem;margin-bottom:.25rem}.login-box form{display:flex;flex-direction:column;gap:1rem;margin-top:1.2rem}.login-box label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted)}.login-box input{background:#0b1f2a;border:1px solid var(--line);border-radius:8px;padding:.65rem .9rem;color:var(--text);font-size:1rem;outline:none;transition:border-color .15s}.login-box input:focus{border-color:var(--accent)}.login-error{background:#dc323226;border:1px solid rgba(220,50,50,.3);color:#f87171;padding:.6rem .9rem;border-radius:8px;font-size:.85rem}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .15s;width:100%}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:.65rem 1rem;font-size:.88rem;cursor:pointer;width:100%;transition:color .15s}.btn-ghost:hover{color:var(--text)}.backup-codes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0}.backup-codes code{background:#0b1f2a;border:1px solid var(--line);border-radius:6px;padding:.4rem .6rem;font-size:.85rem;text-align:center;letter-spacing:1px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem;flex-wrap:wrap;gap:.5rem}.user-info{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted)}.btn-logout{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:.25rem .7rem;font-size:.8rem;cursor:pointer}.btn-logout:hover{color:var(--text);border-color:var(--accent)}