.auth-shell{--as-font:var(--ace-font);--as-canvas:#f6f8fc;--as-surface:#fff;--as-surface-2:#f1f5fb;--as-border:#e4eaf2;--as-border-strong:#c9d4e3;--as-text-1:#0f172a;--as-text-2:#475569;--as-text-3:#94a3b8;--as-primary:#2f6ef0;--as-primary-2:#5b8def;--as-primary-soft:#eaf1fe;--as-primary-border:#cfdcf6;--as-primary-shadow:rgba(47,110,240,.25);--as-success:#10b981;font-family:var(--as-font);color:var(--as-text-1);background:var(--as-canvas);font-size:14px;line-height:1.5;display:grid;grid-template-columns:minmax(440px,1fr) 1.1fr;min-height:100vh}.auth-shell *,.auth-shell :after,.auth-shell :before{box-sizing:border-box}.auth-shell .form-side{display:flex;flex-direction:column;padding:32px 48px 28px;background:var(--as-surface);min-width:0;position:relative}.auth-shell .topbar{display:flex;align-items:center;justify-content:space-between}.auth-shell .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.auth-shell .brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--as-primary),var(--as-primary-2));display:grid;place-items:center;color:#fff;box-shadow:0 6px 16px var(--as-primary-shadow)}.auth-shell .brand-name{font-size:18px;font-weight:800;letter-spacing:-.3px}.auth-shell .brand-name span{color:var(--as-primary)}.auth-shell .top-help{font-size:13px;color:var(--as-text-3)}.auth-shell .top-help a{color:var(--as-primary);text-decoration:none;font-weight:600;margin-left:6px}.auth-shell .top-help a:hover{text-decoration:underline}.auth-shell .form-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:460px;width:100%;margin:0 auto;padding:24px 0}.auth-shell .eyebrow{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 11px;background:var(--as-primary-soft);color:var(--as-primary);border-radius:999px;font-size:12px;font-weight:600;margin-bottom:16px}.auth-shell .eyebrow .dot{width:6px;height:6px;background:var(--as-success);border-radius:50%;box-shadow:0 0 0 3px rgba(16,185,129,.18)}.auth-shell h1{font-size:28px;font-weight:800;margin:0 0 8px;color:var(--as-text-1);letter-spacing:-.5px;line-height:1.2}.auth-shell h1 b,.auth-shell h1 strong{color:var(--as-primary)}.auth-shell .lede{color:var(--as-text-2);margin:0 0 24px;font-size:14px}.auth-shell fieldset{margin:0 0 18px;border:0;padding:0}.auth-shell fieldset legend{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--as-text-3);padding:0;margin-bottom:10px}.auth-shell .field{margin-bottom:14px}.auth-shell .field-label{display:block;font-size:13px;font-weight:600;color:var(--as-text-1);margin-bottom:6px}.auth-shell .field-label .req{color:#ef4444}.auth-shell .field-label .tag{font-size:10.5px;font-weight:700;padding:1px 7px;background:var(--as-surface-2);border:1px solid var(--as-border);border-radius:999px;color:var(--as-text-3);margin-left:6px;text-transform:none;letter-spacing:0}.auth-shell .input-wrap{position:relative;display:flex;align-items:center}.auth-shell .input-wrap svg.lead{position:absolute;left:13px;color:var(--as-text-3);pointer-events:none}.auth-shell .input-wrap input{flex:1;padding:12px 14px 12px 42px;border:1.5px solid var(--as-border);border-radius:11px;font-family:inherit;font-size:14px;color:var(--as-text-1);background:var(--as-surface);transition:border-color .15s,box-shadow .15s;outline:none;width:100%}.auth-shell .input-wrap input::-moz-placeholder{color:var(--as-text-3)}.auth-shell .input-wrap input::placeholder{color:var(--as-text-3)}.auth-shell .input-wrap input:focus{border-color:var(--as-primary);box-shadow:0 0 0 4px var(--as-primary-soft)}.auth-shell .input-wrap input:disabled{background:var(--as-surface-2);color:var(--as-text-3);cursor:not-allowed}.auth-shell .input-wrap .toggle{position:absolute;right:10px;background:transparent;border:0;cursor:pointer;color:var(--as-text-3);padding:6px;border-radius:6px;display:grid;place-items:center}.auth-shell .input-wrap .toggle:hover{color:var(--as-text-1);background:var(--as-surface-2)}.auth-shell .field-hint{display:block;font-size:11.5px;color:var(--as-text-3);margin-top:6px;line-height:1.5}.auth-shell .form-error{margin:0 0 12px;padding:10px 12px;font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px}.auth-shell .primary-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:linear-gradient(135deg,var(--as-primary),var(--as-primary-2));color:#fff;border:0;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 6px 18px var(--as-primary-shadow)}.auth-shell .primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px var(--as-primary-shadow)}.auth-shell .primary-btn:active:not(:disabled){transform:translateY(0)}.auth-shell .primary-btn:disabled{opacity:.85;cursor:wait}.auth-shell .primary-btn .spinner{animation:as-spin .7s linear infinite;transform-origin:center}@keyframes as-spin{to{transform:rotate(1turn)}}.auth-shell .signup-row{text-align:center;margin-top:22px;font-size:13px;color:var(--as-text-2)}.auth-shell .signup-row a{color:var(--as-primary);text-decoration:none;font-weight:700;margin-left:4px}.auth-shell .signup-row a:hover{text-decoration:underline}.auth-shell .auth-footer{display:flex;justify-content:space-between;align-items:center;color:var(--as-text-3);font-size:12px;margin-top:auto;padding-top:20px}.auth-shell .auth-footer .footer-links{display:flex;gap:16px}.auth-shell .auth-footer a{color:var(--as-text-3);text-decoration:none}.auth-shell .auth-footer a:hover{color:var(--as-text-1)}.auth-shell .marketing{position:relative;background:linear-gradient(135deg,#2f6ef0,#5b8def 55%,#7aa3ff);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;color:#fff;min-width:0}.auth-shell .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}.auth-shell .blob.b1{width:320px;height:320px;background:#93c5fd;top:-60px;right:-60px}.auth-shell .blob.b2{width:260px;height:260px;background:#c7d6ff;bottom:60px;left:-60px;opacity:.4}.auth-shell .blob.b3{width:200px;height:200px;background:#fff;top:40%;right:25%;opacity:.2}.auth-shell .marketing:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.18) 1px,transparent 1.5px);background-size:22px 22px;opacity:.5;pointer-events:none}.auth-shell .quote{position:relative;z-index:1;max-width:480px}.auth-shell .quote-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:hsla(0,0%,100%,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;font-size:12px;font-weight:600;border:1px solid hsla(0,0%,100%,.25)}.auth-shell .quote h2{font-size:34px;font-weight:800;line-height:1.2;margin:16px 0 12px;letter-spacing:-.5px}.auth-shell .quote p{margin:0;font-size:15px;line-height:1.6;opacity:.92}.auth-shell .stage{position:relative;z-index:1;flex:1;margin:32px 0}.auth-shell .card{position:absolute;background:hsla(0,0%,100%,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.18),0 8px 24px rgba(15,23,42,.08);color:var(--as-text-1);border:1px solid hsla(0,0%,100%,.6)}.auth-shell .card-kpi{top:0;left:8%;width:260px;padding:16px 18px;animation:as-floatA 6s ease-in-out infinite}.auth-shell .card-kpi .lbl{display:flex;align-items:center;justify-content:space-between}.auth-shell .card-kpi .lbl-text{font-size:12px;color:var(--as-text-3);font-weight:600}.auth-shell .card-kpi .chip{display:inline-flex;align-items:center;gap:3px;background:#ecfdf5;color:#059669;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px}.auth-shell .card-kpi .val{font-size:28px;font-weight:800;letter-spacing:-.5px;margin:4px 0}.auth-shell .card-kpi .spark{display:block;margin-top:4px}.auth-shell .card-chat{bottom:50px;right:0;width:300px;padding:14px 16px;animation:as-floatB 7s ease-in-out infinite}.auth-shell .chat-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.auth-shell .chat-row .ava{width:34px;height:34px;border-radius:50%;background:#06c755;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.auth-shell .chat-row .meta{flex:1;min-width:0}.auth-shell .chat-row .nm{font-size:13px;font-weight:700}.auth-shell .chat-row .sm{font-size:11px;color:var(--as-text-3)}.auth-shell .chat-row .dot-green{width:8px;height:8px;background:#10b981;border-radius:50%}.auth-shell .bubble{background:var(--as-primary-soft);color:var(--as-text-1);padding:8px 11px;border-radius:10px;border-bottom-left-radius:3px;font-size:12px;line-height:1.5;margin-bottom:6px}.auth-shell .bubble.us{background:linear-gradient(135deg,var(--as-primary),var(--as-primary-2));color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:3px;margin-left:auto;max-width:78%}.auth-shell .card-online{top:38%;right:18%;padding:10px 14px;display:flex;align-items:center;gap:10px;border-radius:999px;animation:as-floatC 5.5s ease-in-out infinite}.auth-shell .card-online .pulse{width:9px;height:9px;background:#10b981;border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:as-pulse 1.6s ease-out infinite}.auth-shell .card-online .text{font-size:12px;font-weight:700}.auth-shell .card-online .text small{font-weight:500;color:var(--as-text-3);display:block;font-size:10px}@keyframes as-pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}70%{box-shadow:0 0 0 12px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}@keyframes as-floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes as-floatB{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes as-floatC{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.auth-shell .trust{position:relative;z-index:1;border-top:1px solid hsla(0,0%,100%,.2);padding-top:20px}.auth-shell .trust-label{font-size:11px;opacity:.8;margin-bottom:10px;letter-spacing:.5px}.auth-shell .trust-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.auth-shell .trust-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;opacity:.92}.auth-shell .trust-item .ico{width:28px;height:28px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:8px;display:grid;place-items:center}.auth-shell .status-hero{display:flex;align-items:flex-start;gap:12px;padding:14px;background:linear-gradient(180deg,var(--as-primary-soft),var(--as-surface));border:1px solid var(--as-primary-border);border-radius:14px;margin-bottom:18px}.auth-shell .status-hero-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--as-primary),var(--as-primary-2));color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 16px var(--as-primary-shadow)}.auth-shell .status-hero-text{flex:1;min-width:0;font-size:13px;color:var(--as-text-2);line-height:1.55}.auth-shell .status-hero-text b{color:var(--as-text-1);font-weight:800}.auth-shell .role-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:none}.auth-shell .role-chip-owner{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#78350f}.auth-shell .role-chip-manager{background:linear-gradient(135deg,#fef08a,#facc15);color:#713f12}.auth-shell .role-chip-admin{background:var(--as-primary-soft);color:var(--as-primary)}.auth-shell .role-chip-sales{background:#d1fae5;color:#065f46}.auth-shell .role-chip-agent{background:#ede9fe;color:#5b21b6}.auth-shell .role-chip-team{background:#fce7f3;color:#9d174d}.auth-shell .role-chip-viewer{background:var(--as-surface-2);color:var(--as-text-2)}.auth-shell .info-card{padding:20px;background:var(--as-surface);border:1px solid var(--as-border);border-radius:14px;text-align:center}.auth-shell .info-card.danger{background:#fef2f2;border-color:#fecaca}.auth-shell .info-card-icon{width:48px;height:48px;border-radius:14px;background:var(--as-surface-2);color:var(--as-primary);display:grid;place-items:center;margin:0 auto 10px}.auth-shell .info-card.danger .info-card-icon{background:#fee2e2;color:#b91c1c}.auth-shell .info-card-title{font-size:16px;font-weight:800;color:var(--as-text-1);margin-bottom:4px}.auth-shell .info-card.danger .info-card-title{color:#991b1b}.auth-shell .info-card-text{font-size:13px;color:var(--as-text-2);margin-bottom:12px;line-height:1.6}.auth-shell .info-card a.link{color:var(--as-primary);font-weight:700;text-decoration:none}.auth-shell .info-card a.link:hover{text-decoration:underline}@media (max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-shell .marketing{display:none}}.dark .auth-shell{--as-canvas:rgb(var(--bg));--as-surface:rgb(var(--bg-elevated));--as-surface-2:rgb(var(--bg-muted));--as-border:rgb(var(--border));--as-border-strong:rgb(var(--border-strong));--as-text-1:rgb(var(--fg));--as-text-2:rgb(var(--fg-muted));--as-text-3:rgb(var(--fg-subtle));--as-primary:rgb(var(--brand));--as-primary-2:rgb(var(--brand));--as-primary-soft:rgb(var(--brand-soft));--as-primary-border:rgb(var(--border-focus));--as-primary-shadow:rgba(52,211,153,.25);--as-success:rgb(var(--success))}