/* Kiểu chung cho trang chủ, trang cấp độ, tài khoản, quản lý */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--b-bg);color:var(--b-ink);font-family:var(--b-font);line-height:1.5}
.zh{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
.wrap{max-width:1040px;margin:0 auto;padding:32px 16px 64px}
.wrap.hep{max-width:720px}
a{color:var(--b-red)}
h1,h2,h3{margin:0;line-height:1.2}
.eyebrow{font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--b-red)}
.muted{color:var(--b-muted)}
.card{background:var(--b-paper);border:1.5px solid var(--b-line);border-radius:20px;padding:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:900 15px var(--b-font);border-radius:12px;padding:11px 18px;border:1.5px solid var(--b-line);background:var(--b-paper);color:var(--b-ink);cursor:pointer;text-decoration:none}
.btn:hover{border-color:var(--b-red)}
.btn.chinh{background:var(--b-red);border-color:var(--b-red);color:#fff}
.btn.chinh:hover{background:var(--b-red-d);border-color:var(--b-red-d)}
.btn.nho{padding:6px 12px;font-size:13px;border-radius:10px}
.btn:disabled{opacity:.5;cursor:default}
.btn:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--b-pink);outline-offset:2px}
label.f{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:14px}
input.f,select.f{font:700 16px var(--b-font);color:var(--b-ink);background:var(--b-bg);border:1.5px solid var(--b-line);border-radius:12px;padding:11px 14px;width:100%}
input.f:focus,select.f:focus{border-color:var(--b-red);outline:none}
.loi{color:var(--b-red);font-weight:800;min-height:1.5em;margin:0}
.ok-txt{color:var(--b-ok);font-weight:800}
table.bang{width:100%;border-collapse:collapse;font-size:14px}
table.bang th{text-align:left;font-weight:900;color:var(--b-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1.5px solid var(--b-line)}
table.bang td{padding:10px;border-bottom:1px solid var(--b-line);vertical-align:top}
.cuon{overflow-x:auto;-webkit-overflow-scrolling:touch}
.diem{font-weight:900;font-variant-numeric:tabular-nums}
.dat{color:var(--b-ok)}.chuadat{color:var(--b-red)}
.tag{display:inline-block;font-size:12px;font-weight:900;padding:3px 10px;border-radius:999px;background:var(--b-pink-l);color:var(--b-red)}
.tag.xanh{background:var(--b-ok-l);color:var(--b-ok)}
footer.chan{text-align:center;color:var(--b-muted);font-size:13px;font-weight:700;padding:24px 16px 40px}