:root{--nen:#f4f6f9;--vien:#dfe3ea;--chu:#1d2433;--mo:#5c667a;--nhat:#8a93a5;--chinh:#1f6feb;--chinh-nhat:#e8f0fe;
--xanh:#1a7f37;--xanh-nhat:#e6f4ea;--vang:#9a6700;--vang-nhat:#fff4d6;--do:#cf222e;--do-nhat:#ffebe9;--toi:#1c2740}
*{box-sizing:border-box}
body{margin:0;background:#e9edf2;font:14px/1.45 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--chu)}
main.tl{max-width:1340px;margin:0 auto;padding:16px}
header.tl{background:var(--toi);color:#fff;border-radius:12px;padding:16px 20px;margin-bottom:14px}
header.tl h1{margin:0 0 6px;font-size:21px} header.tl p{margin:3px 0;color:#cfd6e4;font-size:13.5px}
nav.tl{background:#fff;border-radius:12px;padding:10px 16px;margin-bottom:14px;font-size:13.5px;line-height:1.9}
nav.tl b{color:var(--mo);font-weight:600;margin-right:6px} nav.tl a{color:#1f3a6f;text-decoration:none;margin-right:10px}
section.man{background:#fff;border-radius:12px;padding:14px 16px 16px;margin-bottom:16px}
section.man>h2{margin:0 0 4px;font-size:17px} .meta{color:var(--mo);font-size:13px;margin-bottom:10px}
.meta span{display:inline-block;margin-right:14px} .ma{font-family:ui-monospace,Menlo,monospace;background:#eef1f6;
padding:0 5px;border-radius:4px;font-size:12.5px}
.tt{margin:14px 0 6px;font-weight:650;font-size:14px;color:#26314a} .tt .ma{margin-right:6px}
/* màn / trạng thái được dẫn link (bình luận ở cổng trao đổi: mockup.html#BT03-4) ⇒ NỔI lên: nền vàng + viền, khung ngay sau viền cam */
section.man,.tt{scroll-margin-top:14px}
.tt:target,section.man:target>h2{background:var(--vang-nhat);box-shadow:0 0 0 6px var(--vang-nhat),0 0 0 8px #e3a008;border-radius:3px}
.tt:target+*{outline:3px solid #e3a008;outline-offset:5px;border-radius:12px}
.cuon{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.ghichu{background:#f7f9fc;border-left:3px solid #9fb3d9;border-radius:6px;padding:8px 12px;margin-top:8px;font-size:13px}
.ghichu ol,.ghichu ul{margin:4px 0 0 18px;padding:0} .ghichu li{margin:2px 0}
/* ── vỏ máy tính (luật chung Hà 02/11): header NGANG TOÀN KHUNG trên cùng — góc trái logo + tên ứng dụng (giữ nguyên
   chỗ khi thu gọn menu), ngoài cùng bên phải khu tài khoản; menu trái nằm DƯỚI header. Riêng bts (Hà 03/11 «icon thu gọn menu
   chuyển xuống menu đừng để trên header»): nút ☰ là hàng TRÊN CÙNG của menu trái, thu gọn vẫn còn để mở lại ── */
.mt{width:1280px;height:720px;border:1px solid var(--vien);border-radius:10px;overflow:hidden;display:flex;
flex-direction:column;background:var(--nen);position:relative;box-shadow:0 2px 6px rgba(20,30,50,.08)}
.mt.cao{height:820px}
.dau-app{height:54px;flex:none;display:flex;align-items:center;gap:10px;padding:0 16px 0 18px;background:#fff;
border-bottom:1px solid var(--vien)}
.dau-app .goc{display:flex;align-items:center;gap:8px;width:198px;flex:none}
.nut-menu{display:flex;align-items:center;gap:10px;width:100%;padding:8px 18px;margin:0 0 4px;color:#c9d2e3;
white-space:nowrap;font-size:13px} .nut-menu .ic{width:18px;height:18px}
.logo-app{width:28px;height:28px;flex:none;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMjcuNSAtMTI3LjUgMjU1IDI1NSI+PGcgZmlsbD0iIzFmNmZlYiI+PHBhdGggZD0iTTcuNSAtMjEuMjEzQTIyLjUgMjIuNSAwIDAgMSA3LjUgMjEuMjEzWiIvPjxwYXRoIGQ9Ik0tNy41IDIxLjIxM0EyMi41IDIyLjUgMCAwIDEgLTcuNSAtMjEuMjEzWiIvPjwvZz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMxZjZmZWIiIHN0cm9rZS13aWR0aD0iMTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTS0zMS44MiAtMzEuODJBNDUgNDUgMCAwIDAgLTMxLjgyIDMxLjgyIi8+PHBhdGggZD0iTS01My4wMzMgLTUzLjAzM0E3NSA3NSAwIDAgMCAtNTMuMDMzIDUzLjAzMyIvPjxwYXRoIGQ9Ik0tNzQuMjQ2IC03NC4yNDZBMTA1IDEwNSAwIDAgMCAtNzQuMjQ2IDc0LjI0NiIvPjxwYXRoIGQ9Ik0zMS44MiAtMzEuODJBNDUgNDUgMCAwIDEgMzEuODIgMzEuODIiLz48cGF0aCBkPSJNNTMuMDMzIC01My4wMzNBNzUgNzUgMCAwIDEgNTMuMDMzIDUzLjAzMyIvPjxwYXRoIGQ9Ik03NC4yNDYgLTc0LjI0NkExMDUgMTA1IDAgMCAxIDc0LjI0NiA3NC4yNDYiLz48L2c+PC9zdmc+Cg==) center/contain no-repeat}
.ten-app{font-weight:700;font-size:14.5px;white-space:nowrap;letter-spacing:.01em;line-height:1.15}
.ten-app small{display:block;font-weight:500;font-size:11.5px;color:var(--mo);letter-spacing:0}
.dau-app .td{font-weight:650;font-size:15.5px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;
text-overflow:ellipsis;padding-left:12px;border-left:1px solid var(--vien);line-height:26px}
.tk{display:flex;align-items:center;gap:4px;flex:none;margin-left:auto}
.nut-tk{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;color:#3d4a66;font-size:12.5px;
white-space:nowrap;position:relative} .nut-tk.chuong b{position:absolute;top:0;right:1px;background:var(--do);
color:#fff;font-size:10px;border-radius:9px;padding:0 5px;line-height:15px}
.tk .nguoi{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 4px;margin:0 4px;border-radius:8px;
font-size:13px;line-height:1.25;white-space:nowrap} .tk .nguoi small{display:block;color:var(--mo);font-size:11.5px}
.than-mt{flex:1;display:flex;min-height:0}
.mt aside{width:226px;background:var(--toi);color:#c9d2e3;padding:8px 0;flex:none;font-size:13.5px;position:relative;
z-index:3}
.mt aside .nhom{padding:12px 18px 4px;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#7f8ba6;
white-space:nowrap}
.mt aside a{display:flex;align-items:center;gap:10px;padding:7px 18px;color:#c9d2e3;text-decoration:none;
white-space:nowrap;position:relative} .mt aside a .ic{width:17px;height:17px;opacity:.9}
.mt aside a.on{background:#2b3a5c;color:#fff;border-left:3px solid #6ea8fe;padding-left:15px}
.mt aside a.mo{color:#5e6a85} .mt aside a em{font-style:normal;font-size:11px}
.mt aside .goi-y{display:none}
/* menu THU GỌN: chỉ còn biểu tượng; header không đổi; rê chuột ⇒ hiện tên mục */
.mt aside .nut-menu{border-bottom:1px solid #2c3a59}
.mt.thu aside{width:60px} .mt.thu aside a span,.mt.thu aside a em,.mt.thu aside .nut-menu span{display:none}
.mt.thu aside a,.mt.thu aside .nut-menu{justify-content:center;padding:9px 0} .mt.thu aside a.on{padding-left:0}
.mt.thu aside .nhom{font-size:0;padding:0;height:1px;background:#2c3a59;margin:8px 12px}
.mt.thu aside a.re{background:#24324f;color:#fff}
.mt.thu aside a.re .goi-y{display:block;position:absolute;left:66px;top:50%;transform:translateY(-50%);
background:#1d2433;color:#fff;font-size:12.5px;font-weight:550;padding:5px 10px;border-radius:6px;white-space:nowrap;
box-shadow:0 4px 12px rgba(0,0,0,.25)}
.mt .phai{flex:1;display:flex;flex-direction:column;min-width:0}
.top .td{font-weight:650;font-size:16px;flex:1}
.av{width:30px;height:30px;border-radius:50%;background:#c8d6f5;color:#1f3a6f;display:inline-flex;align-items:center;
justify-content:center;font-weight:650;font-size:12.5px;flex:none}
.mt .nd{flex:1;padding:18px 22px;overflow:hidden}
/* ── vỏ điện thoại ── */
.dts{display:flex;gap:28px;flex-wrap:nowrap}
.dt{width:390px;height:780px;border:10px solid #1c2233;border-radius:34px;overflow:hidden;background:var(--nen);
display:flex;flex-direction:column;position:relative;flex:none}
.dt .top{height:52px;background:#fff;border-bottom:1px solid var(--vien);display:flex;align-items:center;
padding:0 14px;gap:10px;flex:none} .dt .top .td{font-weight:650;font-size:15.5px;flex:1}
.dt .nd{flex:1;padding:12px;overflow:hidden} .dt .day{height:58px;background:#fff;border-top:1px solid var(--vien);
display:flex;flex:none} .dt .day a{flex:1;text-align:center;font-size:11.5px;color:var(--mo);padding-top:9px;
text-decoration:none} .dt .day a.on{color:var(--chinh);font-weight:650} .dt .day a i{display:block;font-style:normal;
font-size:17px;line-height:1.2}
/* ── thành phần ── */
.hang{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .gian{flex:1}
.loc{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.chon,.o{border:1px solid var(--vien);background:#fff;border-radius:7px;padding:6px 10px;font-size:13px;color:var(--chu);
min-height:32px;display:inline-flex;align-items:center;gap:6px}
.chon:after{content:'▾';color:var(--nhat);margin-left:4px} .o.tim{min-width:220px;color:var(--nhat)}
.nut{border:1px solid var(--vien);background:#fff;border-radius:7px;padding:6px 14px;font-size:13px;min-height:32px;
display:inline-flex;align-items:center;gap:6px;color:var(--chu);font-weight:550;white-space:nowrap}
.nut.c{background:var(--chinh);border-color:var(--chinh);color:#fff} .nut.d{color:var(--do);border-color:#f0b8bd}
.nut.n{padding:3px 9px;min-height:26px;font-size:12.5px} .nut.tat{opacity:.45}
.the{background:#fff;border:1px solid var(--vien);border-radius:10px;padding:12px 14px}
.the h4{margin:0 0 8px;font-size:13.5px;color:#33405c}
.so{display:grid;gap:12px;margin-bottom:14px} .so .the b{display:block;font-size:22px;margin-top:2px}
.so .the span{color:var(--mo);font-size:12.5px} .so .the.do b{color:var(--do)} .so .the.vang b{color:var(--vang)}
table.b{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--vien);
border-radius:10px;overflow:hidden;font-size:13px}
table.b th{background:#f6f8fb;text-align:left;font-weight:600;color:#3d4a66;padding:8px 10px;border-bottom:1px solid var(--vien);
white-space:nowrap} table.b td{padding:8px 10px;border-bottom:1px solid #eef1f5;vertical-align:top}
table.b tr:last-child td{border-bottom:0} table.b td.s{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.b tfoot td{background:#eef2f8;font-weight:650;border-top:1px solid var(--vien)}
/* bảng dữ liệu (luật chung Hà 02/11): cột đầu STT · dòng chẵn/lẻ xen màu · dòng rê chuột / đang chọn nổi HƠN màu xen */
table.b th.stt,table.b td.stt{width:46px;text-align:right;color:var(--mo);font-variant-numeric:tabular-nums;
white-space:nowrap;padding-right:12px}
table.b tbody tr:nth-child(even) td{background:#f5f7fb}
table.b tbody tr:hover td{background:#e3edff}
table.b tbody tr.dchon td{background:#d6e4ff} table.b tbody tr.dchon td:first-child{box-shadow:inset 3px 0 0 var(--chinh)}
table.b tbody tr.luoc td,table.b tbody tr.luoc:hover td{background:#fff;text-align:center;color:var(--nhat);
font-size:12px;padding:5px 10px}
.phan-trang{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:12.5px;color:var(--mo)}
.phan-trang .gian{flex:1} .phan-trang .o-trang{min-width:28px;height:28px;padding:0 6px;border:1px solid var(--vien);
border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--chu)}
.phan-trang .o-trang.on{background:var(--chinh);border-color:var(--chinh);color:#fff;font-weight:650}
.phan-trang .o-trang.tat{opacity:.4} .phan-trang .chon{margin-left:8px;min-height:28px;padding:3px 9px}
.nhan{display:inline-block;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:550;white-space:nowrap;
background:#eef1f6;color:#3d4a66} .nhan.x{background:var(--xanh-nhat);color:var(--xanh)}
.nhan.v{background:var(--vang-nhat);color:var(--vang)} .nhan.d{background:var(--do-nhat);color:var(--do)}
.nhan.c{background:var(--chinh-nhat);color:#174ea6}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--vien);margin-bottom:14px}
.tabs span{padding:8px 14px;color:var(--mo);font-size:13.5px} .tabs span.on{color:var(--chinh);font-weight:650;
border-bottom:2px solid var(--chinh)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px} .form .rong{grid-column:1/-1}
.tr label{display:block;font-size:12.5px;color:#3d4a66;margin-bottom:4px;font-weight:550} .tr label i{color:var(--do);
font-style:normal} .tr .o{width:100%} .tr .o.trong{color:var(--nhat)} .tr .goi{font-size:12px;color:var(--nhat);margin-top:3px}
.tr.loi .o{border-color:var(--do);background:#fffafa} .tr.loi .goi{color:var(--do)}
.phu{position:absolute;inset:0;background:rgba(18,26,43,.42);display:flex;align-items:center;justify-content:center;
z-index:5} .hop{background:#fff;border-radius:12px;width:520px;max-width:92%;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.hop .dau{padding:14px 18px;border-bottom:1px solid var(--vien);font-weight:650;font-size:15px}
.hop .than{padding:16px 18px} .hop .chan{padding:12px 18px;border-top:1px solid var(--vien);display:flex;gap:8px;
justify-content:flex-end}
.bao{border-radius:9px;padding:10px 14px;font-size:13px;margin-bottom:12px;border:1px solid}
.bao.d{background:var(--do-nhat);border-color:#f5c2c7;color:#8c1b24} .bao.v{background:var(--vang-nhat);
border-color:#f1d58a;color:#6b4a00} .bao.x{background:var(--xanh-nhat);border-color:#b5dfc0;color:#145c2a}
.bao.c{background:var(--chinh-nhat);border-color:#b8cdfa;color:#174ea6}
.toast{position:absolute;right:22px;bottom:22px;background:#1d2433;color:#fff;border-radius:9px;padding:10px 16px;
font-size:13px;z-index:6;box-shadow:0 6px 18px rgba(0,0,0,.25)} .toast.d{background:#8c1b24}
.rong-tt{text-align:center;color:var(--mo);padding:48px 20px} .rong-tt b{display:block;font-size:15px;color:var(--chu);
margin-bottom:6px}
.cot{display:grid;gap:12px} .kv{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;font-size:13px}
.kv span{color:var(--mo)} .anh{height:82px;border-radius:8px;background:repeating-linear-gradient(45deg,#dfe6f1,
#dfe6f1 8px,#e9eef6 8px,#e9eef6 16px);display:flex;align-items:flex-end;padding:5px 7px;font-size:11px;color:#4a5670}
.buoc{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px} .buoc span{border:1px solid var(--vien);background:#fff;
border-radius:16px;padding:4px 11px;font-size:12.5px;color:#3d4a66} .buoc span b{margin-left:5px}
.buoc span.on{background:var(--chinh);border-color:var(--chinh);color:#fff} .buoc span.v{border-color:#f1d58a;
background:var(--vang-nhat);color:var(--vang)}
.ds{display:grid;gap:8px} .ds .the{padding:10px 12px} .ds .the .t1{display:flex;justify-content:space-between;
gap:8px;font-weight:650} .ds .the .t2{color:var(--mo);font-size:12.5px;margin-top:3px}
.mtr{border-collapse:collapse;font-size:12.5px;background:#fff} .mtr th,.mtr td{border:1px solid var(--vien);
padding:5px 8px;text-align:center} .mtr th{background:#f6f8fb} .mtr td.t{text-align:left;font-weight:550}
.ck{display:inline-block;width:15px;height:15px;border:1.5px solid #9aa5b8;border-radius:3px;vertical-align:-2px}
.ck.on{background:var(--chinh);border-color:var(--chinh);box-shadow:inset 0 0 0 2px #fff}
.ck.tat{opacity:.45;background:#eef1f5;border-style:dashed;cursor:not-allowed}
.giay{background:#fff;width:560px;margin:0 auto;padding:26px 34px;border:1px solid var(--vien);font-family:'Times New Roman',
serif;font-size:13px;line-height:1.5;box-shadow:0 1px 4px rgba(0,0,0,.08)} .giay h3{text-align:center;margin:6px 0 10px;
font-size:15px} .giay .dien{background:#fff4d6;padding:0 3px}
footer.tl{font-size:12px;color:var(--mo);text-align:center;padding:10px}
/* ô bảng hai tầng (GĐ3): mã dài không xuống dòng + dòng phụ nhỏ */
.ma-ct{white-space:nowrap;font-weight:650;font-size:12.5px} .nho{display:block;color:var(--mo);font-size:12px}
.hd-nho{font-size:12px;color:#3d4a66}
/* dòng tiến độ (mốc theo bước) — GĐ3 công trình */
.tdo .m{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed #e6eaf1}
.tdo .m:last-child{border-bottom:0} .tdo .m i{width:22px;height:22px;border-radius:50%;border:2px solid #b9c3d6;
background:#fff;font-style:normal;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;
color:var(--mo)} .tdo .m b{font-weight:600;font-size:13px} .tdo .m small{display:block;color:var(--mo);font-size:12px}
.tdo .m.xong i{background:var(--xanh);border-color:var(--xanh);color:#fff}
.tdo .m.dang i{background:var(--chinh);border-color:var(--chinh);color:#fff} .tdo .m.dang b{color:var(--chinh)}
.tdo .m.cho i{border-style:dashed;border-color:#d4a72c;color:var(--vang)}
/* khối «Logo & màn tải» ở đầu mockup (Hà 03/11 «thêm một khối vào phần đầu để hiện logo và loading … ở mockup») */
section.nhan-dien{background:#fff;border-radius:12px;padding:14px 16px 16px;margin-bottom:14px;scroll-margin-top:14px}
section.nhan-dien>h2{margin:0 0 4px;font-size:17px}
.nd-luoi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.6fr);gap:12px;align-items:stretch}
.nd-the{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}
.nd-khung{flex:1;min-height:190px;border:1px solid var(--vien);border-radius:10px;display:flex;align-items:center;justify-content:center;
gap:14px;padding:12px;background:#fff} .nd-khung.toi{background:var(--toi);border-color:var(--toi)}
.nd-khung.luoi-o{background:#fff linear-gradient(45deg,#f1f3f7 25%,transparent 25%,transparent 75%,#f1f3f7 75%) 0 0/16px 16px}
.nd-the figcaption{font-size:12.5px;color:var(--mo);line-height:1.4}
.nd-dau{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--vien);border-radius:8px;padding:10px 14px}
.nd-icon{flex-wrap:wrap;align-items:flex-end;align-content:center;row-gap:18px} .nd-icon span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;
color:var(--mo)} .nd-icon img{image-rendering:auto}
.nd-tai{flex-direction:column;gap:12px} .nd-tai .bts-ld{width:160px;height:160px} .nd-tai p{margin:0;font-size:14px;color:var(--mo)}
/* ── trang mockup trên màn hẹp (qvt 03/11 «mockup.html hiện trên điện thoại củ chuối thế, ko thiết kế theo quy tắc à»). Đo 390 / 360 px
   (bts/.tmp/mockup-dt/do-mockup-dt.mjs): cả trang rộng 840 px vì cụm khung điện thoại .dts xếp ngang NẰM NGOÀI ô cuộn ⇒ máy thu nhỏ cả trang;
   khối logo 5 cột còn 44–50 px ⇒ hình đè nhau; mã BTxx trong khung tối = chữ sáng trên nền sáng. Khung máy tính / điện thoại giữ đúng cỡ
   thiết kế, chỉ cuộn TRONG ô của nó (vỏ web thu vừa màn — dong-goi.py JS_VUA). ── */
header.tl .ma{background:rgba(255,255,255,.16);color:#fff}
.dts{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
@media (max-width:900px){.nd-luoi{grid-template-columns:repeat(2,minmax(0,1fr))} .nd-luoi>.nd-the:last-child{grid-column:1/-1}}
@media (max-width:700px){
main.tl{padding:10px} header.tl{padding:14px;border-radius:10px} header.tl h1{font-size:18px} header.tl p{font-size:13px}
nav.tl{padding:8px 12px} section.man,section.nhan-dien{padding:12px} section.man>h2{font-size:16px} .tt{font-size:13.5px}
.nd-khung{min-height:150px} .dts{gap:14px}
}
section.goi{background:var(--toi);color:#fff;border-radius:12px;padding:14px 18px;margin:28px 0 16px}
section.goi h2{margin:0 0 6px;font-size:19px} section.goi p{margin:0;color:#cfd6e4;font-size:13.5px}
#uc h3{margin:14px 0 4px;font-size:15px}
table.uc{width:100%;border-collapse:collapse;font-size:13px} table.uc th,table.uc td{border:1px solid var(--vien);
padding:6px 8px;text-align:left;vertical-align:top} table.uc th{background:#f6f8fb}
.ic{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.ic-menu{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206.5h16M4%2012h16M4%2017.5h16%22%2F%3E%3C%2Fsvg%3E")}
.ic-tong-quan{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.ic-tram{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2010v11M8%2021l4-11%204%2011M9.4%2016.5h5.2%22%2F%3E%3Cpath%20d%3D%22M8.6%206.6a4.8%204.8%200%200%201%206.8%200M6%204a8.5%208.5%200%200%201%2012%200%22%2F%3E%3C%2Fsvg%3E")}
.ic-ky{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%225%22%20width%3D%2217%22%20height%3D%2215.5%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3.5%2010h17M8%203v4M16%203v4%22%2F%3E%3C%2Fsvg%3E")}
.ic-dien{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202.5%205%2013.5h6l-1%208%208-11h-6z%22%2F%3E%3C%2Fsvg%3E")}
.ic-ton{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.5%2021.5%2020h-19z%22%2F%3E%3Cpath%20d%3D%22M12%2010v4.5M12%2017.3v.2%22%2F%3E%3C%2Fsvg%3E")}
.ic-bien-ban{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202.5h8.5l4%204v15H6z%22%2F%3E%3Cpath%20d%3D%22M14%202.5V7h4.5M9%2012h7M9%2016h7%22%2F%3E%3C%2Fsvg%3E")}
.ic-theo-doi{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206.5l1.8%201.8L9%205M4%2013.5l1.8%201.8L9%2012M12%207h8M12%2014h8M12%2020h8M4.5%2020h3%22%2F%3E%3C%2Fsvg%3E")}
.ic-cong-trinh{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2021V10l7-6%207%206v11M9.5%2021v-6h5v6%22%2F%3E%3C%2Fsvg%3E")}
.ic-vat-tu{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%207.5%2012%203.5l8.5%204v9L12%2020.5l-8.5-4z%22%2F%3E%3Cpath%20d%3D%22M3.5%207.5%2012%2011.5l8.5-4M12%2011.5v9%22%2F%3E%3C%2Fsvg%3E")}
.ic-phan-quyen{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204.5%206v5.5c0%204.5%203.2%208%207.5%209.5%204.3-1.5%207.5-5%207.5-9.5V6z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E")}
.ic-quy-trinh{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%226%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%226%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2218%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M8%206h8M7%208.2l3.8%207.6M17%208.2l-3.8%207.6%22%2F%3E%3C%2Fsvg%3E")}
.ic-nhap{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2015V3.5M7.5%208%2012%203.5%2016.5%208M4%2014.5v6h16v-6%22%2F%3E%3C%2Fsvg%3E")}
.ic-chuong{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016.5V11a6%206%200%200%201%2012%200v5.5l1.5%202h-15z%22%2F%3E%3Cpath%20d%3D%22M10%2021h4%22%2F%3E%3C%2Fsvg%3E")}
.ic-cai-dat{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h9M18%207h2M4%2017h3M12%2017h8%22%2F%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%227%22%20r%3D%222.3%22%2F%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2217%22%20r%3D%222.3%22%2F%3E%3C%2Fsvg%3E")}
.ic-dang-xuat{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%204H5v16h5M14%208l4%204-4%204M18%2012H9%22%2F%3E%3C%2Fsvg%3E")}
.ic-danh-muc{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%204.5h7.5l9%209-6.5%206.5-9-9z%22%2F%3E%3Ccircle%20cx%3D%227.8%22%20cy%3D%228.8%22%20r%3D%221.4%22%2F%3E%3C%2Fsvg%3E")}