html,body{width:100%;min-height:100%;margin:0;}
body{background:linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url("/img/custom-login-bg.jpg") center center / cover no-repeat fixed!important;}
#modifiedLogin.LoginScreen{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:transparent!important;}
#modifiedLogin .modernCenter{width:100%;max-width:440px;margin:20px;position:relative;}
#modifiedLogin .loginPageTitle{text-align:center;color:#fff;font-size:22px;font-weight:600;margin:0 0 10px;}
#modifiedLogin .modernContentBox{width:100%;box-sizing:border-box;padding:36px 32px;border-radius:20px;background:rgba(255,255,255,0.16)!important;border:1px solid rgba(255,255,255,0.35);box-shadow:0 12px 40px rgba(0,0,0,0.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
#modifiedLogin .logo{text-align:center;margin-bottom:5px;}
#modifiedLogin .ImgLoginBanner{display:inline-block;background-image:url("/img/custom-logo.png");background-repeat:no-repeat;background-position:center;background-size:contain;width:189px;height:118px;}
#modifiedLogin .signIn{color:#fff;text-align:center;font-size:23px;font-weight:600;margin-bottom:22px;}
#modifiedLogin .zLoginFieldLabel{display:block;color:#fff;font-size:14px;margin:12px 0 7px;}
#modifiedLogin .zLoginFieldInput{width:100%;box-sizing:border-box;height:46px;border:1px solid rgba(255,255,255,0.6);border-radius:9px;background:rgba(255,255,255,0.92);color:#222;padding:0 12px;outline:none;}
#modifiedLogin .zLoginFieldInput:focus{border-color:#65a9ff;box-shadow:0 0 0 3px rgba(70,145,255,0.2);}
#modifiedLogin #showSpan,#modifiedLogin #hideSpan{color:#fff;}
#modifiedLogin .loginButton{width:100%;min-height:46px;margin-top:20px;border:0;border-radius:9px;background:#2476d2;color:white;font-size:16px;font-weight:600;cursor:pointer;}
#modifiedLogin .loginButton:hover{background:#155eae;}
#modifiedLogin .rememberCheckWrapper,#modifiedLogin .rememberCheckWrapper label{color:#fff;}
#modifiedLogin .versionBlock{display:none;}
#modifiedLogin .decor1,#modifiedLogin .decor2{display:none;}
.Footer{position:fixed;bottom:10px;width:100%;text-align:center;color:rgba(255,255,255,0.8);font-size:11px;}
@media(max-width:480px){#modifiedLogin .modernCenter{margin:16px;max-width:none;}
#modifiedLogin .modernContentBox{padding:28px 22px;}
}
#modifiedLogin .modernInputWrapper{position:relative;width:100%;margin:5px 0;}
#modifiedLogin .modernInputWrapper .zLoginFieldInput{padding-left:46px;}
#modifiedLogin .inputIcon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#777;pointer-events:none;z-index:2;}
#modifiedLogin .inputIcon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#modifiedLogin .modernInputWrapper:focus-within .inputIcon{color:#2476d2;}
#modifiedLogin .passwordInputWrapper .zLoginFieldInput{padding-right:65px;}
#modifiedLogin .passwordToggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#666;font-size:11px;font-weight:600;cursor:pointer;padding:6px 7px;line-height:1;}
#modifiedLogin .passwordToggle:hover{color:#444;}
#modifiedLogin #showSpan,#modifiedLogin #hideSpan{color:inherit;}
#modifiedLogin .rememberCheckWrapper{display:flex;align-items:center;margin-top:14px;margin-bottom:2px;font-size:12px;}
#modifiedLogin .rememberCheckWrapper input[type="checkbox"]{position:absolute;opacity:0;width:1px;height:1px;}
#modifiedLogin .rememberCheckWrapper label{position:relative;display:inline-flex;align-items:center;padding-left:25px;color:rgba(255,255,255,0.88);font-size:12px;font-weight:400;cursor:pointer;line-height:18px;}
#modifiedLogin .rememberCheckWrapper label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:15px;box-sizing:border-box;border:1px solid rgba(255,255,255,0.65);border-radius:4px;background:rgba(255,255,255,0.10);transition:background .15s ease,border-color .15s ease;}
#modifiedLogin .rememberCheckWrapper input[type="checkbox"]:checked+label::before{background:#2476d2;border-color:#2476d2;}
#modifiedLogin .rememberCheckWrapper input[type="checkbox"]:checked+label::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);}
#modifiedLogin .loginButton{width:100%;min-height:46px;margin-top:16px;border:0;border-radius:10px;background:#2476d2;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;}
#modifiedLogin .loginButton:hover{background:#155eae;box-shadow:0 5px 16px rgba(0,0,0,0.18);}
#modifiedLogin .loginButton:active{transform:translateY(1px);}