@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
body:has(.gate-wrap),body.crm-login{background:#000!important;color:#aaa!important;font-family:Poppins,Arial,sans-serif!important}
body:has(.gate-wrap) .sidebar{display:none!important}
body:has(.gate-wrap) .main{width:100%;padding:0!important;margin:0!important}
.gate-wrap{min-height:100dvh!important;padding:28px 24px!important;box-sizing:border-box}
.gate-card,.crm-login .login-card{width:100%!important;max-width:588px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center}
.gate-icon{width:280px!important;height:150px!important;color:#aaa!important;margin:0 auto 30px!important}
.gate-icon svg{fill:currentColor}
.gate-icon svg path{fill:currentColor}
.gate-title,.crm-login .login-heading{font-family:Poppins,Arial,sans-serif!important;color:#aaa!important;font-weight:400!important;font-size:20px!important;letter-spacing:4px!important;text-transform:uppercase;line-height:1.5;margin:0 0 42px!important}
.gate-sub{display:none!important}
.gate-card .field,.crm-login .field{text-align:left;margin:0 0 22px!important}
.gate-card label,.crm-login label{display:block;color:#aaa!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px;letter-spacing:0!important;text-transform:none!important}
.gate-card input.picker,.crm-login .input-wrap{background:#1e2633!important;border:1px solid #34373c!important;border-radius:0!important;box-shadow:none!important;color:#eee!important;padding:18px 20px!important;width:100%;height:64px!important;font:15px Poppins,Arial,sans-serif!important}
.gate-card input:focus,.crm-login .input-wrap:focus-within{border-color:#aaa!important;outline:0!important}
.gate-card .btn,.crm-login button{background:transparent!important;border:0!important;border-bottom:1px solid #444!important;border-radius:0!important;color:#aaa!important;font:600 20px Poppins,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;height:66px!important;margin:38px 0 0!important;box-shadow:none!important}
.gate-card .btn:hover,.crm-login button:hover{background:#191919!important}
.gate-card .wizard-hint a{color:#aaa!important;font-size:11px}
.crm-login{min-height:100dvh;height:auto!important;padding:28px 24px!important}
.crm-login .login-logo{width:340px!important;max-width:70%;height:150px!important;object-fit:contain;filter:brightness(0) invert(.66);margin:0 0 30px!important}
.crm-login .input-wrap svg{display:none}
.crm-login .input-wrap input{font-family:Poppins,Arial,sans-serif!important;color:#eee!important;letter-spacing:0}
@media(max-height:760px){.gate-icon,.crm-login .login-logo{height:100px!important;margin-bottom:16px!important}.gate-title,.crm-login .login-heading{margin-bottom:24px!important;font-size:16px!important}.gate-card .btn,.crm-login button{margin-top:16px!important}.gate-card input.picker,.crm-login .input-wrap{height:54px!important}.gate-card .field,.crm-login .field{margin-bottom:16px!important}}