/* Giao diện chung HVT Class (cùng tông màu web gốc) */
:root{ --chinh:#2D6E6E; --chinh-dam:#1F4E4E; --nen:#FAF7F0; --vien:#E4DDCB; --chu:#1F2620; --do:#B23A3A; --vang:#B7791F; --xanh:#2F7D4F; }
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--nen); color:var(--chu); font-family:'Inter',system-ui,sans-serif; font-size:15px; line-height:1.45;
  padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);}
h1,h2{font-family:'Lora',serif; margin:0 0 8px;}
h1{font-size:22px} h2{font-size:18px; margin-top:24px}
.trang{max-width:960px; margin:0 auto; padding:20px 16px 40px;}
.the{background:#fff; border:1px solid var(--vien); border-radius:12px; padding:16px; margin-bottom:12px;}
.giua{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px;}
.giua .the{width:100%; max-width:400px; padding:28px 24px;}
.mo{font-size:13.5px; opacity:.7}
label{font-size:13px; font-weight:500; display:block; margin:0 0 6px;}
input,select,textarea{width:100%; padding:10px 12px; border:1px solid var(--vien); border-radius:8px; font-size:15px; font-family:inherit; background:#fff; color:inherit;}
input:focus,select:focus,textarea:focus{outline:none; border-color:var(--chinh);}
.o{margin-bottom:14px}
button,.nut{display:inline-block; padding:10px 16px; background:var(--chinh); color:#fff; border:none; border-radius:8px; font-weight:600; font-size:14.5px; cursor:pointer; text-decoration:none; text-align:center; font-family:inherit;}
button:hover,.nut:hover{background:var(--chinh-dam);}
button:disabled{opacity:.6; cursor:not-allowed;}
.rong{width:100%}
.phu{background:#fff; color:var(--chinh); border:1px solid var(--chinh);}
.phu:hover{background:#eef5f5;}
.nguy{background:#fff; color:var(--do); border:1px solid var(--do);}
.nguy:hover{background:#fbe9e7;}
.loi{background:#fbe9e7; color:#a3352a; padding:10px 12px; border-radius:8px; font-size:13.5px; margin-bottom:14px; display:none;}
.tot{background:#e8f3ec; color:#24613d; padding:10px 12px; border-radius:8px; font-size:13.5px; margin-bottom:14px; display:none;}
.nhan{display:inline-block; padding:2px 8px; border-radius:10px; font-size:12px; font-weight:600;}
.nhan.cho_duyet{background:#fdf3e1; color:var(--vang);} .nhan.hoat_dong{background:#e8f3ec; color:var(--xanh);} .nhan.khoa{background:#fbe9e7; color:var(--do);}
.dau{display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; margin-bottom:16px;}
.hang{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
.luoi{display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px 12px;}
.luoi .o{margin-bottom:0}