.auth-form{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin:0 auto;max-width:420px;padding:2rem}.auth-form .auth-form-header{margin-bottom:2rem;text-align:center}.auth-form .auth-form-header .auth-form-icon{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;color:#fff;display:inline-flex;font-size:24px;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.auth-form .auth-form-header .auth-form-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.auth-form .auth-form-header .auth-form-description{color:#6c757d;font-size:.9rem;line-height:1.5}.auth-form .form-group{margin-bottom:1.5rem;position:relative}.auth-form .form-group .form-label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.auth-form .form-group .form-control{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;height:48px;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease}.auth-form .form-group .form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.15);outline:none}.auth-form .form-group .form-control::-moz-placeholder{color:#adb5bd}.auth-form .form-group .form-control::placeholder{color:#adb5bd}.auth-form .form-group .form-icon{color:#6c757d;font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.auth-form .form-group.has-icon .form-control{padding-left:3rem}.auth-form .form-check .form-check-input{margin-top:.25rem}.auth-form .form-check .form-check-input:checked{background-color:#d3972b;border-color:#d3972b}.auth-form .form-check .form-check-label{color:#6c757d;font-size:.9rem}.auth-form .forgot-password-link{color:#007bff;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.auth-form .forgot-password-link:hover{color:#0056b3;text-decoration:underline}.auth-form .btn-submit{align-items:center;background:linear-gradient(135deg,#e7e7e7,#e7e7e7);background-color:#e7e7e7!important;border:none;border-radius:8px;box-shadow:0 0 0 2px #d3972b;color:#000;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:48px;justify-content:center;margin-top:1.5rem;transition:all .3s ease;width:100%}.auth-form .btn-submit:hover{background:linear-gradient(135deg,#d3972b,#d3972b);box-shadow:0 5px 15px rgba(0,123,255,.3);color:#fff;transform:translateY(-1px)}.auth-form .btn-submit:active{transform:translateY(0)}.auth-form .btn-submit:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.auth-form .btn-submit .btn-icon{font-size:1.1rem}.auth-form .auth-form-footer{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-form .auth-form-footer .auth-form-links{color:#6c757d;font-size:.9rem}.auth-form .auth-form-footer .auth-form-links a{color:#007bff;font-weight:500;text-decoration:none}.auth-form .auth-form-footer .auth-form-links a:hover{text-decoration:underline}.auth-page{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.auth-page .auth-container{max-width:450px;width:100%}.auth-page .auth-banner{background-position:50%;background-size:cover;border-radius:12px 12px 0 0;height:200px;overflow:hidden;position:relative}.auth-page .auth-banner:before{background:linear-gradient(45deg,rgba(0,123,255,.8),rgba(0,86,179,.6));bottom:0;content:"";left:0;position:absolute;right:0;top:0}.auth-page .auth-banner .banner-content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:relative;text-align:center;z-index:2}.auth-page .auth-banner .banner-content h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.auth-page .auth-banner .banner-content p{font-size:.9rem;margin:0;opacity:.9}.auth-page .auth-form{box-shadow:none}.auth-page .auth-form,.auth-page .auth-form.with-banner{border-radius:0 0 12px 12px}.auth-page .auth-form.without-banner{border-radius:12px}@media(max-width:768px){.auth-page{padding:1rem}.auth-page .auth-form{padding:1.5rem}.auth-page .auth-form .auth-form-header{margin-bottom:1.5rem}.auth-page .auth-form .auth-form-header .auth-form-icon{font-size:20px;height:50px;width:50px}.auth-page .auth-form .auth-form-header .auth-form-title{font-size:1.25rem}.auth-page .auth-form .form-group{margin-bottom:1.25rem}.auth-page .auth-form .btn-submit,.auth-page .auth-form .form-group .form-control{font-size:.9rem;height:44px}.auth-page .auth-banner{height:150px}.auth-page .auth-banner .banner-content{padding:1.5rem}.auth-page .auth-banner .banner-content h2{font-size:1.25rem}.auth-page .auth-banner .banner-content p{font-size:.8rem}}.form-group .is-invalid{border-color:#dc3545}.form-group .is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.15)}.form-group .invalid-feedback{color:#dc3545;display:block;font-size:.8rem;margin-top:.25rem}.form-group .is-valid{border-color:#28a745}.form-group .is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.15)}.form-group .valid-feedback{color:#28a745;display:block;font-size:.8rem;margin-top:.25rem}.btn-submit.loading{color:transparent;position:relative}.btn-submit.loading:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.card-header h3{color:#333;font-size:1.5rem;font-weight:600;text-transform:uppercase}.form-control{background-color:#3d3d3d;border-color:#495057!important;color:#000}.form-control::-moz-placeholder{color:#6c757d}.form-control::placeholder{color:#6c757d}.form-control:focus{background-color:#3d3d3d;border-color:#007bff;color:#fff}@media(prefers-color-scheme:dark){.auth-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.auth-form{background:#2d2d2d}.auth-form .auth-form-title{color:#fff}.auth-form .auth-form-description{color:#adb5bd}.auth-form .form-label{color:#fff}.auth-form .form-control{background-color:#3d3d3d;border-color:#495057;color:#fff}.auth-form .form-control::-moz-placeholder{color:#6c757d}.auth-form .form-control::placeholder{color:#6c757d}.auth-form .form-control:focus{background-color:#3d3d3d;border-color:#007bff;color:#fff}.auth-form .form-check-label{color:#adb5bd}.auth-form .auth-form-footer{border-color:#495057}.auth-form .auth-form-footer .auth-form-links{color:#adb5bd}}