.modal-content{padding:var(--space-l)}.modal-header{padding:0;margin-bottom:var(--space-l)}.modal-body{padding:0}.modal-footer{padding:0;margin-top:var(--space-l);gap:var(--space-m)}.modal-footer>*{margin:0}.modal-dialog-scrollable .modal-body{margin-inline:calc(-1 * var(--space-l));padding-inline:var(--space-l)}.auth-page *{font-family:Roboto,sans-serif;box-sizing:border-box}.auth-page{margin:0;padding:0;height:100vh;overflow:hidden;background-color:var(--background-mainbg);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.auth-wrapper{display:flex;height:100vh;width:100%}.auth-brand{flex:0 0 45%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--va-base-permanent-white);position:relative;overflow:hidden;background:linear-gradient(145deg,#1a1a3e,#2d1b69 40%,#1a1a3e)}.auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:0}.auth-shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.auth-shapes .shape{position:absolute;border-radius:50%;opacity:.08}.auth-shapes .shape-1{width:500px;height:500px;top:-150px;right:-150px;background:radial-gradient(circle,#6c5ce7,transparent 70%)}.auth-shapes .shape-2{width:350px;height:350px;bottom:-100px;left:-100px;background:radial-gradient(circle,#00b894,transparent 70%);opacity:.05}.auth-shapes .shape-3{width:200px;height:200px;top:20%;left:10%;background:radial-gradient(circle,#fd79a8,transparent 70%);opacity:.06}.auth-shapes .shape-4{width:150px;height:150px;bottom:25%;right:15%;background:radial-gradient(circle,#fdcb6e,transparent 70%);opacity:.05;border-radius:30% 70% 50% 50%/30% 30% 70% 70%}.auth-hexagon{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 5L55 20L55 40L30 55L5 40L5 20L30 5Z' fill='none' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 60px}.auth-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.06}.auth-lines .line{position:absolute;background:#fff;border-radius:1px}.auth-lines .line-1{width:300px;height:1px;top:30%;left:-50px;transform:rotate(25deg)}.auth-lines .line-2{width:200px;height:1px;bottom:40%;right:-30px;transform:rotate(-15deg)}.auth-lines .line-3{width:150px;height:1px;top:60%;left:20%;transform:rotate(45deg)}.auth-lines .line-4{width:250px;height:1px;top:15%;right:10%;transform:rotate(-30deg)}.auth-brand-content{position:relative;z-index:1;text-align:center;max-width:380px}.auth-brand-logo{margin-bottom:24px}.auth-brand-logo img{height:52px;width:auto}.brand-sub{font-size:var(--text-content-m);opacity:.8;line-height:1.6}.brand-features{display:flex;flex-direction:column;gap:10px;margin-top:24px;text-align:left}.brand-features .feature-item{display:flex;align-items:center;gap:12px;font-size:var(--text-content-s);opacity:.85}.brand-features .feature-item .feature-icon-wrapper{width:36px;height:36px;border-radius:var(--radius-pill);background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-features .feature-item i{font-size:18px;opacity:1}.auth-status{position:absolute;bottom:24px;left:24px;z-index:1;font-size:11px;color:#fff3;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.auth-status .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#00b894;animation:authPulse 2s ease-in-out infinite}@keyframes authPulse{0%,to{opacity:1}50%{opacity:.3}}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--background-workarea);transition:background-color .2s ease}.auth-form-container{width:100%;max-width:380px}.auth-form-title{font-size:var(--text-h4-size);font-weight:600;color:var(--va-color-black-80);margin-bottom:4px}.auth-form-subtitle{font-size:var(--text-content-s);color:var(--va-color-black-50);margin-bottom:28px}.auth-form .form-group{margin-bottom:16px}.auth-form .form-label{font-size:var(--text-content-s);font-weight:500;color:var(--va-color-black-80);margin-bottom:4px;display:flex;align-items:center;gap:6px}.auth-form .form-label .label-hint{font-weight:400;color:var(--va-color-black-40);font-size:11px}.auth-form .form-control{height:44px;padding:10px 16px;font-size:var(--text-content-m);line-height:22px;transition:all .3s ease}.auth-form .form-control:focus{box-shadow:0 0 0 4px var(--va-color-blue-20)}.auth-form .form-control.is-invalid{box-shadow:0 0 0 4px var(--va-color-red-20)}.auth-form .input-group-icon{position:relative}.auth-form .input-group-icon .form-control{padding-left:44px}.auth-form .input-group-icon .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--va-color-black-40);font-size:18px;pointer-events:none;z-index:2;transition:color .3s ease}.auth-form .input-group-icon .form-control:focus~.input-icon{color:var(--va-base-primary)}.auth-form .input-group-icon .form-control.password-input{padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--va-color-black-40);cursor:pointer;padding:4px;font-size:18px;z-index:3;transition:color .2s ease;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-s)}.password-toggle:hover{color:var(--va-color-black-70);background:var(--va-color-black-5)}.password-toggle:focus{outline:none;color:var(--va-base-primary)}.invalid-feedback{font-size:12px;color:var(--va-base-danger);margin-top:4px;display:none}.form-control.is-invalid~.invalid-feedback{display:block}.auth-btn{width:100%;height:48px;font-size:var(--text-content-m);font-weight:500;border:none;border-radius:var(--radius-m);background:var(--va-base-primary);color:var(--va-base-permanent-white);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;position:relative;overflow:hidden}.auth-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.auth-btn:hover:not(:disabled){background:var(--va-button-primary-hover);transform:translateY(-2px);box-shadow:0 8px 32px #4361ee40}.auth-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none!important}.auth-btn i{font-size:20px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin:16px 0 20px}.auth-options .form-check{margin:0;display:flex;align-items:center;gap:6px}.auth-options .form-check-label{font-size:var(--text-content-s);color:var(--va-color-black-60);cursor:pointer}.auth-options .forgot-link{font-size:var(--text-content-s);color:var(--va-base-primary);text-decoration:none;cursor:pointer;transition:color .2s ease;border-bottom:1px solid transparent}.auth-options .forgot-link:hover{color:var(--va-button-primary-hover);border-bottom-color:var(--va-button-primary-hover)}.auth-form-footer{text-align:center;margin-top:20px;font-size:var(--text-content-s);color:var(--va-color-black-50)}.auth-form-footer .auth-link{color:var(--va-base-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.auth-form-footer .auth-link:hover{color:var(--va-button-primary-hover);text-decoration:underline}.auth-version{text-align:center;margin-top:12px;font-size:var(--text-content-xs);color:var(--va-color-black-40)}.password-strength{height:4px;border-radius:var(--radius-pill);background:var(--border-mainborder);margin-top:6px;overflow:hidden;transition:all .3s ease}.password-strength .strength-bar{height:100%;width:0%;border-radius:var(--radius-pill);transition:width .3s ease,background-color .3s ease}.strength-text{font-size:11px;color:var(--va-color-black-40);margin-top:2px;transition:color .3s ease}.auth-form .form-text{font-size:11px;color:var(--va-color-black-40);margin-top:2px}.auth-form .form-text .bi{font-size:12px}@media (max-width: 992px){.auth-brand{flex:0 0 38%;padding:30px}}@media (max-width: 768px){.auth-wrapper{flex-direction:column}.auth-brand{flex:0 0 auto;padding:24px;min-height:220px}.auth-brand .brand-features{display:none}.auth-brand-logo img{height:40px}.auth-status{display:none}.auth-form-panel{padding:32px 20px 24px;align-items:flex-start}.auth-form-title{font-size:var(--text-content-l)}.auth-form-container{max-width:100%}.auth-shapes .shape-1{width:300px;height:300px}.auth-shapes .shape-2{width:200px;height:200px}}@media (max-width: 576px){.auth-brand{min-height:160px;padding:16px}.auth-brand .brand-sub{font-size:var(--text-content-s)}.auth-form-panel{padding:20px 16px 16px}.auth-form-title{font-size:var(--text-content-m)}.auth-form-subtitle{font-size:var(--text-content-xs);margin-bottom:20px}.auth-form .form-control{height:40px;font-size:var(--text-content-s);padding:8px 14px}.auth-form .input-group-icon .form-control{padding-left:38px}.auth-form .input-group-icon .input-icon{font-size:16px;left:12px}.auth-btn{height:42px;font-size:var(--text-content-s)}.auth-btn i{font-size:18px}.auth-options{flex-direction:column;align-items:flex-start;gap:8px}.auth-shapes .shape-1{width:200px;height:200px;top:-80px;right:-80px}.auth-shapes .shape-2{width:150px;height:150px;bottom:-60px;left:-60px}}[data-bs-theme=dark] .auth-form-panel{background:var(--background-workarea)}[data-bs-theme=dark] .auth-form-title{color:var(--va-color-black-80)}[data-bs-theme=dark] .auth-form-subtitle{color:var(--va-color-black-50)}[data-bs-theme=dark] .auth-form .form-label{color:var(--va-color-black-80)}[data-bs-theme=dark] .auth-form .form-label .label-hint{color:var(--va-color-black-30)}[data-bs-theme=dark] .auth-form .form-control{background:var(--va-background-cardbasebg);border-color:var(--border-mainborder);color:var(--va-color-black-100)}[data-bs-theme=dark] .auth-form .form-control::placeholder{color:var(--va-color-black-30)}[data-bs-theme=dark] .auth-form .form-control:focus{border-color:var(--va-base-primary);box-shadow:0 0 0 4px var(--va-color-blue-30)}[data-bs-theme=dark] .auth-form .input-group-icon .input-icon{color:var(--va-color-black-40)}[data-bs-theme=dark] .auth-form .form-control:focus~.input-icon{color:var(--va-base-primary)}[data-bs-theme=dark] .auth-options .form-check-label{color:var(--va-color-black-60)}[data-bs-theme=dark] .auth-options .forgot-link{color:var(--va-base-primary)}[data-bs-theme=dark] .auth-options .forgot-link:hover{color:var(--va-button-primary-hover)}[data-bs-theme=dark] .auth-form-footer{color:var(--va-color-black-40)}[data-bs-theme=dark] .auth-form-footer .auth-link{color:var(--va-base-primary)}[data-bs-theme=dark] .auth-form-footer .auth-link:hover{color:var(--va-button-primary-hover)}[data-bs-theme=dark] .password-toggle{color:var(--va-color-black-40)}[data-bs-theme=dark] .password-toggle:hover{color:var(--va-color-black-70);background:var(--va-color-black-10)}[data-bs-theme=dark] .alert-danger{background:var(--va-color-red-20);color:var(--va-color-red-80)}[data-bs-theme=dark] .alert-success{background:var(--va-color-green-20);color:var(--va-color-green-80)}[data-bs-theme=dark] .invalid-feedback{color:var(--va-color-red-80)}[data-bs-theme=dark] .strength-text,[data-bs-theme=dark] .auth-form .form-text{color:var(--va-color-black-30)}@keyframes authFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form-container{animation:authFadeIn .6s ease forwards}.auth-brand-content{animation:authFadeIn .6s ease .15s both}
