:root{--auth-bg: #f8fafc;--auth-surface: #ffffff;--auth-border: #e2e8f0;--auth-border-focus: #6366f1;--auth-text: #0f172a;--auth-muted: #64748b;--auth-placeholder: #94a3b8;--auth-input-bg: #ffffff;--auth-btn-bg: #4f46e5;--auth-btn-hover: #4338ca;--auth-btn-text: #ffffff;--auth-link: #4f46e5;--auth-link-hover: #4338ca}html,body.admin-auth-page{margin:0;min-height:100%;background:var(--auth-bg);color:var(--auth-text)}.admin-auth-page{font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.admin-auth-split{display:flex;flex-direction:column-reverse;min-height:100vh}@media(min-width:1024px){.admin-auth-split{flex-direction:row}}.auth-showcase{position:relative;display:flex;flex-direction:column;flex-shrink:0;min-height:22rem;overflow:hidden;background:linear-gradient(145deg,#0f172a,#1e1b4b 42%,#312e81);color:#fff}@media(min-width:1024px){.auth-showcase{width:52%;min-height:100vh;position:sticky;top:0;align-self:flex-start;max-height:100vh}}.auth-showcase__mesh{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(99,102,241,.45),transparent 55%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(16,185,129,.25),transparent 50%);animation:authMeshShift 14s ease-in-out infinite alternate}@keyframes authMeshShift{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.05) translate(2%,-1%)}}.auth-showcase__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,black 0%,transparent 95%);mask-image:linear-gradient(180deg,black 0%,transparent 95%)}.auth-showcase__orb{position:absolute;border-radius:50%;filter:blur(60px);animation:authOrbFloat 18s ease-in-out infinite}.auth-showcase__orb--1{width:280px;height:280px;top:-80px;left:-60px;background:#6366f180}.auth-showcase__orb--2{width:220px;height:220px;bottom:10%;right:-40px;background:#34d39959;animation-delay:-6s}.auth-showcase__orb--3{width:160px;height:160px;top:45%;left:40%;background:#a78bfa4d;animation-delay:-12s}@keyframes authOrbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-18px) scale(1.08)}}.auth-showcase__particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.auth-showcase__particle{position:absolute;left:var(--x);top:var(--y);width:calc(3px * var(--s));height:calc(3px * var(--s));border-radius:50%;background:#818cf873;animation:authParticlePulse 4s ease-in-out infinite;animation-delay:var(--d)}@keyframes authParticlePulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}.auth-showcase__float-card{position:absolute;z-index:2;display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:.875rem;background:#0f172a8c;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #00000040;max-width:16rem}.auth-showcase__float-card .material-icons-outlined{font-size:1.35rem;color:#a5b4fc;margin-top:.1rem}.auth-showcase__float-icon--green{color:#6ee7b7!important}.auth-showcase__float-title{font-size:.8125rem;font-weight:600;color:#f1f5f9}.auth-showcase__float-sub{margin-top:.15rem;font-size:.6875rem;color:#94a3b8d9}.auth-showcase__float-card--1{top:10%;right:6%;animation:authFloatCard 6s ease-in-out infinite}.auth-showcase__float-card--2{bottom:18%;left:5%;animation:authFloatCard 7s ease-in-out infinite 1.2s}@keyframes authFloatCard{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-10px) translate(4px)}}.auth-showcase__content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2rem;max-width:34rem}@media(min-width:1024px){.auth-showcase__content{padding:2.5rem 3rem}}.auth-showcase__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#c7d2fe;width:fit-content}.auth-showcase__badge-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;animation:authPulse 2s ease-in-out infinite}@keyframes authPulse{0%,to{opacity:1}50%{opacity:.4}}.auth-showcase__title{margin-top:1.25rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.auth-showcase__title-accent{background:linear-gradient(90deg,#a5b4fc,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-showcase__lead{margin-top:.875rem;font-size:1rem;line-height:1.65;color:#e2e8f0d9}.auth-showcase__workflow{margin-top:1.75rem;padding:1.125rem 1rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-showcase__flow-track{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.auth-showcase__flow-node{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .35rem;font-size:.625rem;font-weight:600;color:#e0e7ff;text-transform:uppercase;letter-spacing:.03em}.auth-showcase__flow-node .material-icons-outlined{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.65rem;font-size:1.125rem;background:#6366f159;border:1px solid rgba(255,255,255,.15)}.auth-showcase__flow-node--1 .material-icons-outlined{animation:authNodeGlow 2s ease-in-out infinite}.auth-showcase__flow-node--2 .material-icons-outlined{animation:authNodeGlow 2s ease-in-out infinite .4s;background:#a78bfa59}.auth-showcase__flow-node--3 .material-icons-outlined{animation:authNodeGlow 2s ease-in-out infinite .8s;background:#3b82f659}.auth-showcase__flow-node--4 .material-icons-outlined{animation:authNodeGlow 2s ease-in-out infinite 1.2s;background:#10b98159}@keyframes authNodeGlow{0%,to{box-shadow:0 0 #818cf800;transform:scale(1)}50%{box-shadow:0 0 16px #818cf880;transform:scale(1.06)}}.auth-showcase__flow-line{flex:1;height:2px;min-width:.5rem;max-width:2rem;background:linear-gradient(90deg,#818cf833,#818cf8cc,#818cf833);background-size:200% 100%;border-radius:1px;animation:authFlowLine 1.8s linear infinite}.auth-showcase__flow-line--2{animation-delay:.3s}.auth-showcase__flow-line--3{animation-delay:.6s}@keyframes authFlowLine{0%{background-position:100% 0}to{background-position:-100% 0}}.auth-showcase__flow-caption{margin-top:.75rem;text-align:center;font-size:.6875rem;color:#cbd5e1b3;letter-spacing:.02em}.auth-showcase__metrics{margin-top:1.5rem;display:flex;flex-direction:column;gap:.65rem}.auth-showcase__metric-card{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:.875rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);animation:authCardIn .8s ease backwards}.auth-showcase__metric-card:nth-child(2){animation-delay:.15s}@keyframes authCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-showcase__metric-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#6366f159;color:#c7d2fe}.auth-showcase__metric-icon--emerald{background:#10b9814d;color:#6ee7b7}.auth-showcase__metric-value{font-size:1.125rem;font-weight:700}.auth-showcase__metric-label{font-size:.75rem;color:#cbd5e1bf}.auth-showcase__sparkline{display:flex;align-items:flex-end;gap:3px;height:2rem;margin-left:auto}.auth-showcase__bar{width:4px;height:var(--h);border-radius:2px;background:linear-gradient(180deg,#818cf8,#4f46e5);animation:authBarPulse 2.5s ease-in-out infinite}@keyframes authBarPulse{0%,to{transform:scaleY(1);opacity:.85}50%{transform:scaleY(.65);opacity:1}}.auth-showcase__ring{width:2.5rem;height:2.5rem;margin-left:auto}.auth-showcase__ring-progress{transform:rotate(-90deg);transform-origin:center;animation:authRingSpin 8s linear infinite}@keyframes authRingSpin{to{transform:rotate(270deg)}}.auth-showcase__features{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0}.auth-showcase__features li{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#e2e8f0e6}.auth-showcase__features .material-icons-outlined{font-size:1.125rem;color:#6ee7b7}.auth-showcase__footer{position:relative;z-index:2;padding:1.25rem 2rem;font-size:.75rem;color:#94a3b899}@media(max-width:1023px){.auth-showcase__float-card,.auth-showcase__metrics{display:none}}.admin-auth-form-side{flex:1;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#ffffff 0%,var(--auth-bg) 100%)}.admin-auth-form-scroll{flex:1;overflow-y:auto;padding:2rem 1.25rem 3rem}@media(min-width:1024px){.admin-auth-form-scroll{display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem}}.admin-auth-container{width:100%;margin:0 auto}.admin-auth-back{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.25rem;font-size:.875rem;font-weight:600;color:var(--auth-link);text-decoration:none;transition:color .15s}.admin-auth-back:hover{color:var(--auth-link-hover)}.auth-icon-sm{font-size:1.125rem}.admin-auth-card{background:var(--auth-surface);border:1px solid var(--auth-border);border-radius:1rem;padding:2rem 1.75rem;box-shadow:0 4px 24px #0f172a0f,0 1px 3px #0f172a0a}@media(min-width:640px){.admin-auth-card{padding:2.5rem 2rem}}.admin-auth-brand{text-align:center;margin-bottom:1.75rem}.admin-auth-brand img{display:block;height:3.5rem;width:auto;max-width:12rem;margin:0 auto;object-fit:contain}.admin-auth-brand-text{font-size:1.5rem;font-weight:700;letter-spacing:-.04em;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-auth-heading{text-align:center;margin-bottom:1.75rem}.admin-auth-heading h2{font-size:1.375rem;font-weight:600;letter-spacing:-.02em;color:var(--auth-text)}.admin-auth-heading p{margin-top:.5rem;font-size:.9375rem;line-height:1.55;color:var(--auth-muted)}.auth-field{margin-bottom:1.125rem}.auth-label{display:block;margin-bottom:.45rem;font-size:.8125rem;font-weight:500;color:var(--auth-muted)}.auth-label-optional{font-weight:400;color:#525252}.auth-input-wrap{position:relative}.auth-input{width:100%;padding:.875rem 1rem;font-size:.9375rem;color:var(--auth-text);background:var(--auth-input-bg);border:1px solid var(--auth-border);border-radius:.5rem;transition:border-color .15s,box-shadow .15s}.auth-field--icon .auth-input{padding-left:2.75rem}.auth-input-wrap .auth-input{padding-right:2.75rem}.auth-input::placeholder{color:var(--auth-placeholder)}.auth-input:focus{outline:none;border-color:var(--auth-border-focus);box-shadow:0 0 0 3px #6366f126}.auth-field-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:#525252;pointer-events:none}.auth-toggle-pw{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem;color:#525252;background:none;border:none;cursor:pointer}.auth-toggle-pw:hover{color:var(--auth-muted)}.auth-google-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;border:1px solid var(--auth-border);background:var(--auth-input-bg);font-size:.875rem;font-weight:500;color:var(--auth-text);text-decoration:none;transition:border-color .15s,background .15s}.auth-google-btn:hover{border-color:#cbd5e1;background:#f8fafc;box-shadow:0 2px 8px #0f172a0a}.auth-divider{position:relative;margin:1.25rem 0;text-align:center}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--auth-border)}.auth-divider span{position:relative;padding:0 .75rem;font-size:.75rem;color:var(--auth-placeholder);background:var(--auth-surface)}.auth-btn-primary{display:flex;width:100%;align-items:center;justify-content:center;padding:.9375rem 1.25rem;font-size:.9375rem;font-weight:600;color:var(--auth-btn-text);background:linear-gradient(135deg,#4f46e5,#6366f1,#7c3aed);border:none;border-radius:.5rem;box-shadow:0 8px 20px #4f46e547;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s}.auth-btn-primary:hover{filter:brightness(1.05);box-shadow:0 10px 24px #4f46e559}.auth-btn-primary:active{transform:translateY(1px)}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-link{font-weight:600;color:var(--auth-link);text-decoration:none}.auth-link:hover{color:var(--auth-link-hover)}.auth-footer-text{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--auth-border);text-align:center;font-size:.875rem;color:var(--auth-muted)}.auth-row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.auth-remember{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--auth-muted);cursor:pointer}.auth-remember input{accent-color:var(--auth-link)}.auth-checkbox{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer}.auth-checkbox input{margin-top:.2rem;accent-color:var(--auth-link)}.auth-checkbox span{font-size:.875rem;color:var(--auth-muted);line-height:1.5}.auth-grid-2{display:grid;gap:1.125rem}@media(min-width:640px){.auth-grid-2{grid-template-columns:1fr 1fr}}.auth-hint{padding:.875rem 1rem;font-size:.8125rem;line-height:1.55;color:var(--auth-muted);background:var(--auth-input-bg);border:1px solid var(--auth-border);border-radius:.5rem}.auth-hint .material-icons-outlined{font-size:1.125rem;vertical-align:-.2em;margin-right:.35rem;color:#525252}.auth-verify-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin:0 auto .75rem;border-radius:.75rem;border:1px solid var(--auth-border);background:var(--auth-input-bg);color:var(--auth-text)}.auth-verify-box{padding:1rem;font-size:.875rem;line-height:1.6;color:var(--auth-muted);background:var(--auth-input-bg);border:1px solid var(--auth-border);border-radius:.5rem;margin-bottom:1.25rem}.auth-verify-box strong{color:var(--auth-text);font-weight:600}.auth-countdown{display:none;margin-top:.75rem;padding:.75rem 1rem;text-align:center;font-size:.8125rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem}.auth-alert{padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;margin-bottom:.75rem}.auth-alert--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.auth-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.auth-btn-primary .animate-spin{animation:adminAuthSpin 1s linear infinite}@keyframes adminAuthSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}