.auth-body{margin:0;background:linear-gradient(135deg,#fff 0%,#fef2f2 40%,#fff 100%);min-height:100vh}
.auth-body.auth-standalone{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;min-height:100vh;background:linear-gradient(145deg,#fef2f2 0%,#fff 35%,#fee2e2 100%)}
.auth-body.auth-standalone::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(220,38,38,.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(185,28,28,.06),transparent 45%);pointer-events:none;z-index:0}
.auth-body.auth-standalone .auth-wrap{position:relative;z-index:1;box-shadow:0 32px 80px rgba(185,28,28,.18)}
.auth-signup-premium .auth-brand{background:linear-gradient(160deg,#dc2626 0%,#991b1b 55%,#7f1d1d 100%)}
.auth-signup-premium .auth-panel{border-left:1px solid #fecaca}
.auth-with-chrome{display:flex;flex-direction:column;min-height:100vh}
.auth-main-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;width:100%;max-width:100%;box-sizing:border-box}
.auth-with-chrome .auth-wrap{margin:0 auto}
.admin-auth-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}
.auth-pwa-box{background:linear-gradient(135deg,#fef2f2,#fff);border:1px dashed #fca5a5;border-radius:14px;padding:1.25rem;margin-top:1.25rem;text-align:center}
.pwa-fab{position:fixed;bottom:20px;left:20px;z-index:99;box-shadow:0 8px 24px var(--primary-glow)}
.auth-wrap{width:min(1000px,100%);display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px rgba(220,38,38,.15);border:1px solid #e5e7eb;background:#fff}
.auth-brand{background:linear-gradient(145deg,#dc2626,#b91c1c);color:#fff;padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center}
.auth-brand .logo{font-size:2rem;font-weight:800;color:#fff;margin-bottom:1rem}
.auth-brand .logo span{opacity:.95}
.auth-brand p{opacity:.9;line-height:1.7;font-size:1.05rem}
.auth-brand ul{margin:1.5rem 0 0;padding:0;list-style:none}
.auth-brand li{padding:.5rem 0;display:flex;align-items:center;gap:.6rem;font-size:.95rem}
.auth-brand li::before{content:'✓';background:rgba(255,255,255,.2);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}
.auth-panel{padding:2.5rem 2rem;background:linear-gradient(180deg,#fff,#fff5f5)}
.auth-panel h1{font-size:1.75rem;font-weight:800;margin-bottom:.35rem}
.auth-panel .sub{color:#6b7280;font-size:.95rem;margin-bottom:1.5rem}
.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;background:#f3f4f6;padding:.35rem;border-radius:12px}
.auth-tabs span{font-size:.75rem;color:#6b7280;padding:0 .5rem .5rem;display:block}
.auth-hint{font-size:.8rem;color:#6b7280;margin-top:.35rem}
.input-icon{position:relative}
.input-icon input{padding-left:2.75rem}
.input-icon .ico{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;opacity:.5}
.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:#9ca3af;font-size:.85rem}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:#e5e7eb}
.btn-whatsapp{background:#25d366;color:#fff!important;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%}
.btn-whatsapp:hover{background:#1da851;color:#fff!important;transform:translateY(-2px)}
.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#6b7280}
.auth-footer a{font-weight:600}
.password-strength{height:4px;background:#e5e7eb;border-radius:4px;margin-top:.5rem;overflow:hidden}
.password-strength span{display:block;height:100%;width:0;background:#dc2626;transition:.3s}
.auth-forgot-link{font-size:.85rem;font-weight:600;color:var(--primary,#dc2626);text-decoration:none}
.auth-forgot-link:hover{text-decoration:underline}
.auth-forgot-wrap .auth-panel-centered{text-align:center}
.auth-success-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}
.pwd-tips{margin:.75rem 0 0;padding-left:1.2rem}
.pwd-tips li{margin:.25rem 0}
@media(max-width:768px){.auth-wrap{grid-template-columns:1fr}.auth-brand{padding:2rem;display:none}.auth-brand.mobile-show{display:flex}.auth-panel{padding:1.75rem 1.25rem}}