/* ===== ADMIN LOGIN REDESIGN ===== */
html,body{width:100%;height:100%;margin:0}
body.login-page{background:#f4f6f8}
.limiter{width:100%;min-height:100vh}
.container-login100{width:100%;min-height:100vh;display:flex;align-items:stretch;background:#f4f6f8}
.login100-more{width:76%;min-height:100vh;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;position:relative}
.login100-more:after{content:"";position:absolute;inset:0;background:rgba(17,64,96,.20)}
.wrap-login100{width:24%;min-height:100vh!important;padding:35px!important;background:#f4f6f8;display:flex;align-items:center;justify-content:center}
.login100-form{width:100%;max-width:350px;padding:35px 32px!important;background:#fff;border-radius:18px;box-shadow:0 12px 35px rgba(15,23,42,.10)}
.login100-form-title{display:block!important;margin:0 0 25px!important;padding:0!important;text-align:center!important}
.login100-form-title img{display:none!important}
.login-title{margin:0;color:#263746;font-size:25px;font-weight:700;line-height:1.3;text-align:center}
.login-subtitle{margin:8px 0 25px;color:#999;font-size:13px;line-height:1.6;text-align:center}
.login100-form .alert{margin-bottom:18px;border-radius:8px;font-size:12px}
.wrap-input100{position:relative!important;width:100%!important;height:auto!important;min-height:67px!important;margin-bottom:12px!important;padding:0!important;border:0!important}
.wrap-input100 .label-input100{display:block!important;position:static!important;margin:0 0 7px!important;color:#374151!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important}
.wrap-input100 .input100{width:100%!important;height:44px!important;padding:0 40px 0 13px!important;border:1px solid #dce2e8!important;border-radius:8px!important;background:#fff!important;color:#374151!important;font-size:13px!important;line-height:44px!important;outline:none!important;box-shadow:none!important}
.wrap-input100 .input100:focus{border-color:#17649a!important;box-shadow:0 0 0 3px rgba(23,100,154,.08)!important}
.wrap-input100 .focus-input100{display:none!important}
.form-control-feedback{position:absolute!important;right:13px!important;bottom:14px!important;color:#999!important;font-size:14px!important;z-index:3}
.wrap-input100 select.input100{padding-right:35px!important;cursor:pointer}
.login-captcha{margin-top:4px!important;margin-bottom:18px!important}
.login-captcha-question{margin-bottom:8px;color:#374151;font-size:12px;font-weight:500}
.login-captcha-row{display:flex;align-items:center;gap:7px}
.login-captcha-number{flex:1;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eef5fa;color:#125987;font-size:14px;font-weight:700}
.login-captcha-op{width:18px;text-align:center;color:#555;font-size:13px}
.login-captcha-input{width:82px!important;flex:0 0 82px;height:42px!important;padding:0 10px!important;text-align:center!important}
.container-login100-form-btn{display:flex!important;align-items:center!important;gap:15px!important;width:100%!important;margin-top:12px!important}
.wrap-login100-form-btn{width:100%!important;height:44px!important;border-radius:22px!important;overflow:hidden!important}
.login100-form-btn{width:100%!important;height:44px!important;border:0!important;border-radius:22px!important;background:#17649a!important;color:#fff!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer!important}
.login100-form-btn:hover{background:#12547f!important}
.login-home-link{display:flex!important;align-items:center;justify-content:center;width:100px;height:44px;color:#52606d!important;font-size:12px!important;text-decoration:none!important;white-space:nowrap}
.login-home-link:hover{color:#17649a!important}
.login-footer{margin-top:25px;padding-top:18px;border-top:1px solid #edf0f2;text-align:center;color:#999;font-size:11px;line-height:1.7}
.login-footer strong{display:block;color:#666;font-size:12px;margin-bottom:3px}

@media(max-width:1199px){
	.login100-more{width:70%}
	.wrap-login100{width:30%;padding:25px!important}
	.login100-form{max-width:340px;padding:30px 27px!important}
}
@media(max-width:991px){
	.container-login100{display:block;min-height:100vh}
	.login100-more{width:100%;height:260px;min-height:260px}
	.wrap-login100{width:100%;min-height:calc(100vh - 260px)!important;padding:30px 20px!important;align-items:flex-start}
	.login100-form{max-width:390px;padding:30px!important;margin-top:-45px;position:relative;z-index:2}
}
@media(max-width:575px){
	.login100-more{height:180px;min-height:180px}
	.wrap-login100{min-height:calc(100vh - 180px)!important;padding:20px 14px!important}
	.login100-form{max-width:100%;padding:25px 20px!important;border-radius:15px;margin-top:-35px}
	.login-title{font-size:22px}
	.login-subtitle{font-size:12px;margin-bottom:22px}
}

/* ===== LOGIN 1C ===== */
.login100-more{overflow:hidden;background-position:center!important}
.login100-more:after{background:rgba(11,53,82,.48)}
.login-brand{position:absolute;inset:0;z-index:2;padding:42px 45px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.login-brand-label{display:inline-flex;width:max-content;padding:10px 16px;background:rgba(23,100,154,.88);border-radius:3px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px}
.login-brand-content{max-width:590px;margin-bottom:38px;text-shadow:0 2px 8px rgba(0,0,0,.22)}
.login-brand-content h1{margin:0 0 5px;color:#fff;font-size:46px;font-weight:700;line-height:1.15}
.login-brand-content p{margin:0 0 27px;color:rgba(255,255,255,.88);font-size:20px}
.login-brand-content>span{display:block;max-width:560px;color:rgba(255,255,255,.9);font-size:15px;line-height:1.8}
.login-brand-content ul{margin:24px 0 0;padding:0;list-style:none}
.login-brand-content li{margin:12px 0;color:rgba(255,255,255,.95);font-size:15px;font-weight:500}
.login-brand-content li i{margin-right:10px;color:#4dd7ff;font-size:15px}
.wrap-login100{background:#f5f7f9!important}
.login100-form{max-width:360px;padding:36px 34px!important;border-radius:18px;box-shadow:0 15px 40px rgba(15,23,42,.12)}
.login-title{font-size:24px}
.login-subtitle{max-width:250px;margin-left:auto;margin-right:auto}
.login100-form .alert{font-size:11px}
.login-home-link{font-size:12px}
.login-footer{font-size:10px}

/* ===== DESKTOP ===== */
@media(min-width:1200px){
	.login100-more{width:77%}
	.wrap-login100{width:23%;padding:30px!important}
}

/* ===== LAPTOP ===== */
@media(min-width:992px) and (max-width:1199px){
	.login100-more{width:72%}
	.wrap-login100{width:28%;padding:25px!important}
	.login-brand{padding:35px}
	.login-brand-content h1{font-size:40px}
	.login-brand-content p{font-size:18px}
}

/* ===== TABLET ===== */
@media(max-width:991px){
	.login100-more{height:310px;min-height:310px}
	.login-brand{padding:28px 30px}
	.login-brand-content{margin-bottom:15px}
	.login-brand-content h1{font-size:34px}
	.login-brand-content p{font-size:16px;margin-bottom:12px}
	.login-brand-content>span{font-size:13px;line-height:1.6}
	.login-brand-content ul{display:none}
	.login-brand-label{font-size:10px;padding:8px 12px}
	.wrap-login100{min-height:calc(100vh - 310px)!important}
}

/* ===== MOBILE ===== */
@media(max-width:575px){
	.login100-more{height:210px;min-height:210px;background-position:center!important}
	.login-brand{padding:20px}
	.login-brand-content{margin:0 0 8px}
	.login-brand-content h1{font-size:28px}
	.login-brand-content p{font-size:14px;margin-bottom:7px}
	.login-brand-content>span{font-size:11px;line-height:1.5;max-width:340px}
	.login-brand-label{font-size:9px;padding:7px 10px}
	.wrap-login100{min-height:calc(100vh - 210px)!important;padding:20px 12px!important}
	.login100-form{padding:25px 20px!important;margin-top:-30px}
}