:root{--navy:#1f3864;--navy2:#2c4f8a;--vang:#c9a227;--nen:#f7f8fb;--the:#ffffff;--chu:#1d2433;--mo:#5a6478;
--vien:#dde2ec;--do:#b42318;--do-nen:#fdecea;--xanh:#1e7a4c;--xanh-nen:#e8f5ee;--cam:#9a5b00;--cam-nen:#fff4e0}
*{box-sizing:border-box}
html,body{margin:0;background:var(--nen);color:var(--chu);font:16px/1.55 "Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--navy2)}
.dau{background:var(--navy);color:#fff}
.dau .trong{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.dau-tren{border-bottom:1px solid rgba(255,255,255,.15)}
.dau-tren .trong{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:14px 16px}
.dau .ten{font-weight:700;font-size:24px;line-height:1.35;letter-spacing:.5px;color:#fff;text-decoration:none;text-align:center}
.dau .ten small{display:block;font-weight:400;font-size:12px;letter-spacing:0;color:#c9d3e6}
.dau .don-vi{font-size:14px;font-weight:600;letter-spacing:.3px;color:var(--vang);line-height:1.4}
.dau .don-vi.phai{text-align:right}
.dau nav{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 auto}
.dau nav a{color:#fff;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.dau nav a:hover,.dau nav a.dang{border-bottom-color:var(--vang)}
.nhac{background:var(--cam-nen);color:var(--cam);border-bottom:1px solid #f0d9a8}
.nhac .trong{max-width:1080px;margin:0 auto;padding:8px 16px;font-size:14px}
main{max-width:1080px;margin:0 auto;padding:20px 16px 40px}
h1{font-size:26px;margin:4px 0 12px;color:var(--navy)}
h2{font-size:20px;margin:24px 0 10px;color:var(--navy)}
.the{background:var(--the);border:1px solid var(--vien);border-radius:10px;padding:16px;margin:12px 0}
.luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.o-nhom{display:block;background:var(--the);border:1px solid var(--vien);border-radius:10px;padding:14px;text-decoration:none;color:var(--chu)}
.o-nhom:hover{border-color:var(--navy2)}
.o-nhom b{display:block;color:var(--navy)}
.nho{color:var(--mo);font-size:14px}
span.nho{display:block}
.khung-bang{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--vien);border-radius:10px;background:var(--the)}
table{border-collapse:collapse;width:100%;min-width:560px}
th,td{padding:9px 12px;border-bottom:1px solid var(--vien);text-align:left;vertical-align:top}
th{background:#eef1f7;color:var(--navy);font-weight:600;white-space:nowrap}
td.so{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.loc{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.loc label,.form label{display:flex;flex-direction:column;font-size:14px;color:var(--mo);gap:4px}
input,select,textarea{font:inherit;padding:8px 10px;border:1px solid #c4ccdb;border-radius:8px;background:#fff;color:var(--chu);max-width:100%}
textarea{min-height:120px;width:100%}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.nut{display:inline-block;background:var(--navy);color:#fff;border:0;border-radius:8px;padding:9px 16px;font:inherit;cursor:pointer;text-decoration:none}
.nut.phu{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.the-tab{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}
.the-tab a{padding:6px 12px;border-radius:20px;border:1px solid var(--vien);text-decoration:none;color:var(--chu);background:#fff}
.the-tab a.dang{background:var(--navy);color:#fff;border-color:var(--navy)}
.nhan{display:inline-block;font-size:12px;padding:2px 8px;border-radius:12px;white-space:nowrap}
.nhan.cho{background:var(--cam-nen);color:var(--cam)}
.nhan.duyet{background:var(--xanh-nen);color:var(--xanh)}
.nhan.cg{background:var(--do-nen);color:var(--do)}
.loi{background:var(--do-nen);color:var(--do);padding:10px 12px;border-radius:8px}
.ok{background:var(--xanh-nen);color:var(--xanh);padding:10px 12px;border-radius:8px}
.canh-bao{background:var(--cam-nen);color:var(--cam);padding:10px 12px;border-radius:8px;margin:6px 0}
dl.chi-tiet{display:grid;grid-template-columns:180px 1fr;gap:8px 16px;margin:0}
dl.chi-tiet dt{color:var(--mo);font-weight:600}
dl.chi-tiet dd{margin:0;white-space:pre-line}
.chan{border-top:1px solid var(--vien);color:var(--mo);font-size:13px}
.chan .trong{max-width:1080px;margin:0 auto;padding:14px 16px}
@media (max-width:640px){.dau-tren .trong{grid-template-columns:1fr 1fr}.dau .ten{grid-column:1/-1;grid-row:1;font-size:20px}
.dau .don-vi{grid-row:2;font-size:12px}.dau nav{margin:0}dl.chi-tiet{grid-template-columns:1fr}dl.chi-tiet dt{margin-top:8px}h1{font-size:22px}}
@media print{.dau nav,.nut,.loc{display:none}}

[hidden]{display:none!important}