:root{color-scheme:dark;--bg:#10131a;--card:#1a1f2b;--line:#313a4c;--text:#edf1fa;--muted:#9ba8bf;--accent:#7c5cff;--ok:#38c990;--bad:#ff8793}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px 16px;font:15px/1.5 system-ui,-apple-system,"Microsoft YaHei",sans-serif;background:radial-gradient(circle at top right,#29315a 0,transparent 35%),var(--bg);color:var(--text)}main{width:min(720px,100%)}main.narrow{width:min(440px,100%)}header{margin-bottom:20px}h1{margin:0 0 6px;font-size:28px}header p{margin:0;color:var(--muted)}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px}.card{background:rgba(26,31,43,.94);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 18px 50px #0005}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;margin-bottom:16px;color:#cbd4e8;font-size:13px;font-weight:650}.grid label{margin:0}input{margin-top:7px;width:100%;border:1px solid var(--line);border-radius:9px;outline:none;padding:11px 12px;background:#111621;color:var(--text);font:inherit}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff33}.actions{display:flex;justify-content:flex-end;margin-top:22px}button,.logout{border:1px solid var(--line);border-radius:9px;padding:10px 15px;color:var(--text);background:#252c3b;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.primary{border-color:var(--accent);background:var(--accent);width:100%}.actions .primary{width:auto}.notice,.error{margin:16px 0 0}.notice{color:var(--ok)}.error{color:var(--bad)}@media(max-width:560px){.grid{grid-template-columns:1fr}.card{padding:18px}}