@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";.auth-page-v2{grid-template-columns:1fr 1fr;min-height:100vh;font-family:Inter,sans-serif;display:grid}.auth-back-btn{color:#fffc;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:40px;left:40px}.auth-back-btn:hover{color:#fff;background:#ffffff1a;transform:translate(-5px)}.auth-brand-panel{background:linear-gradient(160deg,#0f172a 0%,#1e293b 35%,#0f172a 70%,#1a1a2e 100%);justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.auth-customer-brand{background:linear-gradient(160deg,#1a1a2e 0%,#16213e 35%,#0f3460 70%,#1a1a2e 100%)}.auth-brand-overlay{background:radial-gradient(circle at 20% 80%,#991b1b26 0%,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f614 0%,#0000 50%);position:absolute;inset:0}.auth-brand-panel:before{content:"";z-index:1;background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.auth-brand-panel:after{content:"";z-index:3;background:linear-gradient(90deg,#0000,#991b1b,#f59e0b,#0000) 0 0/200% 100%;height:3px;animation:4s infinite authLineShimmer;position:absolute;top:0;left:0;right:0}@keyframes authLineShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-brand-content{z-index:2;color:#fff;max-width:420px;position:relative}.auth-brand-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:2.5px;text-transform:uppercase;color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 20px;font-size:11px;font-weight:700;display:inline-flex}.auth-brand-content h1{letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#e2e8f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-family:Playfair Display,serif;font-size:clamp(32px,3.5vw,46px);font-weight:900;line-height:1.15}.auth-brand-content p{color:#ffffff80;margin-bottom:0;font-size:16px;line-height:1.6}.auth-brand-features{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.auth-feature-pill{color:#fff9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.auth-feature-pill:hover{color:#ffffffe6;background:#ffffff14;border-color:#ffffff26}.auth-feature-dot{background:#991b1b;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #991b1b80}.auth-deco-circle{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.auth-deco-1{width:400px;height:400px;top:-100px;right:-100px}.auth-deco-2{border-color:#ffffff0d;width:300px;height:300px;bottom:-80px;left:-80px}.auth-form-panel{background:#fff;justify-content:center;align-items:center;padding:60px 40px;display:flex}.auth-form-wrapper{width:100%;max-width:400px}.auth-form-logo{margin-bottom:32px}.auth-form-logo img{object-fit:contain;width:64px;height:64px}.auth-form-header{margin-bottom:36px}.auth-form-header h2{color:#1c1917;letter-spacing:-1px;margin-bottom:8px;font-family:Playfair Display,serif;font-size:32px;font-weight:900}.auth-form-header p{color:#a8a29e;font-size:14px;line-height:1.5}.auth-form{flex-direction:column;gap:24px;display:flex}.auth-input-group{position:relative}.auth-input-group label{color:#78716c;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:700;transition:color .3s;display:flex}.auth-input-group.focused label{color:#991b1b}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap input{color:#1c1917;background:#fafaf9;border:2px solid #f0eeee;border-radius:16px;outline:none;width:100%;padding:16px 20px;font-family:Inter,sans-serif;font-size:15px;transition:all .3s}.auth-input-wrap input:focus{background:#fff;border-color:#991b1b;box-shadow:0 0 0 4px #991b1b0f}.auth-input-wrap input::placeholder{color:#d6d3d1}.auth-eye-btn{color:#a8a29e;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.auth-eye-btn:hover{color:#44403c}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#991b1b,#7f1d1d);border:none;border-radius:16px;width:100%;margin-top:4px;padding:18px 32px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 30px #991b1b40}.auth-submit-btn:hover{box-shadow:0 12px 40px #991b1b59}.auth-submit-btn:disabled{opacity:.8;cursor:wait}.auth-btn-text,.auth-loader{justify-content:center;align-items:center;gap:10px;display:flex}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-divider{align-items:center;gap:16px;margin:28px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#f0eeee;flex:1;height:1px}.auth-divider span{color:#d6d3d1;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.auth-alt-action{text-align:center;color:#78716c;font-size:14px}.auth-alt-link{color:#991b1b;font-weight:700;text-decoration:none;transition:color .2s}.auth-alt-link:hover{color:#7f1d1d;text-decoration:underline}.auth-footer-text{text-align:center;color:#d6d3d1;letter-spacing:.5px;margin-top:40px;font-size:11px}@media (width<=900px){.auth-page-v2{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);min-height:100vh;padding:80px 24px 40px}.auth-customer-page .auth-form-panel{min-height:auto;padding:80px 24px 60px}.auth-back-btn{color:#1c1917;background:#f5f5f4;border-color:#e7e5e4;top:20px;left:20px;box-shadow:0 4px 10px #0000000d}.auth-back-btn:hover{color:#991b1b;background:#fef2f2;border-color:#991b1b33}}