.login-page-container{display:flex;min-height:100vh;width:100%}.login-page-container .left-side{display:none;width:60%;position:relative;overflow:hidden}@media (min-width: 992px){.login-page-container .left-side{display:flex}}.login-page-container .xray-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1559757175-5700dde675bc?w=1200&q=80);background-size:cover;background-position:center}.login-page-container .gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.login-page-container .medical-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(115,103,240,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(115,103,240,.6) 1px,transparent 1px);background-size:40px 40px}.login-page-container .scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#7367f0,transparent);opacity:.6;box-shadow:0 0 20px 5px #7367f04d;animation:scanline 4s ease-in-out infinite}@keyframes scanline{0%,to{top:0%;opacity:0}10%{opacity:.6}50%{top:100%;opacity:.6}60%{opacity:0}}.login-page-container .xray-card{position:absolute;border-radius:12px;overflow:hidden;border:1px solid rgba(115,103,240,.3);box-shadow:0 25px 50px -12px #7367f01a}.login-page-container .xray-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.login-page-container .xray-card.xray-card-1{top:80px;left:40px;width:140px;height:180px;opacity:.25;transform:rotate(-6deg);animation:float1 6s ease-in-out infinite}.login-page-container .xray-card.xray-card-2{bottom:140px;left:100px;width:120px;height:160px;opacity:.18;transform:rotate(4deg);animation:float2 7s ease-in-out infinite}.login-page-container .xray-card.xray-card-3{top:180px;right:35%;width:100px;height:130px;opacity:.12;transform:rotate(-2deg);animation:float3 8s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-15px) rotate(-6deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-12px) rotate(4deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(-2deg)}}.login-page-container .corner{position:absolute;width:60px;height:60px;border-color:#7367f04d;border-style:solid;border-width:0}.login-page-container .corner.corner-tl{top:24px;left:24px;border-top-width:2px;border-left-width:2px;border-top-left-radius:12px}.login-page-container .corner.corner-br{bottom:24px;right:24px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:12px}.login-page-container .left-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:48px;z-index:10}.login-page-container .stats-container{display:flex;gap:20px}.login-page-container .stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px;border:1px solid rgba(115,103,240,.2);box-shadow:0 25px 50px -12px #00000080}.login-page-container .stat-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.login-page-container .stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.login-page-container .stat-icon.purple{background:#7367f033}.login-page-container .stat-icon.green{background:#28c76f33}.login-page-container .stat-icon svg{width:20px;height:20px}.login-page-container .stat-value{font-size:28px;font-weight:700}.login-page-container .stat-label{font-size:13px}.login-page-container .bottom-content{max-width:520px}.login-page-container .badge-custom{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:#7367f01a;border:1px solid rgba(115,103,240,.25);font-size:13px;font-weight:500;margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-page-container .badge-custom svg{width:16px;height:16px}.login-page-container .hero-title{font-size:40px;font-weight:300;line-height:1.2;margin-bottom:20px;letter-spacing:-.02em}.login-page-container .hero-title span{display:block;font-weight:600;background:linear-gradient(90deg,#7367f0,#9c94f5,#28c76f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:4px}.login-page-container .hero-description{font-size:17px;line-height:1.7;margin-bottom:32px}.login-page-container .features{display:flex;flex-wrap:nowrap;gap:12px}.login-page-container .feature-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:9999px;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-page-container .feature-pill svg{width:16px;height:16px;color:#7367f0}.login-page-container .right-side{width:100%;display:flex;align-items:center;justify-content:center;padding:32px;position:relative}@media (min-width: 992px){.login-page-container .right-side{width:40%}}.login-page-container .right-gradient{position:absolute;top:0;right:0;bottom:0;left:0}.login-page-container .login-container{width:100%;max-width:400px;position:relative;z-index:10}.login-page-container .logo{display:flex;align-items:center;gap:4px;margin-bottom:48px}.login-page-container .logo-icon{width:85px;height:85px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:-12px}.login-page-container .logo-icon img{width:100%;height:100%;object-fit:contain}.login-page-container .logo-text{display:flex;flex-direction:column}.login-page-container .logo-name{font-size:22px;font-weight:700;letter-spacing:-.02em}.login-page-container .logo-subtitle{font-size:11px;font-weight:500;margin-top:-2px}.login-page-container .welcome{margin-bottom:36px}.login-page-container .welcome h1{font-size:28px;font-weight:600;margin-bottom:8px}.login-page-container .welcome p{font-size:15px}.login-page-container .login-form{display:flex;flex-direction:column;gap:20px}.login-page-container .login-form .mb-6{margin-bottom:0!important}.login-page-container .login-form .form-label{font-size:13px;font-weight:500;margin-bottom:8px;display:block}.login-page-container .login-form .form-control{width:100%!important;height:48px!important;padding:14px 16px 14px 48px!important;border-radius:12px!important;font-size:15px!important;outline:none!important;transition:border-color .2s,box-shadow .2s!important;box-sizing:border-box!important;flex:1}.login-page-container .login-form .form-control:focus{border-color:#7367f0!important;box-shadow:0 0 0 3px #7367f026!important;padding:14px 16px 14px 48px!important;height:48px!important}.login-page-container .login-form .form-control.is-invalid{border-color:#ff4c51!important}.login-page-container .login-form .form-control.is-valid{border-color:#28c76f!important}.login-page-container .login-form .fv-plugins-message-container{margin-top:8px}.login-page-container .login-form .fv-plugins-message-container .fv-help-block{font-size:12px}.login-page-container .login-form .form-check{display:flex!important;align-items:center!important;gap:8px;margin:0!important;padding:0!important;min-height:auto!important}.login-page-container .login-form .form-check-input{width:18px!important;height:18px!important;min-width:18px!important;border-radius:5px!important;cursor:pointer;margin:0!important;float:none!important;flex-shrink:0}.login-page-container .login-form .form-check-input:checked{background-color:#7367f0!important;border-color:#7367f0!important}.login-page-container .login-form .form-check-input:focus{box-shadow:0 0 0 3px #7367f026!important}.login-page-container .login-form .form-check-label{font-size:13px;cursor:pointer;transition:color .2s;margin:0!important;padding:0!important;line-height:1}.login-page-container .input-wrapper{position:relative;display:flex;align-items:center}.login-page-container .input-icon{position:absolute;left:16px;top:0;bottom:0;display:flex;align-items:center;transition:color .2s;pointer-events:none;z-index:5}.login-page-container .input-icon svg{width:18px;height:18px;display:block}.login-page-container .input-wrapper:focus-within .input-icon{color:#7367f0}.login-page-container .password-toggle-icon{position:absolute;right:16px;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;font-size:20px;transition:color .2s;z-index:6}.login-page-container .form-password-toggle .form-control{padding-right:48px!important}.login-page-container .form-options{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.login-page-container .forgot-link{font-size:13px;color:#7367f0;text-decoration:none;font-weight:500;transition:color .2s}.login-page-container .forgot-link:hover{color:#9c94f5}.login-page-container .submit-btn{width:100%;padding:14px 24px;border-radius:12px;background:linear-gradient(90deg,#7367f0,#9c94f5);border:none;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 10px 40px -10px #7367f066;margin-top:12px;position:relative}.login-page-container .submit-btn:hover:not(.loading){transform:scale(1.02);box-shadow:0 15px 50px -10px #7367f080}.login-page-container .submit-btn:active:not(.loading){transform:scale(.98)}.login-page-container .submit-btn svg{width:18px;height:18px}.login-page-container .submit-btn.loading{pointer-events:none;opacity:.85}.login-page-container .submit-btn.loading span,.login-page-container .submit-btn.loading svg{visibility:hidden}.login-page-container .submit-btn.loading:after{content:"";position:absolute;width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spinner .8s linear infinite}@keyframes btn-spinner{to{transform:rotate(360deg)}}.login-page-container .security-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;font-size:13px}.login-page-container .security-badge svg{width:16px;height:16px}.login-page-container .login-footer{margin-top:40px;padding-top:24px;text-align:center}.login-page-container .login-footer p{font-size:13px;margin:0}.login-page-container .login-footer a{color:#7367f0;text-decoration:none;font-weight:500;transition:color .2s}.login-page-container .login-footer a:hover{color:#9c94f5}.login-page-container .login-alert{padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;background:#ff4c5126;border:1px solid rgba(255,76,81,.3);color:#ff6b6f}.login-page-container .login-alert ul{margin:0;padding-left:18px}.login-page-container .login-alert li{margin:4px 0}.login-page-container .login-alert.login-alert-success{background:#28c76f26;border:1px solid rgba(40,199,111,.3);color:#28c76f;display:flex;align-items:center;gap:12px}.login-page-container .login-alert.login-alert-success svg{width:20px;height:20px;flex-shrink:0}.login-page-container .back-to-login{margin-top:24px;text-align:center}.login-page-container .back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:all .2s}.login-page-container .back-link svg{width:18px;height:18px;transition:transform .2s}.login-page-container .back-link:hover svg{transform:translate(-4px)}.login-page-container .back-link strong{font-weight:600}.login-page-container .code-input-wrapper{display:flex;align-items:center;justify-content:center;gap:10px}.login-page-container .code-input{width:48px!important;height:56px!important;padding:0!important;border-radius:12px!important;font-size:24px!important;font-weight:600!important;text-align:center!important;outline:none!important;transition:border-color .2s,box-shadow .2s,transform .15s!important}.login-page-container .code-input:focus{border-color:#7367f0!important;box-shadow:0 0 0 3px #7367f026!important;transform:scale(1.05)}.login-page-container .code-input:disabled{opacity:.7}.login-page-container .code-input::placeholder{color:#8080804d;font-size:28px}.login-page-container .code-separator{font-size:24px;font-weight:300;opacity:.4;margin:0 4px}.login-page-container .processing-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;margin-bottom:20px}.login-page-container .processing-indicator .spinner{width:20px;height:20px;border:3px solid rgba(115,103,240,.2);border-top-color:#7367f0;border-radius:50%;animation:btn-spinner .8s linear infinite}.login-page-container .processing-indicator span{font-size:14px;font-weight:500;color:#7367f0}.login-page-container .resend-code{text-align:center;font-size:14px;margin-top:24px}.login-page-container .resend-code span{opacity:.7}.login-page-container .resend-link{color:#7367f0;text-decoration:none;font-weight:500;margin-left:4px;transition:color .2s}.login-page-container .resend-link:hover{color:#9c94f5}.dark-style .login-page-container{background-color:#0f0a1e}.dark-style .login-page-container .xray-bg{opacity:.5;filter:grayscale(100%) brightness(.6) contrast(1.2)}.dark-style .login-page-container .gradient-overlay{background:linear-gradient(135deg,#0f0a1eb3,#19112ebf,#37306b99)}.dark-style .login-page-container .medical-grid{opacity:.05}.dark-style .login-page-container .stat-card{background:#19112eb3}.dark-style .login-page-container .stat-value{color:#fff}.dark-style .login-page-container .stat-label{color:#a0a0b0}.dark-style .login-page-container .badge-custom{color:#a5a0f5}.dark-style .login-page-container .hero-title{color:#fff}.dark-style .login-page-container .hero-description{color:#a0a0b0}.dark-style .login-page-container .feature-pill{background:#28234699;border:1px solid rgba(70,60,100,.6);color:#d0d0e0}.dark-style .login-page-container .right-side{background:#0f0a1e}.dark-style .login-page-container .right-gradient{background:linear-gradient(135deg,#0f0a1e,#19112e80,#0f0a1e)}.dark-style .login-page-container .logo-name{color:#fff}.dark-style .login-page-container .logo-subtitle{color:#6b6b80}.dark-style .login-page-container .welcome h1{color:#fff}.dark-style .login-page-container .welcome p{color:#a0a0b0}.dark-style .login-page-container .login-form .form-label{color:#e0e0f0!important}.dark-style .login-page-container .login-form .form-control{background:#28234699!important;border:1px solid rgba(70,60,100,.8)!important;color:#fff!important}.dark-style .login-page-container .login-form .form-control::placeholder{color:#9090a0!important}.dark-style .login-page-container .login-form .form-control:focus{background:#282346cc!important}.dark-style .login-page-container .login-form .form-control:-webkit-autofill,.dark-style .login-page-container .login-form .form-control:-webkit-autofill:hover,.dark-style .login-page-container .login-form .form-control:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px rgba(40,35,70,.9) inset!important;transition:background-color 5000s ease-in-out 0s}.dark-style .login-page-container .login-form .fv-plugins-message-container .fv-help-block{color:#ff8a8e!important}.dark-style .login-page-container .login-form .form-check-input{border:2px solid #5c5878!important;background:transparent!important;background-color:transparent!important}.dark-style .login-page-container .login-form .form-check-label{color:#c0c0d0!important}.dark-style .login-page-container .login-form .form-check-label:hover{color:#fff!important}.dark-style .login-page-container .input-icon,.dark-style .login-page-container .password-toggle-icon{color:#9090a0}.dark-style .login-page-container .password-toggle-icon:hover{color:#fff}.dark-style .login-page-container .security-badge{color:#6b6b80}.dark-style .login-page-container .login-footer{border-top:1px solid rgba(70,60,100,.5)}.dark-style .login-page-container .login-footer p{color:#6b6b80}.dark-style .login-page-container .back-link{color:#a0a0b0}.dark-style .login-page-container .back-link:hover,.dark-style .login-page-container .back-link strong{color:#7367f0}.dark-style .login-page-container .login-alert-success{background:#28c76f1a!important;border-color:#28c76f40!important;color:#48da89!important}.dark-style .login-page-container .code-input{background:#28234699!important;border:1px solid rgba(70,60,100,.8)!important;color:#fff!important}.dark-style .login-page-container .code-input:focus{background:#282346cc!important}.dark-style .login-page-container .code-separator,.dark-style .login-page-container .resend-code span{color:#6b6b80}.light-style .login-page-container{background-color:#f8f7fa}.light-style .login-page-container .xray-bg{opacity:.35;filter:grayscale(70%) brightness(.75) contrast(1.15)}.light-style .login-page-container .gradient-overlay{background:linear-gradient(135deg,#f8f7fad9,#f0eeffcc,#c8c3f0b3)}.light-style .login-page-container .medical-grid{opacity:.08}.light-style .login-page-container .xray-card{opacity:.4!important;border:1px solid rgba(115,103,240,.4);box-shadow:0 25px 50px -12px #7367f033}.light-style .login-page-container .xray-card img{filter:grayscale(60%)}.light-style .login-page-container .stat-card{background:#fffffff2;box-shadow:0 10px 40px -12px #7367f026}.light-style .login-page-container .stat-value{color:#444050}.light-style .login-page-container .stat-label{color:#5d596c}.light-style .login-page-container .badge-custom{color:#7367f0;background:#7367f014}.light-style .login-page-container .hero-title{color:#444050}.light-style .login-page-container .hero-description{color:#5d596c}.light-style .login-page-container .feature-pill{background:#fffc;border:1px solid rgba(115,103,240,.2);color:#444050}.light-style .login-page-container .right-side{background:#f8f7fa}.light-style .login-page-container .right-gradient{background:linear-gradient(135deg,#f8f7fa,#f0eeff80,#f8f7fa)}.light-style .login-page-container .logo-name{color:#444050}.light-style .login-page-container .logo-subtitle{color:#a5a3ae}.light-style .login-page-container .welcome h1{color:#444050}.light-style .login-page-container .welcome p{color:#5d596c}.light-style .login-page-container .login-form .form-label{color:#444050!important}.light-style .login-page-container .login-form .form-control{background:#fff!important;border:1px solid rgba(115,103,240,.3)!important;color:#444050!important}.light-style .login-page-container .login-form .form-control::placeholder{color:#a5a3ae!important}.light-style .login-page-container .login-form .form-control:focus{background:#fff!important}.light-style .login-page-container .login-form .form-control:-webkit-autofill,.light-style .login-page-container .login-form .form-control:-webkit-autofill:hover,.light-style .login-page-container .login-form .form-control:-webkit-autofill:focus{-webkit-text-fill-color:#444050!important;-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;transition:background-color 5000s ease-in-out 0s}.light-style .login-page-container .login-form .fv-plugins-message-container .fv-help-block{color:#ea5455!important}.light-style .login-page-container .login-form .form-check-input{border:2px solid rgba(115,103,240,.4)!important;background:transparent!important;background-color:#fff!important}.light-style .login-page-container .login-form .form-check-label{color:#5d596c!important}.light-style .login-page-container .login-form .form-check-label:hover{color:#444050!important}.light-style .login-page-container .input-icon,.light-style .login-page-container .password-toggle-icon{color:#a5a3ae}.light-style .login-page-container .password-toggle-icon:hover{color:#444050}.light-style .login-page-container .security-badge{color:#a5a3ae}.light-style .login-page-container .login-footer{border-top:1px solid rgba(115,103,240,.15)}.light-style .login-page-container .login-footer p{color:#a5a3ae}.light-style .login-page-container .login-alert{background:#ea54551a;border:1px solid rgba(234,84,85,.2);color:#ea5455}.light-style .login-page-container .login-alert.login-alert-success{background:#28c76f1a;border:1px solid rgba(40,199,111,.2);color:#24b263}.light-style .login-page-container .back-link{color:#5d596c}.light-style .login-page-container .back-link:hover,.light-style .login-page-container .back-link strong{color:#7367f0}.light-style .login-page-container .code-input{background:#fff!important;border:1px solid rgba(115,103,240,.3)!important;color:#444050!important}.light-style .login-page-container .code-input:focus{background:#fff!important}.light-style .login-page-container .code-separator,.light-style .login-page-container .resend-code span{color:#a5a3ae}