.login-page[data-v-0cb59022]{min-height:100vh}[dir] .login-page[data-v-0cb59022]{background:var(--sf-body-bg)}.branding-side[data-v-0cb59022]{position:relative;overflow:hidden}[dir] .branding-side[data-v-0cb59022]{background:var(--sf-hero-bg);padding:3rem}.branding-side[data-v-0cb59022]:before{content:"";position:absolute;top:0;bottom:0;opacity:.5}[dir] .branding-side[data-v-0cb59022]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.04' fill-rule='evenodd'/%3E%3C/svg%3E")}[dir=ltr] .branding-side[data-v-0cb59022]:before,[dir=rtl] .branding-side[data-v-0cb59022]:before{left:0;right:0}.branding-content[data-v-0cb59022]{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;max-width:700px}[dir] .branding-content[data-v-0cb59022]{margin:0 auto}[dir] .branding-header[data-v-0cb59022]{text-align:center;margin-bottom:2rem}.brand-logo[data-v-0cb59022]{font-size:3rem;font-weight:800}[dir] .brand-logo[data-v-0cb59022]{margin-bottom:.5rem}.brand-logo-img[data-v-0cb59022]{width:240px;height:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.footer-logo-img[data-v-0cb59022]{width:120px;height:auto;opacity:.7;transition:all .3s ease}.footer-logo-img[data-v-0cb59022]:hover{opacity:1}.brand-logo-mobile-img[data-v-0cb59022]{width:200px;height:auto;filter:drop-shadow(0 4px 12px rgba(102,126,234,.3))}.brand-dkp[data-v-0cb59022]{color:#fff;letter-spacing:2px}.brand-sales[data-v-0cb59022]{color:#00d4ff;letter-spacing:2px}.brand-tagline[data-v-0cb59022]{color:hsla(0,0%,100%,.7);font-size:1.25rem;font-weight:400;letter-spacing:3px;text-transform:uppercase}.banner-showcase[data-v-0cb59022]{display:flex;justify-content:center}[dir] .banner-showcase[data-v-0cb59022]{margin:2rem 0}.banner-image[data-v-0cb59022]{max-width:100%;max-height:35vh;object-fit:contain;transition:transform .4s ease}[dir] .banner-image[data-v-0cb59022]{border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.3)}[dir] .banner-image[data-v-0cb59022]:hover{transform:scale(1.02)}.branding-features[data-v-0cb59022]{display:flex;flex-direction:column;gap:1.25rem}[dir] .branding-features[data-v-0cb59022]{margin-top:2rem}.feature-item[data-v-0cb59022]{display:flex;align-items:flex-start;gap:1rem;backdrop-filter:blur(10px);transition:all .3s ease}[dir] .feature-item[data-v-0cb59022]{padding:1rem;background:var(--sf-accent-bg);border-radius:12px}[dir] .feature-item[data-v-0cb59022]:hover{background:var(--sf-accent-bg-hover)}[dir=ltr] .feature-item[data-v-0cb59022]:hover{transform:translateX(5px)}[dir=rtl] .feature-item[data-v-0cb59022]:hover{transform:translateX(-5px)}.feature-icon[data-v-0cb59022]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}[dir] .feature-icon[data-v-0cb59022]{border-radius:10px}[dir=ltr] .feature-icon[data-v-0cb59022]{background:linear-gradient(135deg,var(--sf-accent),var(--sf-accent-secondary))}[dir=rtl] .feature-icon[data-v-0cb59022]{background:linear-gradient(-135deg,var(--sf-accent),var(--sf-accent-secondary))}.feature-text h4[data-v-0cb59022]{color:var(--sf-hero-title);font-size:1rem;font-weight:600}[dir] .feature-text h4[data-v-0cb59022]{margin-bottom:.25rem}.feature-text p[data-v-0cb59022]{color:var(--sf-hero-subtitle);font-size:.85rem;line-height:1.4}[dir] .feature-text p[data-v-0cb59022]{margin:0}[dir] .login-side[data-v-0cb59022]{background:var(--sf-card-bg);padding:2rem}.login-container[data-v-0cb59022]{width:100%;max-width:400px}[dir=ltr] .login-container[data-v-0cb59022],[dir=rtl] .login-container[data-v-0cb59022]{animation:slideInUp-data-v-0cb59022 .6s ease-out}[dir] .mobile-logo[data-v-0cb59022]{text-align:center;margin-bottom:2rem}.brand-logo-mobile[data-v-0cb59022]{font-size:2rem;font-weight:800}.brand-logo-mobile .brand-dkp[data-v-0cb59022]{color:#1a1a2e}.brand-logo-mobile .brand-sales[data-v-0cb59022]{color:#667eea}[dir] .login-header[data-v-0cb59022]{margin-bottom:2rem}.login-title[data-v-0cb59022]{font-size:1.75rem;font-weight:700;color:var(--sf-text-primary)}[dir] .login-title[data-v-0cb59022]{margin-bottom:.5rem}.login-subtitle[data-v-0cb59022]{color:var(--sf-text-muted);font-size:1rem}[dir] .login-subtitle[data-v-0cb59022]{margin:0}[dir] .login-form[data-v-0cb59022]{margin-bottom:1.5rem}[dir] .form-group-custom[data-v-0cb59022]{margin-bottom:1.25rem}.form-label-custom[data-v-0cb59022]{display:block;font-size:.875rem;font-weight:600;color:var(--sf-form-label)}[dir] .form-label-custom[data-v-0cb59022]{margin-bottom:.5rem}.label-row[data-v-0cb59022]{display:flex;justify-content:space-between;align-items:center}[dir] .label-row[data-v-0cb59022]{margin-bottom:.5rem}.forgot-link[data-v-0cb59022]{font-size:.8rem;color:var(--sf-accent)}.forgot-link[data-v-0cb59022]:hover{color:var(--sf-accent-dark);text-decoration:none}.input-wrapper[data-v-0cb59022]{position:relative;display:flex;align-items:center;transition:all .3s ease}[dir] .input-wrapper[data-v-0cb59022]{background:var(--sf-form-bg);border:2px solid var(--sf-form-border);border-radius:10px}[dir] .input-wrapper[data-v-0cb59022]:focus-within{border-color:var(--sf-form-focus-border);background:var(--sf-card-bg);box-shadow:var(--sf-form-focus-shadow)}[dir] .input-wrapper.has-error[data-v-0cb59022]{border-color:var(--sf-btn-danger-bg)}.input-icon[data-v-0cb59022]{position:absolute;color:var(--sf-form-placeholder);width:18px;height:18px;pointer-events:none}[dir=ltr] .input-icon[data-v-0cb59022]{left:1rem}[dir=rtl] .input-icon[data-v-0cb59022]{right:1rem}.form-input-custom[data-v-0cb59022]{font-size:.95rem}[dir] .form-input-custom[data-v-0cb59022]{border:none!important;background:transparent!important}[dir=ltr] .form-input-custom[data-v-0cb59022]{padding:.875rem 1rem .875rem 3rem!important}[dir=rtl] .form-input-custom[data-v-0cb59022]{padding:.875rem 3rem .875rem 1rem!important}[dir] .form-input-custom[data-v-0cb59022]:focus{box-shadow:none!important}.form-input-custom[data-v-0cb59022]::placeholder{color:var(--sf-form-placeholder)}.toggle-password[data-v-0cb59022]{position:absolute;color:var(--sf-form-placeholder);transition:color .3s ease}[dir] .toggle-password[data-v-0cb59022]{cursor:pointer}[dir=ltr] .toggle-password[data-v-0cb59022]{right:1rem}[dir=rtl] .toggle-password[data-v-0cb59022]{left:1rem}.toggle-password[data-v-0cb59022]:hover{color:var(--sf-accent)}.error-text[data-v-0cb59022]{color:var(--sf-btn-danger-bg);font-size:.75rem;display:block}[dir] .error-text[data-v-0cb59022]{margin-top:.25rem}[dir] .remember-row[data-v-0cb59022]{margin-top:1rem}.custom-checkbox[data-v-0cb59022]{font-size:.875rem;color:var(--sf-text-muted)}.login-button[data-v-0cb59022]{font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center}[dir] .login-button[data-v-0cb59022]{border:none;padding:.875rem 1.5rem;border-radius:10px;margin-top:1rem}[dir=ltr] .login-button[data-v-0cb59022]{background:linear-gradient(135deg,#667eea,#764ba2)}[dir=rtl] .login-button[data-v-0cb59022]{background:linear-gradient(-135deg,#667eea,#764ba2)}[dir] .login-button[data-v-0cb59022]:hover{transform:translateY(-2px);box-shadow:var(--sf-shadow-md)}[dir=ltr] .login-button[data-v-0cb59022]:hover{background:linear-gradient(135deg,#556cd6,#653d99)}[dir=rtl] .login-button[data-v-0cb59022]:hover{background:linear-gradient(-135deg,#556cd6,#653d99)}[dir] .login-button[data-v-0cb59022]:active{transform:translateY(0)}[dir] .login-footer[data-v-0cb59022]{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--sf-border-light)}.register-text[data-v-0cb59022]{color:var(--sf-text-muted);font-size:.9rem}[dir] .register-text[data-v-0cb59022]{margin:0}.register-link[data-v-0cb59022]{color:var(--sf-accent);font-weight:600}.register-link[data-v-0cb59022]:hover{color:var(--sf-accent-dark);text-decoration:none}.powered-by[data-v-0cb59022]{font-size:.8rem;color:var(--sf-text-muted)}[dir] .powered-by[data-v-0cb59022]{text-align:center;margin-top:2rem}[dir=ltr] .powered-by span[data-v-0cb59022]{margin-right:.25rem}[dir=rtl] .powered-by span[data-v-0cb59022]{margin-left:.25rem}.powered-link[data-v-0cb59022]{color:var(--sf-accent);font-weight:500}.powered-link[data-v-0cb59022]:hover{color:var(--sf-accent-dark);text-decoration:none}@keyframes slideInUp-data-v-0cb59022{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){[dir] .branding-side[data-v-0cb59022]{padding:2rem}.brand-logo[data-v-0cb59022]{font-size:2.5rem}.banner-image[data-v-0cb59022]{max-height:30vh}}@media(max-width:992px){[dir] .login-side[data-v-0cb59022]{padding:2rem 1.5rem}.login-container[data-v-0cb59022]{max-width:100%}}@media(max-width:576px){.login-title[data-v-0cb59022]{font-size:1.5rem}[dir] .login-container[data-v-0cb59022]{padding:0 .5rem}}@media(max-height:900px){[dir] .branding-side[data-v-0cb59022]{padding:2rem}[dir] .branding-header[data-v-0cb59022]{margin-bottom:1.5rem}[dir] .banner-showcase[data-v-0cb59022]{margin:1.5rem 0}.banner-image[data-v-0cb59022]{max-height:30vh}.branding-features[data-v-0cb59022]{gap:1rem}[dir] .branding-features[data-v-0cb59022]{margin-top:1.5rem}[dir] .login-header[data-v-0cb59022]{margin-bottom:1.5rem}[dir] .form-group-custom[data-v-0cb59022]{margin-bottom:1rem}}@media(max-height:700px){[dir] .branding-side[data-v-0cb59022]{padding:1.5rem}.brand-logo-img[data-v-0cb59022]{width:180px}[dir] .branding-header[data-v-0cb59022]{margin-bottom:1rem}[dir] .banner-showcase[data-v-0cb59022]{margin:1rem 0}.banner-image[data-v-0cb59022]{max-height:25vh}.branding-features[data-v-0cb59022]{gap:.75rem}[dir] .branding-features[data-v-0cb59022]{margin-top:1rem}[dir] .feature-item[data-v-0cb59022]{padding:.75rem}.feature-icon[data-v-0cb59022]{width:36px;height:36px}.feature-text h4[data-v-0cb59022]{font-size:.9rem}.feature-text p[data-v-0cb59022]{font-size:.8rem}[dir] .login-side[data-v-0cb59022]{padding:1rem}[dir] .login-header[data-v-0cb59022]{margin-bottom:1rem}.login-title[data-v-0cb59022]{font-size:1.5rem}[dir] .form-group-custom[data-v-0cb59022]{margin-bottom:.75rem}[dir] .remember-row[data-v-0cb59022]{margin-top:.5rem}[dir] .login-button[data-v-0cb59022]{padding:.75rem 1.5rem;margin-top:.75rem}[dir] .login-footer[data-v-0cb59022]{margin-top:1rem;padding-top:1rem}[dir] .powered-by[data-v-0cb59022]{margin-top:1rem}}