:root{
  --la:#2f5d46; --la-dam:#1f4533; --la-nhat:#e7efe8; --la-mo:#f3f7f2;
  --kem:#faf6ec; --kem-dam:#f1e9d6;
  --vang:#c9973a; --vang-nhat:#f6ecd4; --nau:#9a7b5a;
  --chu:#1d2b23; --chu-nhat:#66756b; --vien:#e5e2d6; --the:#ffffff;
  --do:#a8382c; --do-nhat:#f8e6e2;
  --bong:0 1px 2px rgba(31,69,51,.05),0 6px 20px rgba(31,69,51,.06);
  --serif:"Noto Serif",Georgia,serif;
  --sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
html{scroll-behavior:smooth}
body{background:var(--kem);color:var(--chu);font-family:var(--sans);font-size:14.5px;line-height:1.5}
a{color:inherit}
button,input,select{font:inherit;color:inherit}

/* ---------- Khung ---------- */
.khung{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.ben{background:linear-gradient(180deg,#fffdf7 0%,var(--kem-dam) 100%);border-right:1px solid var(--vien);
  position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}
.ben .logo{display:block;padding:22px 24px 8px;text-align:center}
.ben .logo img{width:120px;height:auto}
.ben nav{padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ben nav a{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:10px;text-decoration:none;color:var(--chu);font-weight:500;font-size:13.5px}
.ben nav a:hover{background:var(--la-nhat)}
.ben nav a.dang{background:var(--la);color:#fff}
.ben nav svg{width:18px;height:18px;flex:none}
.ben nav hr{border:0;border-top:1px solid var(--vien);margin:6px 8px}
.ben .trich{margin:14px 24px 0;font-family:var(--serif);font-style:italic;font-size:14.5px;color:var(--la-dam);line-height:1.55;text-align:center}
.ben .trich small{display:block;margin-top:8px;font-family:var(--sans);font-style:normal;font-size:12.5px;color:var(--chu-nhat)}
.ben .tranh{margin-top:auto;width:100%;display:block;flex:none}

main{padding:26px 30px 60px;max-width:1320px;width:100%;min-width:0}

/* ---------- Đầu trang ---------- */
.dau .nhan{font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--vang);text-transform:uppercase}
.dau h1{font-family:var(--serif);font-weight:700;font-size:27px;line-height:1.3;margin:6px 0 10px;color:var(--la-dam);max-width:760px;text-wrap:balance}
.chuoi{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--chu-nhat)}
.chuoi span{background:var(--the);border:1px solid var(--vien);border-radius:99px;padding:3px 11px;color:var(--la-dam);font-weight:500}
.cong-cu{position:sticky;top:0;z-index:5;background:rgba(250,246,236,.94);backdrop-filter:blur(6px);
  margin:16px -30px 18px;padding:10px 30px;border-bottom:1px solid var(--vien);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cong-cu .nhom{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cong-cu .gian{flex:1}
.cong-cu input,.cong-cu select{border:1px solid var(--vien);border-radius:10px;padding:8px 10px;background:var(--the);font-weight:500;min-width:0}
.cong-cu input[type=month]{width:170px}
.cong-cu #phamVi{width:170px}
.nut{border:1px solid var(--vien);background:var(--the);border-radius:10px;padding:8px 13px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.nut:hover{border-color:var(--la);color:var(--la)}
.nut.chinh{background:var(--la);border-color:var(--la);color:#fff}
.nut.chinh:hover{background:var(--la-dam);color:#fff}
.nut svg{width:16px;height:16px;flex:none}

/* ---------- Thẻ ---------- */
.luoi{display:grid;gap:16px;margin-bottom:16px}
.l-3{grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1.05fr)}
.l-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.the{background:var(--the);border:1px solid var(--vien);border-radius:16px;padding:20px 22px;box-shadow:var(--bong);min-width:0;scroll-margin-top:76px}
.the.don{margin-bottom:16px}
.the-dau{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
.so{flex:none;width:34px;height:34px;border-radius:9px;background:var(--la);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}
.the-dau h2{margin:0;font-family:var(--serif);font-size:16.5px;letter-spacing:.02em;color:var(--la-dam);text-transform:uppercase}
.the-dau p{margin:2px 0 0;color:var(--chu-nhat);font-size:12.5px}
.the-dau .phai{margin-left:auto}
.goi-y{font-size:12px;color:var(--chu-nhat);margin:8px 2px 0}
h3.phu{font-size:13px;margin:18px 0 8px;color:var(--la-dam);text-transform:uppercase;letter-spacing:.05em}

/* ---------- Ô nhập ---------- */
.nhap{display:flex;align-items:center;background:var(--the);border:1px solid var(--vien);border-radius:9px;overflow:hidden;flex:none}
.nhap:focus-within{border-color:var(--la);box-shadow:0 0 0 3px rgba(47,93,70,.12)}
.nhap input{border:0;outline:0;background:transparent;padding:8px 10px;text-align:right;width:150px;font-weight:600;font-variant-numeric:tabular-nums;min-width:0}
.nhap input:disabled{color:var(--la);background:var(--la-mo)}
.nhap input::placeholder{color:#c3c0b3;font-weight:400}
.nhap.nho input{width:64px}
.nhap .dv{padding:0 9px 0 2px;color:var(--chu-nhat);font-size:12px}
.o{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--la-mo);border-radius:11px;padding:10px 12px;margin-bottom:9px}
.o label{font-weight:500;font-size:13.5px}
.o label small{display:block;font-weight:400;color:var(--chu-nhat);font-size:11.5px;margin-top:1px}

/* 7 con số đầu trang */
.bay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bay .muc{background:var(--la-mo);border-radius:13px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.bay .muc>label,.bay .muc>.ten{font-weight:600;font-size:13.5px;display:flex;gap:8px;align-items:center}
.bay .muc .stt{width:22px;height:22px;border-radius:50%;background:var(--vang);color:#fff;font-size:12px;display:grid;place-items:center;flex:none}
.bay .muc small{color:var(--chu-nhat);font-size:11.5px;font-weight:400}
.bay .muc .nhap input{width:100%;font-size:17px}
.bay .muc .nhap{width:100%}
.bay .lon{grid-column:span 1;background:linear-gradient(135deg,var(--vang-nhat),#fbf5e6);border:1px solid #eadcb9}
.bay .lon .nhap input{font-family:var(--serif);font-size:24px;color:var(--la-dam)}
.bay .rong{grid-column:span 2}
.ty-le{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ty-le label{font-size:11px;color:var(--chu-nhat);display:flex;flex-direction:column;gap:3px}
.ty-le .nhap input{width:100%;font-size:14px;padding:6px 6px}
.tinh-hang{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap}
.nut-tinh{background:var(--la);color:#fff;border:0;border-radius:12px;padding:14px 30px;font-size:16px;font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:0 6px 18px rgba(31,69,51,.25)}
.nut-tinh:hover{background:var(--la-dam)}
.tinh-hang p{margin:0;color:var(--chu-nhat);font-size:12.5px;max-width:520px}

/* ---------- Chỉ số ---------- */
.chi-so{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cs{background:var(--la-mo);border-radius:13px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;min-width:0}
.cs.vang{background:var(--vang-nhat)}
.cs.do{background:var(--do-nhat)}
.cs .bt{flex:none;width:38px;height:38px;border-radius:10px;background:var(--the);display:grid;place-items:center;color:var(--la)}
.cs.vang .bt{color:var(--vang)}
.cs .bt svg{width:22px;height:22px}
.cs .t{font-size:12.5px;color:var(--chu-nhat);font-weight:500}
.cs .g{font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.25;color:var(--la-dam);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cs.vang .g{color:#8a5a12}
.cs.do .g{color:var(--do)}
.cs .p{font-size:11.5px;color:var(--chu-nhat)}
.giai-thich{margin-top:14px;display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.thanh-hv{background:var(--la-mo);border-radius:13px;padding:14px 16px}
.thanh-hv .ray{position:relative;height:12px;border-radius:99px;background:linear-gradient(90deg,#e8c9c2 0 var(--hv,50%),#cfe2d3 var(--hv,50%) 100%);margin:10px 0 6px}
.thanh-hv .moc{position:absolute;top:-5px;width:3px;height:22px;background:var(--la-dam);border-radius:2px}
.thanh-hv .chu{display:flex;justify-content:space-between;font-size:11.5px;color:var(--chu-nhat)}
.thanh-hv p{margin:0;font-size:13px}
.nam{background:var(--la);color:#fff;border-radius:13px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.nam .t{font-size:12px;opacity:.85}
.nam b{font-family:var(--serif);font-size:20px}
.nam .p{font-size:12px;opacity:.85}
.bao-loi{background:var(--do-nhat);border:1px solid #efc6be;color:var(--do);border-radius:12px;padding:12px 14px;font-weight:500;margin-bottom:12px}
.bao-loi[hidden]{display:none}

/* ---------- Phễu, nguồn lead, phân bổ ---------- */
.pheu{display:flex;flex-direction:column;gap:6px}
.tang{display:grid;grid-template-columns:1fr 140px;align-items:center;gap:12px}
.tang .khoi{height:36px;margin:0 auto;border-radius:6px;transition:width .35s}
.tang .nhan-t{font-size:13px}
.tang .nhan-t b{display:block;font-family:var(--serif);font-size:16px;color:var(--la-dam)}
.tang .nhan-t span{color:var(--chu-nhat);font-size:11.5px}

.hai-nguon{display:flex;height:34px;border-radius:9px;overflow:hidden;margin:4px 0 10px;font-size:12.5px;font-weight:600;color:#fff}
.hai-nguon div{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;transition:width .35s;min-width:0}
.dong-so{display:flex;justify-content:space-between;align-items:baseline;padding:7px 2px;border-bottom:1px dashed var(--vien);font-size:13.5px}
.dong-so b{font-family:var(--serif);font-size:17px;color:var(--la-dam);font-variant-numeric:tabular-nums}
.dong-so.nhan b{color:#8a5a12}
.ngan-sach{margin-top:12px;background:var(--la-mo);border-radius:13px;padding:14px 16px;display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap}
.ngan-sach .bt{color:var(--la);flex:none}
.ngan-sach .bt svg{width:32px;height:32px}
.ngan-sach .t{font-weight:600}
.ngan-sach .p{font-size:12px;color:var(--chu-nhat)}
.ngan-sach b{margin-left:auto;font-family:var(--serif);font-size:22px;color:var(--la-dam);white-space:nowrap}
.hop-chon{display:flex;gap:9px;align-items:flex-start;margin-top:10px;font-size:12.5px;color:var(--chu-nhat);cursor:pointer}
.hop-chon input{margin-top:3px;accent-color:var(--la)}
.sau-qc{margin-top:8px;font-size:12.5px;padding:9px 12px;border-radius:10px;background:var(--vang-nhat);color:#7a4f0e}
.sau-qc[hidden]{display:none}

.bien-dong svg{width:100%;max-width:200px;height:auto;display:block;margin:0 auto 10px}
.kenh{display:flex;flex-direction:column;gap:6px}
.kenh .dong{display:grid;grid-template-columns:12px 1fr auto;gap:4px 9px;align-items:center;font-size:13px}
.kenh .cham{width:11px;height:11px;border-radius:50%}
.kenh .dong .tien{grid-column:2 / 4;font-size:12px;color:var(--chu-nhat);margin-top:-5px;font-variant-numeric:tabular-nums}
.kenh .nhap input{width:44px;padding:5px 6px}
.tong-kenh{font-size:12px;margin-top:6px;color:var(--chu-nhat)}
.tong-kenh.loi{color:var(--do);font-weight:600}

/* ---------- Bảng ---------- */
.bang-bao{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;font-weight:600;color:var(--chu-nhat);font-size:12px;padding:8px 10px;background:var(--la-mo);white-space:nowrap}
th.so-cot,td.so-cot{text-align:right}
th:first-child{border-radius:9px 0 0 9px}
th:last-child{border-radius:0 9px 9px 0}
td{padding:8px 10px;border-bottom:1px solid #efece2;font-variant-numeric:tabular-nums;vertical-align:middle}
td.dam{font-weight:600;white-space:nowrap}
tfoot td{font-weight:700;border-bottom:0;background:#fbfaf5}
td .nhap input{width:110px;padding:5px 8px;font-weight:500}
td .nhap.nho input{width:60px}
tr.phu td:first-child{padding-left:28px;color:var(--chu-nhat)}
tr.nhom td{background:#fbfaf5;font-size:11.5px;font-weight:700;color:var(--nau);text-transform:uppercase;letter-spacing:.06em;padding:6px 10px}
.viec{display:flex;align-items:center;gap:9px;font-weight:500;white-space:nowrap}
.viec svg{width:17px;height:17px;color:var(--la);flex:none}
.tien-do{height:6px;border-radius:99px;background:#eee9da;overflow:hidden;min-width:70px;margin-top:4px}
.tien-do i{display:block;height:100%;background:var(--vang);border-radius:99px}
.tien-do i.du{background:var(--la)}
.tien-do i.thieu{background:#c96a5c}
.nhan-pt{font-weight:600;font-size:12.5px}
.nhan-pt.du{color:var(--la)}
.nhan-pt.thieu{color:var(--do)}
.thanh-tien-do{display:flex;align-items:center;gap:10px;font-size:13px;background:var(--la-mo);border-radius:10px;padding:9px 12px;margin-bottom:12px;flex-wrap:wrap}
.thanh-tien-do .tien-do{flex:1;min-width:120px;margin:0;height:8px}

/* ---------- Cảnh báo & chẩn đoán ---------- */
.ds-canh-bao{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.ds-canh-bao li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;font-size:13.5px;background:#f6f4ee}
.ds-canh-bao li::before{content:"";width:11px;height:11px;border-radius:50%;flex:none;margin-top:5px;background:#b9b3a0}
.ds-canh-bao li.do{background:var(--do-nhat)}
.ds-canh-bao li.do::before{background:#c0392b}
.ds-canh-bao li.vang{background:var(--vang-nhat)}
.ds-canh-bao li.vang::before{background:#e0a526}
.ds-canh-bao li.xanh{background:var(--la-nhat)}
.ds-canh-bao li.xanh::before{background:#3f9a5f}
.chan-doan{background:var(--la-dam);color:#fff;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.chan-doan .t{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f0c979;font-weight:600}
.chan-doan .cau{font-family:var(--serif);font-size:18px;line-height:1.45}
.chan-doan .goi{font-size:13px;opacity:.9;border-top:1px solid rgba(255,255,255,.18);padding-top:8px}
.chan-doan .chang{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.chan-doan .chang div{display:grid;grid-template-columns:1fr 60px;gap:8px;font-size:12.5px;align-items:center}
.chan-doan .chang .ray{grid-column:1 / 3;height:5px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden}
.chan-doan .chang .ray i{display:block;height:100%;background:#9fd0ae}
.chan-doan .chang .ray i.thap{background:#f0a090}

/* ---------- Biểu đồ ---------- */
.chu-giai{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--chu-nhat);margin-bottom:6px}
.chu-giai span{display:inline-flex;align-items:center;gap:6px}
.chu-giai i{width:12px;height:12px;border-radius:3px;display:inline-block}
.chu-giai i.duong{height:3px;border-radius:2px}
#bieuDo{width:100%;height:auto;display:block}
#bieuDo text{font-family:var(--sans)}
.mua-vu{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-top:8px}
.mua-vu label{font-size:11px;color:var(--chu-nhat);text-align:center;display:flex;flex-direction:column;gap:2px}
.mua-vu input{width:100%;border:1px solid var(--vien);border-radius:6px;padding:4px 2px;text-align:center;font-size:12px}
.tip{position:fixed;pointer-events:none;background:var(--la-dam);color:#fff;font-size:12px;padding:7px 10px;border-radius:8px;opacity:0;transition:opacity .12s;z-index:20;line-height:1.5;font-variant-numeric:tabular-nums}

/* ---------- Giả định ---------- */
.ct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
.ct .o{margin:0;padding:7px 9px;background:#fbfaf5}
.ct .nhap input{width:110px;padding:6px 8px;font-weight:500}
.ct .o label{font-size:12.5px}

/* ---------- Kịch bản ---------- */
.kich-ban{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:16px;align-items:start}
.kich-ban .hoi{background:var(--vang-nhat);border-radius:13px;padding:16px;font-family:var(--serif);font-size:15px;color:var(--la-dam);line-height:1.5}
.kich-ban .hoi .nhap{margin:10px 0 0;width:100%}
.kich-ban .hoi .nhap input{width:100%;font-size:20px;font-family:var(--serif)}
.kb-so{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kb-so .cs{flex-direction:column;gap:2px;padding:12px 14px}
.kb-loi{margin-top:10px;font-size:13.5px;background:var(--la-mo);border-radius:11px;padding:11px 14px}

/* ---------- Lộ trình ---------- */
.lo-trinh{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;counter-reset:b}
.buoc{position:relative;background:var(--la-mo);border-radius:13px;padding:14px 12px 12px;text-align:center}
.buoc:not(:last-child)::after{content:"";position:absolute;right:-8px;top:50%;width:8px;height:2px;background:var(--vang)}
.buoc .stt{font-family:var(--serif);font-weight:700;color:var(--vang);font-size:18px}
.buoc .ten{font-weight:600;font-size:12.5px;line-height:1.35;margin:2px 0 6px;min-height:34px}
.buoc .gt{font-family:var(--serif);font-weight:700;color:var(--la-dam);font-size:14px;overflow-wrap:anywhere}
.buoc.dat{background:var(--la);color:#fff}
.buoc.dat .gt{color:#fff}

/* ---------- Dashboard cuối ---------- */
.bang-cuoi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.14);border-radius:14px;overflow:hidden}
.bang-cuoi div{background:var(--la-dam);padding:18px 18px 16px;color:#fff}
.bang-cuoi .t{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-weight:600}
.bang-cuoi b{display:block;font-family:var(--serif);font-size:24px;margin-top:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.the.toi{background:var(--la-dam);border-color:var(--la-dam)}
.the.toi h2{color:#fff}
.the.toi .the-dau p{color:rgba(255,255,255,.7)}
.the.toi .so{background:var(--vang)}

.loi-ket{text-align:center;padding:40px 20px 10px}
.loi-ket blockquote{margin:0 auto;max-width:640px;font-family:var(--serif);font-size:21px;line-height:1.55;color:var(--la-dam);text-wrap:balance}
.loi-ket .ky{margin-top:18px;font-weight:700;letter-spacing:.2em;color:var(--la)}
.loi-ket .ky small{display:block;letter-spacing:.14em;font-weight:500;color:var(--chu-nhat);font-size:12px;margin-top:2px}
.loi-ket .cau{font-family:var(--serif);font-style:italic;color:var(--vang);margin-top:8px}

.thong-bao{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--la-dam);color:#fff;padding:10px 18px;border-radius:99px;font-size:13.5px;opacity:0;transition:.25s;z-index:30;pointer-events:none;max-width:90vw;text-align:center}
.thong-bao.hien{opacity:1;transform:translateX(-50%)}
.chan{margin-top:26px;text-align:center;font-size:12px;color:var(--chu-nhat)}
.nhay{animation:nhay 1s ease}
@keyframes nhay{0%{box-shadow:0 0 0 0 rgba(201,151,58,.7)}100%{box-shadow:0 0 0 14px rgba(201,151,58,0)}}

/* ---------- Đáp ứng ---------- */
@media (max-width:1180px){
  .chi-so,.bang-cuoi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .l-3>.the:last-child{grid-column:1 / 3}
  .lo-trinh{grid-template-columns:repeat(4,minmax(0,1fr))}
  .buoc:nth-child(4)::after{display:none}
  .bay{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kb-so{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .khung{grid-template-columns:1fr}
  .ben{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto;border-right:0;border-bottom:1px solid var(--vien)}
  .ben .logo{padding:8px 12px;flex:none}
  .ben .logo img{width:52px}
  .ben nav{flex-direction:row;padding:8px}
  .ben nav hr{display:none}
  .ben nav a{padding:8px 11px;white-space:nowrap;font-size:13px}
  .ben .trich,.ben .tranh{display:none}
  main{padding:18px 16px 50px}
  .cong-cu{margin:14px -16px 16px;padding:8px 16px;position:static}
  .l-3,.l-2,.giai-thich,.kich-ban{grid-template-columns:minmax(0,1fr)}
  .l-3>.the:last-child{grid-column:auto}
  .dau h1{font-size:22px}
  .ct{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:560px){
  .chi-so,.bang-cuoi{grid-template-columns:minmax(0,1fr)}
  .bay{grid-template-columns:minmax(0,1fr)}
  .bay .rong{grid-column:auto}
  .ty-le{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ct{grid-template-columns:minmax(0,1fr)}
  .lo-trinh{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .buoc::after{display:none}
  .mua-vu{grid-template-columns:repeat(6,minmax(0,1fr))}
  .the{padding:16px}
  .tang{grid-template-columns:1fr 118px}
  .cong-cu .gian{display:none}
  .cong-cu input[type=month],.cong-cu #phamVi{width:100%}
  .cong-cu .nhom{width:100%}
  .cong-cu .nhom>*{flex:1 1 auto}
  .loi-ket blockquote{font-size:18px}
}
@media print{
  body{background:#fff}
  .khung{grid-template-columns:1fr}
  .ben,.cong-cu,.tinh-hang,.hop-chon,#giaDinh{display:none!important}
  .the{box-shadow:none;break-inside:avoid}
  main{padding:0}
}