:root{--bg: #0f1115;--panel: #171923;--text: #e7e9ee;--muted: #9aa3b2;--accent: #4f8cff;--line: #2a2f3a;--badge-bg: #11131a;--note-bg: rgba(250, 204, 21, .08);--note-border: rgba(250, 204, 21, .25);--note-text: #e2d291;--surface-hover: rgba(255, 255, 255, .06);--surface-soft: rgba(255, 255, 255, .1);--surface-soft-border: rgba(255, 255, 255, .08);--accent-soft: rgba(79, 140, 255, .12);--accent-soft-strong: rgba(79, 140, 255, .2);--accent-soft-border: rgba(79, 140, 255, .35);--accent-soft-border-strong: rgba(79, 140, 255, .45);--accent-soft-shadow: rgba(79, 140, 255, .12);--text-inverse: #05060a}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(79,140,255,.14),transparent 32%),linear-gradient(180deg,#0b0d12 0%,var(--bg) 100%);color:var(--text);font:14px/1.5 Inter,Segoe UI,system-ui,sans-serif}#login-app{min-height:100svh}.login-shell{min-height:100svh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);margin:0 auto;padding:28px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#171923fa,#11131afa);box-shadow:0 24px 80px #00000073}.login-brand{margin-bottom:18px}.login-brand h1{margin:0;font-size:28px;line-height:1.1}.login-form{display:flex;flex-direction:column;gap:14px}.login-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-weight:600}.login-form input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--badge-bg);color:var(--text);font:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#ffffff0a}.login-submit{margin-top:8px;border:1px solid var(--accent);background:var(--accent);color:var(--text-inverse);padding:12px 14px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s}.login-submit:hover:not(:disabled){filter:brightness(1.06)}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{cursor:not-allowed;opacity:.7}.login-error{min-height:22px;margin:0;color:#fca5a5}@media(max-width:640px){.login-shell{padding:16px}.login-card{padding:22px;border-radius:14px}.login-brand h1{font-size:24px}}