.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--space-6);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;font-family:var(--font-family)}.auth-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.22),transparent 36%),linear-gradient(160deg,#05462861,#0f172a99);z-index:0}.auth-card{background:#0f172a73;padding:40px;border-radius:28px;box-shadow:0 28px 80px #0006,inset 0 1px 1px #ffffff26;width:100%;max-width:460px;text-align:left;position:relative;z-index:10;overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);transition:transform var(--motion-slow) var(--ease-spring);animation:fadeInScale var(--motion-slow) var(--ease-spring)}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gradient-primary)}.auth-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;margin-bottom:14px;border-radius:999px;background:#10b9811f;color:#047857;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-logo{font-size:40px;font-weight:900;margin-bottom:8px;letter-spacing:-.04em;line-height:1;color:#fff}.auth-title{margin:0 0 10px;color:#fff;font-size:clamp(28px,4vw,34px);line-height:1.1;letter-spacing:-.04em}.auth-subtitle{margin-bottom:26px;color:#94a3b8;font-size:15px;line-height:1.5}.user-theme{background-image:url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?q=80&w=2070&auto=format&fit=crop)}.user-theme:before{background:radial-gradient(circle at top left,rgba(255,255,255,.24),transparent 36%),linear-gradient(135deg,#05462885,#065f4694 42%,#0f172a9e);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-theme .auth-logo{color:#10b981;text-shadow:0 8px 24px rgba(16,185,129,.18)}.user-theme .auth-btn{background:linear-gradient(135deg,#059669,#10b981 55%,#34d399);box-shadow:0 12px 24px #10b98147;font-weight:800;letter-spacing:.5px;font-size:16px;padding:16px;border:1px solid rgba(255,255,255,.28)}.user-theme .auth-btn:hover{transform:translateY(-2px);box-shadow:0 18px 30px #10b98157}.user-theme .link-text{color:#10b981;font-weight:700}.admin-theme{background-image:url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop)}.admin-theme:before{background:linear-gradient(135deg,#0f172acc,#1e293be6)}.admin-theme .auth-card{background:#1e293bd9;color:#fff;border:1px solid rgba(255,255,255,.1)}.admin-theme .auth-logo,.admin-theme .auth-title{color:#38bdf8}.admin-theme .input-group label{color:#94a3b8}.admin-theme .input-group input{background:#0f172a99;border-color:#ffffff1a;color:#fff}.admin-theme .input-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81a}.admin-theme .auth-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f666;color:#fff}.admin-theme .link-text{color:#38bdf8}.auth-form{display:flex;flex-direction:column;gap:18px;text-align:left}.auth-panel-note{margin-bottom:4px;padding:14px 16px;border-radius:16px;border:1px solid rgba(16,185,129,.16);background:linear-gradient(180deg,#ecfdf5eb,#d1fae5bd);color:#065f46;font-size:13px;line-height:1.5}.auth-panel-note--info{border-color:#2563eb24;background:linear-gradient(180deg,#eff6fff5,#dbeafed6);color:#1d4ed8}.demo-role-selector{margin-bottom:22px;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0f172a47}.demo-role-selector__label{margin:0 0 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1}.demo-role-selector__chips{display:flex;flex-wrap:wrap;gap:8px}.role-chip{padding:6px 10px;border-radius:999px;border:1px solid transparent;background:#ffffff0f;color:#e2e8f0;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.role-chip:hover{transform:translateY(-1px)}.role-chip--admin{border-color:#60a5fa73;background:#3b82f62e;color:#93c5fd}.role-chip--manager{border-color:#a78bfa73;background:#8b5cf62e;color:#c4b5fd}.role-chip--ops{border-color:#fbbf2473;background:#f59e0b2e;color:#fcd34d}.role-chip--content{border-color:#34d39973;background:#10b9812e;color:#6ee7b7}.input-group{position:relative;display:flex;flex-direction:column;gap:8px}.input-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.6px;color:#94a3b8}.input-group input{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--motion-base) var(--ease-standard);background:#0f172a66;color:#fff;min-height:52px;-webkit-appearance:none;appearance:none}.input-group input:focus{outline:none;border-color:var(--primary-color);background:#0f172a99;box-shadow:0 0 0 4px #10b9811a}.input-hint{color:#64748b;font-size:12px;line-height:1.45}.password-field{position:relative}.password-input{padding-right:48px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:#64748b;cursor:pointer;transition:background .2s ease,color .2s ease}.password-toggle:hover{background:#0f172a24}.auth-btn{padding:16px;border:none;border-radius:var(--radius-md);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--motion-base) var(--ease-spring);margin-top:var(--space-2);min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.2px}.auth-btn:hover{transform:translateY(-1px)}.auth-btn:active{transform:scale(.97);opacity:.92}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0 2px}.auth-divider-line{flex:1;height:1px;background:linear-gradient(90deg,#94a3b80f,#94a3b88c,#94a3b80f)}.auth-divider-text{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.auth-link,.auth-footer{margin-top:var(--space-5);font-size:var(--font-size-sm);color:#64748b;text-align:center;line-height:var(--line-height-relaxed)}.link-text{color:#10b981;font-weight:600;cursor:pointer;margin-left:6px;transition:color .2s ease}.link-text:hover{color:#059669;text-decoration:underline}.error-msg{position:fixed;top:20px;right:20px;z-index:1000;background:#ef4444e6;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 10px 25px #ef44444d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);animation:fadeInUp var(--motion-base) var(--ease-spring);pointer-events:none}.grecaptcha-badge{visibility:hidden;opacity:0;pointer-events:none}#recaptcha-container{display:none;width:0;height:0}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;transition:all var(--motion-fast) var(--ease-spring);min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.social-btn:hover{transform:translateY(-1px);border-color:#cbd5e1;background:#fff;box-shadow:0 10px 20px #0f172a14}.social-btn:active{transform:scale(.96);box-shadow:0 2px 8px #0000001f}.google-btn:active{border-color:#4285f4;background:#f0f7ff}.facebook-btn:active{border-color:#1877f2;background:#f0f5ff}.apple-btn{background:#000;border-color:#000;color:#fff}.apple-btn:hover{background:#1a1a1a}@media(max-width:480px){.auth-card{padding:28px 22px;max-width:100%;border-radius:24px}.auth-logo{font-size:34px}.auth-title{font-size:28px}.auth-container{padding:var(--space-4);align-items:center}.auth-card{margin-bottom:env(safe-area-inset-bottom,0px)}.password-input{padding-right:48px}}