/* Ads Lộc Phát V5.7.2 — giao diện đăng nhập tối giản */
:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#1d3658;background:#b8d4ff}
*{box-sizing:border-box}
body{margin:0;min-height:100vh}
button,input{font:inherit}
.login-layout{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(20px,4.4vw,64px);background:radial-gradient(circle at 15% 12%,#e9f3ff 0,transparent 33%),radial-gradient(circle at 83% 92%,#95bdfc 0,transparent 37%),#b8d4ff}
.login-card{width:min(100%,490px);padding:clamp(26px,5vw,44px);border:1px solid #e8effc;border-radius:22px;background:#fff;box-shadow:0 22px 65px rgba(30,77,142,.18)}
h1{font-size:clamp(24px,4.1vw,31px);line-height:1.25;letter-spacing:-.7px;color:#124b92;font-weight:850;text-align:center;margin:0 0 32px;text-wrap:balance}
form{display:grid;gap:10px}
label{font-size:14px;font-weight:750;color:#294566;margin-top:4px}
input{min-height:48px;width:100%;padding:12px 15px;border:1.5px solid #d6e3f7;border-radius:11px;background:#f9fbff;color:#173b60;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
input::placeholder{color:#91a7c2}
input:focus{border-color:#3877ca;box-shadow:0 0 0 4px #dbeaff}
button{margin-top:15px;min-height:49px;padding:12px 18px;border:0;border-radius:11px;background:#1768c5;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 7px 15px #1e6ab52b;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
button:hover{background:#0c58af;box-shadow:0 9px 18px #1e6ab53b;transform:translateY(-1px)}
button:focus-visible{outline:3px solid #9bc8ff;outline-offset:3px}
button:disabled{opacity:.6;cursor:wait;transform:none}
.error{margin-top:8px;padding:12px;border:1px solid #f5bcc4;background:#fff1f3;color:#a52d40;border-radius:10px;line-height:1.5;font-size:13px}
.error[hidden]{display:none!important}
.admin-contact{padding-top:24px;margin-top:28px;border-top:1px solid #e7eef9;text-align:center}
.admin-contact>strong{display:block;color:#43688f;font-weight:800;font-size:14px;margin-bottom:13px}
.contacts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.contacts a{flex:1 1 160px;min-width:0;text-decoration:none;display:flex;flex-direction:column;gap:5px;align-items:center;border:1px solid #dceaff;background:#f3f8ff;border-radius:11px;padding:11px 10px;transition:background .2s ease,transform .2s ease}
.contacts a:hover{background:#e5f0ff;transform:translateY(-2px)}
.contacts span{font-size:12px;color:#597699;font-weight:700}
.contacts b{font-size:15px;font-weight:850;letter-spacing:.15px;color:#175da8}
@media(max-width:440px){.login-layout{padding:15px}.login-card{padding:25px 20px;border-radius:17px}h1{margin-bottom:23px}.contacts a{flex-basis:125px}.contacts b{font-size:13px}}
@media(prefers-reduced-motion:reduce){button,input,.contacts a{transition:none!important}}

/* V5.8.1: giu dung giao dien dang nhap trong anh, khong co nut vao Demo */
.login-layout{background:#b8d4ff}
.login-card{width:min(100%,550px);padding:clamp(28px,5vw,39px);border-radius:23px;box-shadow:0 12px 36px rgba(35,74,128,.12)}
h1{color:#0753a1;font-weight:500;font-size:clamp(25px,4.3vw,32px)}
.login-tip{color:#7692b3;font-size:12px;margin:0 0 0;line-height:1.5}
.admin-contact{margin-top:28px;padding-top:27px}
.contacts{flex-direction:column;gap:8px}
.contacts a{padding:0;min-width:unset;flex:none;display:block;border:none;background:none;font-size:14px}
.contacts a:hover{background:none;transform:none;text-decoration:underline}
.contacts a span,.contacts a b{display:inline;font-size:14px;font-weight:400}
.contacts a span{color:#123f79}.contacts a b{color:#1262b3}
.contacts a span::after{content:' · '}