/* Page of sign-in only: dashboard and authentication logic are unchanged. */
#loginModal,#mfaModal{background: url('/login-power-lines.svg?v=20261028') center/cover no-repeat,radial-gradient(ellipse at 50% 35%,#2587c342,transparent 62%),linear-gradient(120deg,#092b60,#0c4b8a 55%,#09356d);}
#loginModal{padding:32px 20px;overflow:auto;align-items:flex-start;min-height:100dvh;height:100%;}
#loginModal *:not(i){font-family:'Segoe UI',Arial,sans-serif;}
#loginModal .login-container{position:relative;flex-shrink:0;width:416px;max-width:100%;margin:auto;padding:32px 36px 30px;background:#fff;border:1px solid #ffffffb0;border-radius:22px!important;box-shadow:0 24px 80px #0016315c,0 2px 8px #00163120!important;text-align:left;}
#loginModal .login-logo{display:block;margin:0 0 23px;font-size:0;line-height:0;}
#loginModal .login-logo img{display:block;width:210px;height:auto;max-width:100%;margin:0 auto;filter:brightness(0) saturate(100%) invert(23%) sepia(81%) saturate(1492%) hue-rotate(185deg) brightness(90%) contrast(95%);}
#loginModal .login-logo:after{content:'';display:block;width:48px;height:3px;background:#20a6dc;border-radius:4px;margin:23px auto 0;}
#loginModal .login-title{font-size:25px;line-height:1.28;letter-spacing:-.5px;margin:0 0 12px;color:#124780;background:none;-webkit-text-fill-color:currentColor;text-align:center;font-weight:650;}
#loginModal .login-subtitle{font-size:14px;color:#78899d;line-height:1.6;text-align:center;margin:0 0 27px;}
#loginModal .login-form{gap:21px;}
#loginModal .form-group{margin:0;}
#loginModal .form-group label{font-size:14px;line-height:20px;display:flex;gap:8px;align-items:center;font-weight:600;margin:0 0 9px;color:#183552;}
#loginModal label i{color:#5481ac;font-size:14px;width:16px;text-align:center;}
#loginModal .form-control{width:100%;height:47px;border:1px solid #d7e3ef;border-radius:9px;background:#f8fbff;font-size:14px;color:#57708b;padding:0 14px;outline:none;line-height:normal;box-shadow:none;}
#loginModal .form-control::placeholder{color:#93a1b1;}
#loginModal .form-control:focus{border-color:#238bcd;box-shadow:0 0 0 3px #238bcd1a;}
#loginModal select.form-control{appearance:none;padding-right:38px;background:#f8fbff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238398b0' stroke-width='1.6'%3E%3Cpath d='m7 9 5 5 5-5'/%3E%3C/svg%3E") right 14px center/18px no-repeat;}
#loginModal .login-btn{height:47px;min-height:47px;width:100%;padding:0 14px;border:0;border-radius:9px;background:linear-gradient(110deg,#1762cd,#0b9bd6);color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:7px;box-shadow:0 5px 14px #1675cc29;transition:box-shadow .18s ease,filter .18s ease;}
#loginModal .login-btn:hover{transform:none;filter:brightness(1.05);box-shadow:0 7px 20px #1675cc38;}
#loginModal .login-btn:focus-visible{outline:3px solid #64bdf0;outline-offset:3px;}
#loginModal .login-btn:disabled{opacity:.65;cursor:wait;}
@media(max-width:480px){#loginModal{padding:24px 16px;background-size:auto 100%,auto,auto;}#loginModal .login-container{padding:28px 26px;border-radius:18px!important;}#loginModal .login-logo img{width:195px;}#loginModal .login-title{font-size:23px;}}
