:root{--mct-bg:#FFF6DD;--mct-surface:#E9D8BB;--mct-raised:#FFFBEF;--mct-text:#321E10;--mct-text-muted:#5A4130;--mct-border:#D9C39C;
--mct-border-strong:#8C6B47;--mct-wood:#321E10;--mct-on-wood:#FFF6DD;--mct-accent:#FEAF52;--mct-accent-hover:#F59B33;--mct-on-accent:#321E10;
--mct-accent-text:#8E4A07;--mct-success:#1E5C4E;--mct-warning:#7A4A00;--mct-danger:#A8222F;--mct-info:#1D5F8C;
--mct-font-display:'Charm','Signika',Georgia,serif;--mct-font-body:'Signika','Segoe UI',Roboto,system-ui,sans-serif;
--mct-space-1:4px;--mct-space-2:8px;--mct-space-3:12px;--mct-space-4:16px;--mct-space-5:24px;--mct-space-6:32px;--mct-radius:10px;
--mct-shadow-sm:0 1px 2px rgba(50,30,16,.18)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--mct-bg);color:var(--mct-text);font:16px/1.6 var(--mct-font-body)}
a{color:var(--mct-accent-text)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mct-info);outline-offset:2px}
.top{background:var(--mct-wood);color:var(--mct-on-wood)}
.top .in{max-width:960px;margin:0 auto;padding:var(--mct-space-3) var(--mct-space-4);display:flex;flex-wrap:wrap;gap:var(--mct-space-3);align-items:center;justify-content:space-between}
.logo{font:700 24px/1.2 var(--mct-font-display);color:var(--mct-accent);text-decoration:none}
.nav{display:flex;flex-wrap:wrap;gap:var(--mct-space-2);align-items:center}.nav a,.nav button{color:var(--mct-on-wood);text-decoration:none;font:inherit;background:none;border:0;padding:var(--mct-space-2);cursor:pointer;min-height:44px}
.nav a[aria-current]{color:var(--mct-accent);font-weight:600}.nav form{margin:0}
main{max-width:640px;margin:0 auto;padding:var(--mct-space-5) var(--mct-space-4) var(--mct-space-6)}
main.rong{max-width:960px}
h1{font:700 30px/1.25 var(--mct-font-display);margin:0 0 var(--mct-space-4);color:var(--mct-text)}h2{font-size:20px;margin:var(--mct-space-5) 0 var(--mct-space-3)}
.the{background:var(--mct-raised);border:1px solid var(--mct-border);border-radius:var(--mct-radius);padding:var(--mct-space-5);box-shadow:var(--mct-shadow-sm);margin-bottom:var(--mct-space-4)}
label{display:block;font-weight:600;margin:var(--mct-space-3) 0 var(--mct-space-1)}
.goiy{display:block;font-weight:400;color:var(--mct-text-muted);font-size:14px;margin-top:2px}
input[type=text],input[type=password],input[type=number],input:not([type]),select{width:100%;min-height:44px;padding:var(--mct-space-2) var(--mct-space-3);font:inherit;color:var(--mct-text);
background:#fff;border:1px solid var(--mct-border-strong);border-radius:8px}
.hang{display:flex;gap:var(--mct-space-2);align-items:center;margin-top:var(--mct-space-3)}.hang input{width:22px;height:22px}
.nut{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--mct-space-2) var(--mct-space-5);margin-top:var(--mct-space-4);
font:600 17px var(--mct-font-body);color:var(--mct-on-accent);background:var(--mct-accent);border:1px solid var(--mct-accent-hover);border-radius:999px;cursor:pointer;text-decoration:none}
.nut:hover{background:var(--mct-accent-hover)}.nut.phu{background:transparent;border-color:var(--mct-border-strong);color:var(--mct-text)}
.bao{padding:var(--mct-space-3) var(--mct-space-4);border-radius:8px;margin-bottom:var(--mct-space-4);border:1px solid}
.bao.loi{color:var(--mct-danger);border-color:var(--mct-danger);background:#fff3f3}.bao.ok{color:var(--mct-success);border-color:var(--mct-success);background:#f0faf6}
.bao.tin{color:var(--mct-info);border-color:var(--mct-info);background:#f2f8fd}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:var(--mct-space-2);border-bottom:1px solid var(--mct-border);vertical-align:top}
th{color:var(--mct-text-muted);font-weight:600}.cuon{overflow-x:auto}
.chon{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--mct-space-2);margin-top:var(--mct-space-2)}
.chon label{margin:0;font-weight:400;border:1px solid var(--mct-border-strong);border-radius:8px;padding:var(--mct-space-3);display:flex;gap:var(--mct-space-2);align-items:center;background:#fff;cursor:pointer;min-height:48px}
.chon input{width:20px;height:20px;flex:none}
dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--mct-space-1) var(--mct-space-4);margin:0}dt{color:var(--mct-text-muted)}dd{margin:0;font-weight:600;word-break:break-word}
.qr{display:block;max-width:260px;width:100%;margin:var(--mct-space-3) auto;border:8px solid #fff;border-radius:8px}
.nho{font-size:14px;color:var(--mct-text-muted)}footer{text-align:center;color:var(--mct-text-muted);font-size:14px;padding:var(--mct-space-5) var(--mct-space-4)}
h2.dau{margin-top:0}label.thuong{margin:0;font-weight:400}fieldset.nhom{border:0;padding:0;margin:var(--mct-space-4) 0 0}fieldset.nhom legend{font-weight:600;padding:0}
@media (max-width:420px){main{padding:var(--mct-space-4) var(--mct-space-3)}.the{padding:var(--mct-space-4)}h1{font-size:26px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}