body.sb-login-page{
    min-height:100vh!important;
    color:var(--sb-primary,#0b1f2e)!important;
    background:#f5f8fa!important;
    font-family:var(--sb-font,'Tajawal','Segoe UI',Tahoma,Arial,sans-serif)!important;
    -webkit-font-smoothing:antialiased;
}
.sb-login-brand-panel{
    position:fixed;
    z-index:50;
    inset:0 auto 0 0;
    display:flex;
    width:32.8vw;
    min-width:360px;
    box-sizing:border-box;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:3rem;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 0 100%,rgba(59,147,173,.5),transparent 24rem),
        linear-gradient(145deg,#0b1f2e,#123349 65%,#17435d);
    text-align:center;
    box-shadow:18px 0 50px -38px rgba(11,31,46,.7);
}
.sb-login-brand-panel::before,.sb-login-brand-panel::after{
    position:absolute;
    content:'';
    border-radius:50%;
    border:50px solid rgba(59,147,173,.2);
}
.sb-login-brand-panel::before{width:250px;height:250px;inset:auto auto -115px -115px;}
.sb-login-brand-panel::after{width:180px;height:180px;inset:-95px -95px auto auto;border-color:rgba(232,121,43,.16);}
.sb-login-brand-panel img{position:relative;z-index:1;display:block;width:min(100%,270px);height:auto;max-height:110px;object-fit:contain;filter:brightness(0) invert(1);}
.sb-login-panel-title{position:relative;z-index:1;margin:1.4rem 0 .5rem;font-family:'Cairo',var(--sb-font);font-size:2rem;font-weight:700;line-height:1.35;}
.sb-login-brand-panel p{position:relative;z-index:1;max-width:340px;margin:0;color:#dce9ee;font-size:1.04rem;font-weight:500;line-height:1.8;}
.sb-login-page .sb-login-content{font-family:var(--sb-font)!important;}
.sb-login-inline-brand{display:none;margin-bottom:1.2rem;}
.sb-login-inline-brand img{display:block;width:210px;height:auto;max-height:76px;object-fit:contain;}
.sb-login-page .sb-login-title{margin-bottom:.35rem!important;color:var(--sb-primary,#0b1f2e)!important;font-family:'Cairo',var(--sb-font)!important;font-size:clamp(2rem,3vw,2.65rem)!important;font-weight:700!important;line-height:1.3!important;}
.sb-login-subtitle{margin:0 0 1.4rem;color:#405864;font-size:1.02rem;font-weight:500;line-height:1.7;}
.sb-login-page #loginform,.sb-login-page .sb-login-form{max-width:520px;}
.sb-login-page #loginform label{color:var(--sb-primary,#0b1f2e)!important;font-size:1rem!important;font-weight:600!important;}
.sb-login-page #loginform input,.sb-login-page #loginform select,.sb-login-page #loginform .select2-selection{
    min-height:48px!important;
    color:#1c2b33!important;
    background:#fff!important;
    border:1.5px solid #b9cbd2!important;
    border-radius:10px!important;
    font-family:var(--sb-font)!important;
    font-size:1rem!important;
    box-shadow:none!important;
}
.sb-login-page #loginform input:focus,.sb-login-page #loginform select:focus{
    border-color:var(--sb-accent,#2f7a94)!important;
    box-shadow:0 0 0 4px rgba(47,122,148,.16)!important;
    outline:0!important;
}
.sb-login-page #loginform button[type="submit"],.sb-login-page #loginform input[type="submit"]{
    min-height:48px!important;
    padding:.65rem 1.4rem!important;
    color:#fff!important;
    background:var(--sb-action,#e8792b)!important;
    border-color:var(--sb-action,#e8792b)!important;
    border-radius:999px!important;
    font-family:var(--sb-font)!important;
    font-weight:700!important;
    box-shadow:0 9px 22px rgba(232,121,43,.24)!important;
}
.sb-login-page #loginform a{color:var(--sb-accent,#2f7a94)!important;font-weight:600!important;text-underline-offset:3px;}
@media(max-width:800px){
    .sb-login-brand-panel{display:none;}
    .sb-login-inline-brand{display:block;}
    .sb-login-page .sb-login-content{padding:1.25rem!important;}
    .sb-login-page .sb-login-title{font-size:1.85rem!important;}
}