:root{--bg: #f8fafc;--bg2: #f1f5f9;--card: #ffffff;--card-border: rgba(15, 23, 42, .08);--text: #0f172a;--muted: #64748b;--primary: #2563eb;--primary-ink: #1e3a8a;--ring: rgba(37, 99, 235, .3);--error: #dc2626}.dark{--bg: #0f172a;--bg2: #1e293b;--card: rgba(30, 41, 59, .9);--card-border: rgba(148, 163, 184, .12);--text: #f1f5f9;--muted: #94a3b8;--primary: #3b82f6;--primary-ink: #1d4ed8;--ring: rgba(59, 130, 246, .4);--error: #ef4444}.auth-shell{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 70% -10%,var(--primary) 0%,transparent 70%),radial-gradient(800px 500px at -10% 110%,#8a5bff 0%,transparent 60%),var(--bg);padding:24px}.top-right{position:fixed;top:16px;right:16px}.mode-toggle{border:1px solid var(--card-border);background:var(--card);color:var(--text);border-radius:10px;padding:8px 10px;display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 10px 20px #02061714;transition:transform .15s ease,box-shadow .2s ease}.mode-toggle:hover{transform:translateY(-1px)}.card{width:100%;max-width:420px;background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--card-border);border-radius:16px;box-shadow:0 30px 50px #0206171f}.card-header{display:flex;gap:12px;align-items:center;padding:20px 20px 8px}.logo.small{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-ink));color:#fff;font-weight:700}.card-title{margin:0;font-size:22px;color:var(--text)}.card-sub{margin:2px 0 0;color:var(--muted);font-size:13px}.banner{margin:12px 20px 0;border-radius:12px;padding:10px 12px;border:1px solid var(--card-border)}.banner.error{background:#ef444414;color:var(--error);border-color:#ef444440}.banner-text{font-size:13px}.banner-close{float:right;background:transparent;border:0;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.form{padding:16px 20px 20px;display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-weight:600;color:var(--text)}.input-wrap{position:relative;display:grid;grid-template-columns:36px 1fr auto;align-items:center;background:var(--card);border-radius:12px;border:1px solid var(--card-border);transition:box-shadow .2s ease,border-color .2s ease}.input-wrap:focus-within{box-shadow:0 0 0 5px var(--ring);border-color:var(--primary)}.leading-icon{display:grid;place-items:center;height:36px;color:var(--muted)}.leading-icon svg{width:16px;height:16px}.input-wrap input{border:0;outline:0;height:36px;padding:0 8px 0 0;width:100%;background:transparent;color:var(--text);font-size:14px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted)}.checkbox input{width:16px;height:16px;accent-color:var(--primary)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:12px;border:none;font-weight:600;cursor:pointer}.btn.primary{background:linear-gradient(180deg,var(--primary),var(--primary-ink));color:#fff;width:100%}.btn:disabled{opacity:.7;cursor:not-allowed}.w-full{width:100%}@media (max-width: 420px){.card{border-radius:14px}}.password-toggle{border:0;background:transparent;padding:0 10px 0 4px;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.password-toggle svg{display:block}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--card) inset;-webkit-text-fill-color:var(--text);transition:background-color 5000s ease-in-out 0s}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:100%;width:100%;margin:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}