:root{color-scheme:dark;--bg:#090d12;--panel:#111820;--border:#2b3743;--text:#eef4f8;--muted:#91a0ad;--accent:#39d39f;--danger:#f87171}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-panel{width:min(420px,100%);border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #0008}
.login-brand{padding:18px 22px;border-bottom:1px solid var(--border);font:700 14px/1.2 ui-monospace,SFMono-Regular,monospace}
.login-brand small{display:block;margin-top:5px;color:var(--muted);font-size:9px;font-weight:500}
form{padding:28px 22px}
h1{margin:0 0 22px;font-size:20px;letter-spacing:0}
label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}
input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:#0b1117;color:var(--text);font:inherit;font-size:14px;font-weight:500;outline:none}
input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #39d39f22}
.identity-help{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
button{width:100%;height:42px;margin-top:14px;border:0;border-radius:6px;background:var(--accent);color:#05251b;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
#login-error{min-height:18px;margin:12px 0 0;color:var(--danger);font-size:12px}
@media(max-width:480px){.login-shell{padding:12px}.login-panel{box-shadow:none}form{padding:24px 18px}}