:root{--bg: #f2f6f3;--surface: #ffffff;--surface-2: #f6faf7;--border: #e4ebe6;--border-strong: #c9d6cd;--text: #10231a;--text-2: #4c6357;--text-3: #8ea298;--brand: #0f8a4a;--brand-2: #16a34a;--brand-3: #0a6b39;--brand-soft: #e7f6ec;--brand-text: #ffffff;--brand-grad: linear-gradient(135deg, #1ba757 0%, #0d8244 100%);--login-bg: linear-gradient(160deg, #16a34a 0%, #0d7a42 50%, #06301d 100%);--sidebar-bg: linear-gradient(180deg, #0e7a45 0%, #0a6238 55%, #074c2c 100%);--sidebar-text: #ffffff;--sidebar-text-2: rgba(232, 246, 238, .74);--sidebar-hover: rgba(255, 255, 255, .1);--sidebar-active: rgba(255, 255, 255, .18);--sidebar-border: rgba(255, 255, 255, .14);--ok: #16a34a;--ok-soft: #e7f6ec;--warn: #d97706;--warn-soft: #fff4e5;--danger: #dc2626;--danger-soft: #fdecec;--info: #0e7490;--info-soft: #e4f4f8;--muted: #64748b;--muted-soft: #eef2f0;--c1: #16a34a;--c2: #2563eb;--c3: #f59e0b;--c4: #ef4444;--c5: #94a3b8;--r-sm: 8px;--r: 11px;--r-lg: 16px;--shadow: 0 1px 2px rgba(10, 40, 25, .05), 0 2px 8px rgba(10, 40, 25, .05);--shadow-lg: 0 6px 12px -4px rgba(10, 40, 25, .1), 0 18px 34px -12px rgba(10, 40, 25, .18);--shadow-brand: 0 4px 14px -3px rgba(15, 138, 74, .45);--sidebar-w: 250px;--header-h: 60px;--tabbar-h: 58px;--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}:root[data-theme=dark]{--bg: #08130d;--surface: #10201a;--surface-2: #162a22;--border: #23372d;--border-strong: #33493d;--text: #e6f1ea;--text-2: #a6bcaf;--text-3: #6d8579;--brand: #4ade80;--brand-2: #86efac;--brand-3: #22c55e;--brand-soft: #10321f;--brand-text: #05170e;--brand-grad: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--sidebar-bg: linear-gradient(180deg, #12291d 0%, #0e2018 55%, #0a1912 100%);--sidebar-text: #e6f1ea;--sidebar-text-2: rgba(208, 228, 216, .66);--sidebar-hover: rgba(255, 255, 255, .07);--sidebar-active: rgba(74, 222, 128, .2);--sidebar-border: rgba(255, 255, 255, .08);--ok: #34d399;--ok-soft: #0d2f26;--warn: #fbbf24;--warn-soft: #34280d;--danger: #f87171;--danger-soft: #3a1718;--info: #22d3ee;--info-soft: #0f3038;--muted: #94a3b8;--muted-soft: #1a2a22;--c1: #4ade80;--c2: #60a5fa;--c3: #fbbf24;--c4: #f87171;--c5: #8ba396;--shadow: 0 1px 2px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 26px -6px rgba(0, 0, 0, .6);--shadow-brand: 0 4px 14px -3px rgba(22, 163, 74, .5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14.5px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}h1,h2,h3,h4{margin:0;font-weight:650;line-height:1.3}a{color:var(--brand);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100%}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding-top:var(--sat);padding-left:var(--sal)}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:15px 16px 14px;border-bottom:1px solid var(--sidebar-border);font-weight:700;color:var(--sidebar-text);letter-spacing:.2px;line-height:1.25}.sidebar-brand small{display:block;font-weight:500;color:var(--sidebar-text-2);font-size:11.5px;letter-spacing:0}.logo{flex:0 0 auto;border-radius:50%;background:#fff;padding:3px;object-fit:contain;box-shadow:0 2px 8px #08142d40}.sidebar-nav{padding:12px 10px;display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:var(--r);color:var(--sidebar-text-2);font-weight:500;transition:background .14s,color .14s}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-text);font-weight:650}.sidebar-foot{padding:11px 14px;border-top:1px solid var(--sidebar-border);font-size:12px;color:var(--sidebar-text-2)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.header{height:calc(var(--header-h) + var(--sat));display:flex;align-items:center;gap:12px;padding:var(--sat) calc(20px + var(--sar)) 0 calc(20px + var(--sal));background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header .spacer{flex:1}.header-user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.header-user b{font-size:13.5px}.header-user span{font-size:11.5px;color:var(--text-3)}.header-logo{display:none}.content{padding:22px;max-width:1500px;width:100%}.page-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{font-size:21px}.page-head p{margin:3px 0 0;color:var(--text-2);font-size:13px}.page-head .spacer{flex:1}.avatar{border-radius:50%;object-fit:cover;background:var(--surface-2);border:1px solid var(--border);flex:0 0 auto;display:block}.avatar.trong{display:flex;align-items:center;justify-content:center;color:var(--text-3)}.avatar-chon{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.form-sep{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin:4px 0 -2px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--text-3)}.form-sep:after{content:"";flex:1;height:1px;background:var(--border)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--tabbar-h) + var(--sab));padding:0 calc(6px + var(--sar)) var(--sab) calc(6px + var(--sal));display:flex;align-items:stretch;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 10px #0a28190f}.tab-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:none;cursor:pointer;padding:5px 2px;color:var(--text-3);font-size:10.5px;font-weight:600;line-height:1.2}.tab-item .ico{width:40px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:background .14s}.tab-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-item.active{color:var(--brand)}.tab-item.active .ico{background:var(--brand-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid var(--border)}.card-head h3{font-size:14.5px}.card-head .spacer{flex:1}.card-body{padding:17px}.card-body.tight{padding:0}.grid{display:grid;gap:15px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.chart2{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.stat{display:flex;align-items:flex-start;gap:13px;padding:16px 17px}.stat .stat-ico{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand)}.stat .stat-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.stat .label{font-size:12.5px;color:var(--text-2)}.stat .value{font-size:27px;font-weight:700;letter-spacing:-.6px;line-height:1.15}.stat .sub{font-size:12px;color:var(--text-3)}.stat.ok .stat-ico{background:var(--ok-soft);color:var(--ok)}.stat.warn .stat-ico{background:var(--warn-soft);color:var(--warn)}.stat.danger .stat-ico{background:var(--danger-soft);color:var(--danger)}.stat.info .stat-ico{background:var(--info-soft);color:var(--info)}.stat.ok .value{color:var(--ok)}.stat.warn .value{color:var(--warn)}.stat.danger .value{color:var(--danger)}.stat.brand .value{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:550;cursor:pointer;transition:background .14s,border-color .14s,box-shadow .14s,opacity .14s,transform .1s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand-grad);border-color:transparent;color:var(--brand-text);box-shadow:var(--shadow-brand)}.btn.primary:hover:not(:disabled){filter:brightness(1.07)}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.sm{padding:5px 12px;font-size:13px}.btn.icon{padding:8px;border-radius:50%}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:12.5px;font-weight:600;color:var(--text-2)}.field>label .req{color:var(--danger)}.field .hint{font-size:11.5px;color:var(--text-3)}.input,.select,.textarea{width:100%;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text);transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--text-2)}.input.loi,.select.loi{border-color:var(--danger)}.textarea{min-height:76px;resize:vertical}.combo{position:relative;width:100%}.combo .combo-o{padding-right:52px;cursor:pointer;text-overflow:ellipsis}.combo.mo .combo-o{cursor:text}.combo-mui{position:absolute;right:10px;top:11px;color:var(--text-3);pointer-events:none;transition:transform .12s}.combo.mo .combo-mui{transform:rotate(180deg)}.combo-xoa{position:absolute;right:29px;top:8px;display:flex;padding:2px;border:0;border-radius:999px;background:transparent;color:var(--text-3);cursor:pointer}.combo-xoa:hover{background:var(--surface-2);color:var(--text)}.combo-menu{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow-y:auto;padding:4px;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);box-shadow:0 10px 26px #061e1229}.combo-opt{padding:7px 10px;border-radius:calc(var(--r) - 3px);font-size:13.5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo-opt.sang{background:var(--surface-2)}.combo-opt.chon{color:var(--brand);font-weight:600}.combo-trong{padding:9px 10px;font-size:13px;color:var(--text-3)}.form-grid{display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1 / -1}.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.chon-ky{display:flex;gap:9px;align-items:flex-end;flex:1;min-width:0}.chon-ky .field{flex:1;min-width:0}.toolbar.loc-luoi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}.toolbar.loc-luoi .field{min-width:0}.toolbar.loc-luoi .input,.toolbar.loc-luoi .combo{min-width:0;width:100%}.toolbar .field{min-width:150px}.toolbar .grow{flex:1;min-width:200px}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}table.tbl th,table.tbl td{padding:10px 13px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}table.tbl th{background:var(--surface-2);font-weight:650;font-size:12.5px;color:var(--text-2);position:sticky;top:0;z-index:1;white-space:nowrap;cursor:default}table.tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.tbl th.sortable:hover{color:var(--text)}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl td.num,table.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}table.tbl td.actions{white-space:nowrap;text-align:right}table.tbl td.actions .btn-row{flex-wrap:nowrap;gap:4px;justify-content:flex-end}table.tbl td.actions{width:1%}table.tbl tr.row-nhom td{background:var(--surface-2);font-weight:650}@media (min-width: 861px){table.tbl.dt .dt-an-desktop{display:none}}.pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 13px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-2)}.pager .spacer{flex:1}.pager-info{font-variant-numeric:tabular-nums}.pager-so{padding:0 6px;font-weight:600;color:var(--text);white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.muted{background:var(--muted-soft);color:var(--muted)}.badge.brand{background:var(--brand-soft);color:var(--brand)}.doc-khung{width:100%;height:70vh;min-height:340px;display:block;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2)}.doc-anh{max-width:100%;max-height:70vh;display:block;margin:0 auto;border:1px solid var(--border);border-radius:var(--r)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a14288c;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:640px;border:1px solid var(--border)}.modal.wide{max-width:1000px}.modal-head{display:flex;align-items:center;gap:10px;padding:15px 19px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:15.5px;flex:1}.modal-body{padding:19px}.modal-foot{display:flex;gap:9px;justify-content:flex-end;padding:14px 19px;border-top:1px solid var(--border)}.chart{width:100%;display:block}.chart .axis{stroke:var(--border);stroke-width:1}.chart .glabel{fill:var(--text-3);font-size:11px}.chart .dot{stroke:var(--surface);stroke-width:2}.legend{display:flex;flex-direction:column;gap:9px;font-size:13px}.legend .item{display:flex;align-items:center;gap:9px}.legend .dotc{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.legend .item .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.legend .item b{font-variant-numeric:tabular-nums}.legend .item .pc{color:var(--text-3);font-size:12px;min-width:44px;text-align:right}.donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.donut-wrap .legend{flex:1;min-width:170px}.donut-center .t{fill:var(--text-3);font-size:11px}.donut-center .v{fill:var(--text);font-size:22px;font-weight:700}.chart-legend-row{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--text-2)}.chart-legend-row .item{display:flex;align-items:center;gap:6px}.chart-legend-row .ln{width:16px;height:3px;border-radius:2px}.empty{padding:36px 20px;text-align:center;color:var(--text-3)}.empty svg{opacity:.45;margin-bottom:8px}.alert{display:flex;gap:10px;padding:11px 14px;border-radius:var(--r);font-size:13.5px;align-items:flex-start}.alert.danger{background:var(--danger-soft);color:var(--danger)}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.info{background:var(--info-soft);color:var(--info)}.alert.ok{background:var(--ok-soft);color:var(--ok)}.spinner{width:17px;height:17px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--brand);animation:spin .65s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:9px;padding:26px;color:var(--text-2);justify-content:center}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 17px;border-radius:999px;box-shadow:var(--shadow-lg);z-index:300;font-size:13.5px;display:flex;align-items:center;gap:8px;max-width:90vw}.toast.err{background:var(--danger);color:#fff}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tab{padding:9px 15px;border:none;background:none;cursor:pointer;color:var(--text-2);font-weight:550;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.muted{color:var(--text-3)}.small{font-size:12.5px}.nowrap{white-space:nowrap}.mt{margin-top:14px}.mb{margin-bottom:15px}.bar{height:7px;border-radius:999px;background:var(--muted-soft);overflow:hidden;min-width:70px}.bar>i{display:block;height:100%;background:var(--brand);border-radius:999px}.bar>i.ok{background:var(--ok)}.bar>i.warn{background:var(--warn)}.bar>i.danger{background:var(--danger)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(22px + var(--sat)) calc(22px + var(--sar)) calc(22px + var(--sab)) calc(22px + var(--sal));background:var(--login-bg)}.login-card{width:100%;max-width:410px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:30px 28px}.login-card h1{font-size:19px;text-align:center}.login-card .sub{text-align:center;color:var(--text-2);font-size:13px;margin:5px 0 22px}.login-logo{width:88px;height:88px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}.login-logo img{width:100%;height:100%;object-fit:contain}.phieu-muc{display:flex;gap:12px;align-items:flex-start;padding:9px 12px;border-bottom:1px solid var(--border)}.phieu-muc.nhom{background:var(--surface-2);font-weight:650}.phieu-muc .ma{flex:0 0 46px;color:var(--text-2);font-variant-numeric:tabular-nums}.phieu-muc .nd{flex:1;min-width:0}.phieu-muc .qt{font-size:11px;color:var(--danger);font-weight:600}.phieu-muc .cham{flex:0 0 auto;display:flex;align-items:center;gap:9px}.phieu-muc .cham .dm{color:var(--text-3);font-size:12.5px;min-width:34px;text-align:right}.tick{width:30px;height:30px;border-radius:9px;border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3)}.tick.on{background:var(--ok);border-color:var(--ok);color:#fff}.tick.off.on{background:var(--danger);border-color:var(--danger)}.phieu-tong{position:sticky;bottom:0;background:var(--surface);border-top:2px solid var(--border-strong);padding:12px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.phieu-tong .big{font-size:21px;font-weight:700}.bcn-ct{display:grid;grid-template-columns:minmax(0,45%) minmax(0,1fr);gap:6px 14px;align-items:baseline;font-size:13.5px;text-align:left}.bcn-nhan{color:var(--text-2)}.bcn-gt{font-weight:550;overflow-wrap:anywhere}.bcn-muc{grid-column:1 / -1;margin-top:8px;padding-bottom:4px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--brand)}.bcn-muc:first-child{margin-top:0}.bcn-yk{grid-column:1 / -1;overflow-wrap:anywhere}@media (max-width: 860px){.bcn-ct{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:5px 10px;font-size:13px}}.hl-luoi{display:flex;flex-direction:column;gap:10px}.hl-dong{display:flex;align-items:center;gap:12px}.hl-chon{flex:0 0 190px;display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-2);cursor:pointer}.hl-dong.bat .hl-chon{color:var(--text);font-weight:600}.hl-o{flex:1;min-width:0}@media (max-width: 860px){.hl-dong{flex-direction:column;align-items:stretch;gap:5px}.hl-chon{flex:none}}.lien{padding:0;border:0;background:none;cursor:pointer;text-align:left;font:inherit;font-weight:700;color:var(--brand)}.lien:hover{text-decoration:underline}.ht-dau{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.ht-luoi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.ht-muc{font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--brand);margin-bottom:7px}.ht-dong{display:flex;gap:12px;padding:5px 0;border-bottom:1px solid var(--border);font-size:13.5px}.ht-dong:last-child{border-bottom:0}.ht-nhan{flex:0 0 42%;color:var(--text-2)}.ht-gt{flex:1;min-width:0;font-weight:550}.ky{position:relative}.ky-bang{display:block;width:100%;border:1px dashed var(--border-strong);border-radius:var(--r);background:#fff}.ky-mo{position:absolute;left:0;right:0;top:62px;text-align:center;color:var(--text-3);font-size:13px;pointer-events:none;-webkit-user-select:none;user-select:none}.ky-thanh{display:flex;align-items:center;gap:9px;margin-top:8px}.ky-anh{display:block;height:62px;margin:4px auto 0;object-fit:contain}:root[data-theme=dark] .ky-anh{filter:invert(1)}@media print{.ky-anh{filter:none!important}}.bk{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;max-width:900px;margin:0 auto}.bk-dau{display:flex;gap:18px;align-items:flex-start;margin-bottom:16px}.bk-donvi{flex:0 0 auto;font-weight:700;font-size:13.5px;line-height:1.6}.bk-donvi .gach{text-decoration:underline}.bk-ten{flex:1;text-align:center;font-weight:700;font-size:15px;line-height:1.5}.bk-tt{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13.5px;margin-bottom:14px}.bk-tt span{color:var(--text-2)}.bk-bang{width:100%;border-collapse:collapse;font-size:13.5px}.bk-bang th,.bk-bang td{border:1px solid var(--border-strong);padding:7px 10px;vertical-align:top}.bk-bang th{background:var(--surface-2);text-align:center;font-weight:650}.bk-bang td.tt,.bk-bang td.so{text-align:center;font-variant-numeric:tabular-nums}.bk-bang .c-tt{width:50px}.bk-bang .c-diem{width:74px}.bk-bang td.so.truot{color:var(--danger);font-weight:700}.bk-bang tr.nhom td{background:var(--surface-2);font-weight:650}.bk-bang tr.tong td{background:var(--surface-2);font-weight:700;text-align:center}.bk-bang .qt{color:var(--danger);font-size:11.5px;font-weight:600;white-space:nowrap}.bk-bang .ghi{color:var(--text-3);font-size:12px;margin-top:3px}.bk-ketqua{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13.5px}.bk-nhanxet{margin-top:12px;font-size:13.5px}.bk-nhanxet p{margin:0 0 6px}.bk-ky{display:flex;justify-content:flex-end;margin-top:26px;text-align:center}.bk-ky .chuc{font-weight:700;font-size:13.5px}.bk-ky .huong{font-style:italic;font-size:12.5px;color:var(--text-2)}.bk-ky .ten{margin-top:6px;font-weight:650;font-size:13.5px}.bk-chuaky{height:62px;line-height:62px;font-size:12.5px;color:var(--text-3);font-style:italic}@media (max-width: 1100px){.toolbar.loc-luoi{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4,.grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.chart2{grid-template-columns:1fr}}@media (max-width: 860px){.sidebar{position:fixed;z-index:60;left:0;top:0;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#061e1280;z-index:50}.content{padding:14px calc(14px + var(--sar)) calc(var(--tabbar-h) + var(--sab) + 18px) calc(14px + var(--sal))}.toast{bottom:calc(var(--tabbar-h) + var(--sab) + 14px)}.phieu-tong{bottom:calc(var(--tabbar-h) + var(--sab))}.modal-backdrop{padding-bottom:calc(var(--tabbar-h) + var(--sab) + 16px)}.grid.c2,.grid.c3,.grid.c4,.grid.chart2,.ht-luoi{grid-template-columns:1fr}.toolbar.loc-luoi{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.phieu-muc{flex-wrap:wrap}.bk{padding:14px 12px;border-radius:var(--r)}.bk-dau{flex-direction:column;gap:8px;text-align:center;align-items:center}.bk-ten{font-size:14px}.bk-tt{grid-template-columns:1fr}.bk-bang{font-size:12.5px}.bk-bang th,.bk-bang td{padding:6px 7px}.bk-bang .c-tt,.bk-bang td.tt{width:28px}.bk-bang .c-diem,.bk-bang td.so{width:46px}.bk-bang .qt{white-space:normal;display:block}.bk-ketqua{flex-wrap:wrap}.bk-ky{justify-content:center}.header-logo{display:block}}@media (max-width: 860px){.table-wrap{overflow-x:visible}table.tbl.dt,table.tbl.dt tbody,table.tbl.dt tr,table.tbl.dt td{display:block;width:100%}table.tbl.dt thead{display:none}table.tbl.dt tr{margin-bottom:10px;padding:4px 0 2px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}table.tbl.dt tr:last-child{margin-bottom:2px}table.tbl.dt tr:hover{background:var(--surface)}table.tbl.dt td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:5px 13px;border:0;text-align:right}table.tbl.dt td:before{content:attr(data-nhan);flex:0 0 38%;text-align:left;color:var(--text-3);font-size:12px;font-weight:600;line-height:1.5}table.tbl.dt tr{cursor:pointer}table.tbl.dt td.dt-an{display:none}table.tbl.dt tr:not(.mo) td.dt-chitiet{display:none}table.tbl.dt td.dt-tieude{display:block;text-align:left;font-size:14.5px;padding:9px 34px 7px 13px;position:relative}table.tbl.dt td.dt-tieude:before,table.tbl.dt td[data-nhan=""]:before{display:none}table.tbl.dt td[data-nhan=""]{justify-content:flex-end}table.tbl.dt td.dt-tieude:after{content:"";position:absolute;right:15px;top:14px;width:7px;height:7px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);border-radius:1px;transform:rotate(45deg);transition:transform .15s}table.tbl.dt tr.mo td.dt-tieude:after{transform:rotate(-135deg);margin-top:3px}table.tbl.dt tr:not(:has(td.dt-chitiet)) td.dt-tieude:after{display:none}table.tbl.dt td.actions{margin-top:3px;padding:7px 9px;border-top:1px solid var(--border);width:auto}table.tbl.dt tr.row-nhom td{background:transparent}.pager{padding:4px 2px 0;border-top:0}}@media (min-width: 861px){.only-mobile{display:none!important}}@media print{.sidebar,.header,.tabbar,.btn,.toolbar,.tabs,.no-print{display:none!important}.bk{border:none;padding:0;max-width:none}.bk-bang th,.bk-bang tr.nhom td,.bk-bang tr.tong td{background:#eee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.bk-bang tr{break-inside:avoid}.content{padding:0}.card{border:none;box-shadow:none}body{background:#fff}}