.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#f8fafc,#eff6ff)}.auth-card{width:100%;max-width:380px;background:white;padding:32px;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06);border:1px solid #e5e7eb}.auth-brand{gap:10px;margin-bottom:22px;font-weight:600;font-size:15px;color:#111827}.auth-brand,.auth-logo{display:flex;align-items:center}.auth-logo{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;font-weight:700;justify-content:center;font-size:12px}.auth-card h1{margin:0 0 4px;font-size:22px;font-weight:600;color:#111827}.auth-card p.sub{margin:0 0 22px;color:#6b7280;font-size:13.5px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}.auth-field input{width:100%;padding:9px 11px;border:1px solid #d1d5db;border-radius:7px;font-size:14px;font-family:inherit;outline:none;transition:border-color .12s}.auth-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.auth-submit{width:100%;padding:10px 14px;background:#2563eb;color:white;border:none;border-radius:7px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s}.auth-submit:hover{background:#1d4ed8}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:7px}.auth-error,.auth-success{font-size:13px;padding:8px 11px}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:7px}.auth-divider{display:flex;align-items:center;gap:10px;color:#9ca3af;font-size:12px;margin:6px 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:#e5e7eb}.auth-oauth{width:100%;padding:9px 14px;background:white;border:1px solid #d1d5db;border-radius:7px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.auth-oauth:hover{background:#f9fafb}.auth-switch{text-align:center;margin-top:20px;font-size:13px;color:#6b7280}.auth-switch a{color:#2563eb;font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-footer{margin-top:22px;color:#9ca3af;font-size:12px}