.login-wrapper{display:flex;width:100%;min-height:100vh;min-height:100dvh}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:48px;background:var(--color-bg-default);position:relative;overflow-y:auto;overscroll-behavior:contain}@supports (height:100dvh){.login-form-side{align-items:safe center}}.login-form-inner{width:100%;max-width:400px}.login-heading{font-size:32px;font-weight:700;color:var(--color-primary);margin-bottom:8px;letter-spacing:-.02em;line-height:1.2}.login-subtitle{font-size:14px;color:var(--color-text-secondary);margin-bottom:32px}.field-group{margin-bottom:24px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px;letter-spacing:.02em}.field-input{width:100%;height:48px;padding:0 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-input);font-size:16px;font-family:inherit;color:var(--color-text);background:var(--color-bg-warm);transition:border-color .3s var(--ease-default),box-shadow .3s var(--ease-default)}.field-input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(229,26,110,.12)}.field-input::placeholder{color:var(--color-text-tertiary)}.field-input:disabled{opacity:.5;cursor:not-allowed}.field-input-wrapper{position:relative}.field-input-wrapper .field-input{padding-right:48px}.field-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;transition:color .3s var(--ease-default),transform .1s var(--ease-default);border-radius:var(--radius-md)}.field-toggle:hover{color:var(--color-text-secondary)}.field-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.field-toggle:active{transform:translateY(-50%) scale(.95)}.field-toggle svg{width:18px;height:18px}.field-row{justify-content:space-between;margin-bottom:24px}.checkbox-label,.field-row{display:flex;align-items:center}.checkbox-label{gap:8px;font-size:14px;color:var(--color-text-secondary);cursor:pointer}.checkbox-box{width:18px;height:18px;border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s var(--ease-default)}.login-wrapper--admin .checkbox-label input:checked+.checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.login-wrapper--customer .checkbox-label input:checked+.checkbox-box{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-label input:checked+.checkbox-box svg{opacity:1}.checkbox-box svg{width:11px;height:11px;color:white;opacity:0}.checkbox-label input:focus-visible+.checkbox-box{outline:2px solid var(--color-primary);outline-offset:2px}.forgot-link{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:color .3s var(--ease-default)}.forgot-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-wrapper--admin .forgot-link{color:var(--color-primary)}.login-wrapper--admin .forgot-link:hover{color:var(--color-primary-light)}.login-wrapper--customer .forgot-link{color:var(--color-accent-dark)}.login-wrapper--customer .forgot-link:hover{color:var(--color-accent)}.btn-login{width:100%;height:48px;border:none;border-radius:var(--radius-button);background:var(--color-primary);color:white;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .3s var(--ease-default),transform .1s var(--ease-default),box-shadow .3s var(--ease-default)}.btn-login:hover{background:var(--color-primary-light);box-shadow:var(--shadow-md)}.btn-login:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-login:active{transform:scale(.95);background:var(--color-primary-dark)}.btn-login:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-login svg{width:16px;height:16px}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.login-divider:after,.login-divider:before{content:"";flex:1;height:1px;background:var(--color-border)}.login-divider span{font-size:12px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.btn-sso{width:100%;height:48px;border:1.5px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-bg-default);color:var(--color-text-secondary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .3s var(--ease-default),background .3s var(--ease-default),transform .1s var(--ease-default),box-shadow .3s var(--ease-default)}.login-wrapper--admin .btn-sso:hover{border-color:var(--color-primary);background:var(--color-bg-cool);box-shadow:var(--shadow-sm)}.login-wrapper--customer .btn-sso:hover{border-color:var(--color-accent);background:var(--color-accent-paper);box-shadow:var(--shadow-sm)}.btn-sso:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sso:active{transform:scale(.95)}.btn-sso:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sso svg{width:18px;height:18px}.login-footer{margin-top:48px;text-align:center;font-size:12px;color:var(--color-text-tertiary)}.login-brand-side{width:520px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;position:relative;overflow:hidden}.login-wrapper--admin .login-brand-side{background:linear-gradient(145deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.login-wrapper--customer .login-brand-side{background:linear-gradient(145deg,var(--color-accent) 0,var(--color-accent-dark) 100%)}.login-brand-side:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;top:-120px;right:-120px}.login-brand-side:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;bottom:-80px;left:-80px}.login-wrapper--admin .login-brand-side:before{background:rgba(229,26,110,.06)}.login-wrapper--admin .login-brand-side:after{background:rgba(10,110,122,.08)}.login-wrapper--customer .login-brand-side:before{background:rgba(255,255,255,.06)}.login-wrapper--customer .login-brand-side:after{background:rgba(27,43,61,.08)}.brand-content{position:relative;z-index:1;text-align:center;justify-content:center}.brand-content,.brand-lockup{display:flex;align-items:center}.brand-lockup{flex-direction:column;gap:0}.brand-lockup-logo{width:260px;height:auto;filter:drop-shadow(0 2px 20px rgba(0,0,0,.2))}.brand-lockup-rule{display:flex;align-items:center;gap:12px;margin:20px 0 16px;width:160px}.brand-lockup-rule-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent)}.brand-lockup-rule-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5);flex-shrink:0}.brand-lockup-tagline{font-size:14px;font-weight:300;font-style:italic;color:rgba(255,255,255,.65);letter-spacing:.08em;line-height:1;text-shadow:0 0 24px rgba(255,255,255,.12)}.brand-grain{position:absolute;inset:0;z-index:0;opacity:.35;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.brand-lockup-logo{animation:lockup-fade-in .6s var(--ease-default) both;animation-delay:.1s}.brand-lockup-rule{animation:rule-expand .7s var(--ease-default) both;animation-delay:.35s}.brand-lockup-tagline{animation:lockup-fade-in .6s var(--ease-default) both;animation-delay:.55s}@keyframes lockup-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rule-expand{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.login-form-inner{animation:form-slide-in .5s var(--ease-default) both}@keyframes form-slide-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.login-brand-side{display:none}}@media (max-width:768px){.login-form-side{align-items:flex-start;padding:max(10vh,48px) 24px 24px}}.login-error{padding:12px 16px;margin-bottom:16px;border-radius:var(--radius-input);background:var(--toast-error-bg);border:1px solid var(--color-red-light);color:var(--color-error);font-size:13px;line-height:1.4}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}