:root{--primary:#1976d2;--primary-dark:#0f4e96;--text:#173f70;--muted:#6b8198;--border:#d7e4f1}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif;color:var(--text)}
body.login-page{min-height:100vh;background:#f2f7fc}
.admin-mark{display:inline-flex;padding:6px 12px;border-radius:999px;background:#e6f2ff;color:#14598f;font-weight:800;margin-bottom:8px}
.login-page{background:#f2f7fc}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-visual{position:relative;background:linear-gradient(145deg,#0b65ba,#0e82df);display:flex;align-items:center;padding:64px;color:#fff;overflow:hidden}.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.login-visual:before{width:420px;height:420px;right:-140px;top:-80px}.login-visual:after{width:320px;height:320px;left:-100px;bottom:-100px}.visual-content{position:relative;z-index:1;max-width:620px}.visual-badge{display:inline-block;padding:8px 12px;border-radius:20px;background:rgba(255,255,255,.12);font-size:14px;font-weight:800;letter-spacing:.08em}.visual-content h1{font-size:45px;line-height:1.16;margin:18px 0}.visual-content>p{font-size:16px;line-height:1.7;color:#dceefd;max-width:560px}.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.visual-stats div{padding:16px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;gap:4px}.visual-stats strong{font-size:20px}.visual-stats span{font-size:14px;color:#ddecfb}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:min(430px,100%)}.login-logo{margin-bottom:18px}.login-heading h2{font-size:28px;margin:0 0 6px}.login-heading p{margin:0 0 24px;color:#7b95ac}.login-alert{padding:11px 13px;border-radius:10px;background:#fff0f1;color:#c23b47;font-size:14px;margin-bottom:14px}.login-form{display:grid;gap:16px}.login-form label>span{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.input-box{height:48px;border:1px solid #d5e4f1;border-radius:11px;background:#fff;display:flex;align-items:center;padding:0 12px;gap:9px}.input-box:focus-within{border-color:#72b2e9;box-shadow:0 0 0 3px rgba(20,118,212,.08)}.input-box i{font-style:normal}.input-box input{border:0;outline:0;flex:1;min-width:0;color:#234f78}.input-box button{border:0;background:none;color:var(--primary);font-size:14px;font-weight:700}.login-options{display:flex;justify-content:space-between;align-items:center}.login-options a{font-size:14px;color:var(--primary)}.remember{display:flex;align-items:center;gap:6px;font-size:14px;color:#6d87a0}.remember span{margin:0!important;font-weight:400!important}.login-button{height:48px;border:0;border-radius:11px;background:var(--primary);color:#fff;font-weight:800;box-shadow:0 7px 16px rgba(20,118,212,.18)}.login-note{margin-top:18px;padding:12px;border-radius:10px;background:#f4f9fe;color:#68849e;font-size:14px;line-height:1.5}@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}}

/* =========================================================
   LOGIN FRAME FIX V3
   Chỉ một khung cho mỗi ô nhập.
   ========================================================= */
.login-form .input-box{
    height:48px!important;
    padding:0 12px!important;
    border:1px solid #cbddeb!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
}

.login-form .input-box:focus-within{
    border-color:#4f9ee1!important;
    box-shadow:0 0 0 3px rgba(25,118,210,.08)!important;
}

.login-form .input-box input{
    flex:1!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.login-form .input-box input:focus,
.login-form .input-box input:focus-visible{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}

.login-form .input-box button{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
}

.login-logo,
.login-logo img{
    box-shadow:none!important;
    filter:none!important;
}

.login-button{
    box-shadow:none!important;
}

/* V13: thông báo quy tắc hoàn thiện hồ sơ sau đăng nhập */
.login-profile-rule{margin-top:9px;color:#718aa1;font-size:14px;line-height:1.5;text-align:center}

/* V16: cảnh báo phiên/tài khoản bị khóa cần nổi bật rõ hơn */
.login-note-danger{
    background:#fff0f1!important;
    color:#c23b47!important;
    border:1px solid #efb8bd!important;
    box-shadow:0 3px 10px rgba(194,59,71,.06);
}
.login-note-danger strong{
    color:#b52f3b!important;
}