:root{color-scheme:light;--surface: #fff;--bg-subtle: #fafafa;--border: #eaeaea;--border-strong: #d4d4d4;--text: #000;--text-muted: #666;--danger: #ef4444;--accent: #3b82f6}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--surface: #161616;--bg-subtle: #1c1c1c;--border: #2e2e2e;--border-strong: #454545;--text: #ededed;--text-muted: #a1a1a1;--danger: #f87171;--accent: #60a5fa}}*{box-sizing:border-box}body{margin:0;background:var(--bg-subtle);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px}.logo{display:block;width:100%;margin-bottom:18px}.logo svg{display:block;width:100%;height:auto}h1{margin:0;font-size:20px;font-weight:600}.sub{margin:6px 0 0;font-size:14px;color:var(--text-muted)}.tabs{display:flex;gap:4px;margin-top:18px;padding:4px;background:var(--bg-subtle);border-radius:8px}.tab{flex:1;padding:6px 12px;font-size:14px;text-transform:capitalize;color:var(--text-muted);background:none;border:0;border-radius:6px;cursor:pointer}.tab.active{background:var(--surface);color:var(--text);border:1px solid var(--border)}.fields{display:flex;flex-direction:column;gap:12px;margin-top:18px}input{width:100%;padding:9px 12px;font-size:14px;color:var(--text);background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:6px}input:focus{outline:none;border-color:var(--accent)}button.primary{width:100%;padding:9px 12px;font-size:14px;font-weight:500;color:var(--surface);background:var(--text);border:0;border-radius:6px;cursor:pointer}button.primary:disabled{opacity:.5;cursor:default}button.link{width:100%;padding:4px;font-size:13px;color:var(--text-muted);background:none;border:0;cursor:pointer}.note{font-size:14px;color:var(--text-muted);line-height:1.5}.error{font-size:14px;color:var(--danger);margin:0}