.auth-container{display:flex;height:100dvh;width:100%;background:#f2f2f2;overflow:hidden}.auth-container .auth-panels{flex:1;display:flex;overflow:hidden}.auth-container .auth-panel{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto}.auth-container .auth-panel-left{background:#00057b;position:relative;overflow:hidden}.auth-container .auth-panel-left .auth-image{width:100%;height:100%;background-image:url(/build/assets/background-BfwYorWM.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.auth-container .auth-panel-left .auth-tabs-header{position:absolute;top:20px;right:0;display:flex;flex-direction:column;overflow:hidden;background-color:transparent}.auth-container .auth-panel-left .auth-tabs-header .auth-tab{border-radius:10px 0 0 10px;padding:12px 24px;border:none;font-size:1.2rem;font-weight:500;color:#f2f2f2;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;background-color:transparent}.auth-container .auth-panel-left .auth-tabs-header .auth-tab:hover{color:#00057b;background:#f2f2f2b3}.auth-container .auth-panel-left .auth-tabs-header .auth-tab.active{color:#00057b;background:#f2f2f2}.auth-container .auth-panel-right{background:#f2f2f2;padding:40px}.auth-container .auth-form-container{width:100%;max-width:400px;padding:20px;border-radius:8px}.auth-container .auth-logo{text-align:center;margin-bottom:20px}.auth-container .auth-logo-image{width:130px;height:auto;margin-bottom:8px}.auth-container .auth-logo-title{font-size:18px;font-weight:600;color:#00057b;margin:0}.auth-container .auth-welcome{font-size:1rem;font-weight:600;color:#666;text-align:center;margin-bottom:15px}.auth-container .auth-form-group{margin-bottom:12px}.auth-container .auth-form-input{width:100%;padding:10px 14px;font-size:14px;border:1px solid #CCCCCC;border-radius:4px;transition:all .3s ease;text-align:center}.auth-container .auth-form-input::placeholder{color:#ccc}.auth-container .auth-form-input:focus{outline:none;border-color:#0153ff;background:#fff}.auth-container .auth-form-input.is-invalid{border-color:#dc3545}.auth-container .auth-error-message{font-size:12px;color:#dc3545;margin-top:5px}.auth-container .auth-btn{width:100%;padding:10px;font-size:15px;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-top:5px}.auth-container .auth-btn-primary{color:#fff;background:#00057b}.auth-container .auth-btn-primary:hover{background:#0153ff}.auth-container .auth-btn-primary:disabled{background:#ccc;cursor:not-allowed}.auth-container .auth-link-container{text-align:center;margin-top:12px;font-size:13px}.auth-container .auth-link-text{color:#999}.auth-container .auth-link{color:#666;text-decoration:none;font-weight:500;margin-left:5px}.auth-container .auth-link:hover{text-decoration:underline}@media (min-width: 992px){.auth-container .auth-panel-left{flex:1.2}.auth-container .auth-panel-right{flex:1}.auth-container .auth-form-container{padding:30px}}@media (min-width: 768px) and (max-width: 991px){.auth-container .auth-panel-left,.auth-container .auth-panel-right{flex:1}.auth-container .auth-form-container{padding:25px 20px}}@media (max-width: 767px){.auth-container .auth-panels{flex-direction:column}.auth-container .auth-panel-left{display:none}.auth-container .auth-panel-right{padding:20px}.auth-container .auth-form-container{padding:20px 15px;box-shadow:none}.auth-container .auth-logo{margin-bottom:15px}.auth-container .auth-logo-image{width:70px}.auth-container .auth-logo-title{font-size:15px}.auth-container .auth-welcome{font-size:16px;margin-bottom:12px}.auth-container .auth-form-group{margin-bottom:10px}.auth-container .auth-form-input{padding:10px 14px;font-size:13px}.auth-container .auth-btn{padding:10px;font-size:14px}.auth-container .auth-link-container{font-size:13px}}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;background:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;z-index:9999;animation:slideIn .3s ease}.notification.notification-success{border-left:4px solid #28a745}.notification.notification-error{border-left:4px solid #dc3545}.notification.notification-warning{border-left:4px solid #ffc107}.notification.notification-info{border-left:4px solid #0153FF}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}
