:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#0a1526;--panel:#13233d;--panel-2:#1a3052;--panel-3:#22406b;--ink:#eef4fc;--ink-2:#aebfd6;--ink-muted:#7286a3;--accent:#38bdf8;--accent-2:#22d3ee;--accent-soft:#38bdf829;--accent-glow:#38bdf859;--border:#94afd629;--border-strong:#94afd647;--gridline:#94afd61a;--baseline:#94afd63d;--field-bg:#0a152699;--header-bg:linear-gradient(180deg, #1a3052f2, #13233de6);--glow-a:#38bdf81f;--glow-b:#2563eb1f;--shadow-panel:0 8px 24px #00000059;--title-grad:linear-gradient(90deg, #eef4fc, #7fd3ff);--track:#94afd61f;--good-ink:#4ade80;--warn-ink:#fbbf24;--crit-ink:#f87171;--info-ink:#56c7fb;--series-1:#3987e5;--series-2:#d95926;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--surface-1:var(--panel);--page-plane:var(--bg-deep);--primary-ink:var(--ink);--secondary-ink:var(--ink-2);--muted-ink:var(--ink-muted)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-deep:#e9eef6;--panel:#fff;--panel-2:#f4f8fd;--panel-3:#e7eef8;--ink:#0f1c2e;--ink-2:#42556e;--ink-muted:#6a7c93;--accent:#2563eb;--accent-2:#0ea5e9;--accent-soft:#2563eb1a;--accent-glow:#2563eb38;--border:#0f1c2e1a;--border-strong:#0f1c2e2e;--gridline:#0f1c2e12;--baseline:#0f1c2e2e;--field-bg:#fff;--header-bg:linear-gradient(180deg, #fffffff5, #f4f8fdeb);--glow-a:#2563eb12;--glow-b:#0ea5e90f;--shadow-panel:0 6px 20px #0f1c2e1a;--title-grad:linear-gradient(90deg, #0f1c2e, #2563eb);--track:#0f1c2e14;--good-ink:#15803d;--warn-ink:#92600a;--crit-ink:#b42318;--info-ink:#1d4ed8;--series-1:#2a78d6;--series-2:#eb6834}*{box-sizing:border-box}body{min-height:100svh;color:var(--ink);background:radial-gradient(1200px 600px at 15% -10%, var(--glow-a), transparent 60%), radial-gradient(1000px 500px at 100% 0%, var(--glow-b), transparent 55%), var(--bg-deep);background-attachment:fixed;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .3s}h1{letter-spacing:.01em;color:var(--ink);margin:0 0 4px;font-size:20px}h2{color:var(--ink);margin:0 0 12px;font-size:15px}.nhan-micro{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);font-size:11px;font-weight:600}.khung{flex-direction:column;min-height:100svh;display:flex}.trang-cho{height:100svh;color:var(--ink-2);justify-content:center;align-items:center;font-size:16px;display:flex}.trang-cho--loi{color:var(--critical)}.bang-demo{color:var(--warn-ink);text-align:center;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#fab2192e,#fab2190a);border-bottom:1px solid #fab21966;padding:5px 24px;font-size:12px;font-weight:600}.thanh-tren{background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--accent-soft), var(--shadow-panel);z-index:20;align-items:center;gap:18px;padding:12px 24px;display:flex;position:sticky;top:0}.thanh-tren__emblem{background:radial-gradient(circle at 30% 25%, var(--accent-soft), transparent);border:1px solid var(--accent-soft);width:38px;height:38px;box-shadow:0 0 18px var(--accent-glow), inset 0 0 12px var(--accent-soft);border-radius:9px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.thanh-tren__title{white-space:nowrap;flex-direction:column;gap:1px;display:flex}.thanh-tren__title-main{letter-spacing:.06em;background:var(--title-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700}.thanh-tren__title-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:10.5px}.thanh-tren__nav{flex-wrap:wrap;flex:1;justify-content:center;gap:4px;display:flex}.thanh-tren__nav a{color:var(--ink-2);border:1px solid #0000;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.thanh-tren__nav a:hover{color:var(--ink);background:var(--accent-soft)}.thanh-tren__nav a.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-soft);box-shadow:0 0 14px var(--accent-glow), inset 0 0 8px var(--accent-soft)}.thanh-tren__clock{white-space:nowrap;border-right:1px solid var(--border);flex-direction:column;align-items:flex-end;gap:1px;padding-right:16px;display:flex}.thanh-tren__gio{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--accent);text-shadow:0 0 12px var(--accent-glow);font-size:17px;font-weight:700}.thanh-tren__ngay{color:var(--ink-muted);letter-spacing:.03em;font-size:11px}.thanh-tren__user{white-space:nowrap;align-items:center;gap:10px;display:flex}.thanh-tren__ten{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:flex}.cham-online{background:var(--good);width:8px;height:8px;box-shadow:0 0 8px var(--good);border-radius:50%;animation:2s ease-in-out infinite nhap-nhay}@keyframes nhap-nhay{0%,to{opacity:1}50%{opacity:.35}}.nut-icon{cursor:pointer;width:34px;height:34px;color:var(--ink);border:1px solid var(--border-strong);background:0 0;border-radius:8px;place-items:center;font-size:16px;transition:all .15s;display:grid}.nut-icon:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 12px var(--accent-glow)}.noi-dung{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:22px 24px 40px}.trang-tieu-de{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.trang-tieu-de p{color:var(--ink-muted);margin:0;font-size:13px}.khoi{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--border);box-shadow:var(--shadow-panel);border-radius:12px;margin-bottom:18px;padding:18px;position:relative}.khoi--co-vien-sang{border-color:var(--accent-soft)}.khoi__dau{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.khoi__dau h2{align-items:center;gap:8px;margin:0;display:flex}.khoi__dau h2:before{content:"";background:var(--accent);width:3px;height:15px;box-shadow:0 0 8px var(--accent-glow);border-radius:2px}.luoi-kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--border);box-shadow:var(--shadow-panel);border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.kpi:hover{border-color:var(--border-strong);transform:translateY(-2px)}.kpi:after{content:"";background:var(--accent);width:3px;box-shadow:0 0 14px var(--accent-glow);position:absolute;top:0;bottom:0;left:0}.kpi--good:after{background:var(--good);box-shadow:0 0 14px #0ca30c99}.kpi--warning:after{background:var(--warning);box-shadow:0 0 14px #fab2198c}.kpi--critical:after{background:var(--critical);box-shadow:0 0 14px #d03b3b99}.kpi__dau{justify-content:space-between;align-items:center;gap:10px;display:flex}.kpi__nhan{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);font-size:11px;font-weight:600;line-height:1.35}.kpi__icon{background:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.kpi--good .kpi__icon{background:#0ca30c24;border-color:#0ca30c4d}.kpi--warning .kpi__icon{background:#fab21924;border-color:#fab2194d}.kpi--critical .kpi__icon{background:#d03b3b24;border-color:#d03b3b4d}.kpi__so{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:34px;font-weight:700;line-height:1}.kpi__so small{color:var(--ink-2);margin-left:3px;font-size:15px;font-weight:600}.kpi__phu{color:var(--ink-muted);font-size:12px}.luoi-the{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px;display:grid}.the-tq{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-panel);border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.the-tq:hover{border-color:var(--border-strong);transform:translateY(-2px)}.the-tq:after{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.the-tq--good:after{background:var(--good)}.the-tq--warning:after{background:var(--warning)}.the-tq--critical:after{background:var(--critical)}.the-tq__dau{justify-content:space-between;align-items:center;gap:8px;display:flex}.the-tq__ten{color:var(--ink-2);font-size:12px;font-weight:600;line-height:1.3}.the-tq__icon{flex-shrink:0;font-size:15px}.the-tq__so{color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.1}.the-tq__so small{color:var(--ink-2);font-size:12px;font-weight:600}.the-tq__phu{color:var(--ink-muted);font-size:11px}.the-tq__chart{height:52px;margin:2px 0}.xem-them{color:var(--accent);align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.bang-dh{grid-template-columns:2.3fr 1fr;align-items:stretch;gap:16px;display:grid}.bang-dh__phai{min-height:100%;position:relative}.bang-dh__phai>.bang-cd{position:absolute;inset:0;overflow-y:auto}.bang-dh__trai{flex-direction:column;gap:14px;min-width:0;display:flex}.luoi-gauge{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.luoi-bd2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=1100px){.bang-dh,.luoi-bd2{grid-template-columns:1fr}.bang-dh__phai{min-height:0;position:static}.bang-dh__phai>.bang-cd{position:static;overflow-y:visible}}.gauge-tc{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--border);box-shadow:var(--shadow-panel);cursor:pointer;border-radius:10px;padding:10px 12px 4px;transition:transform .15s,border-color .15s}.gauge-tc:hover{border-color:var(--border-strong);transform:translateY(-2px)}.gauge-tc__nhan{color:var(--ink-2);text-align:center;min-height:2.6em;font-size:12px;font-weight:600;line-height:1.3}.gauge-tc__chart{text-align:center;position:relative}.gauge-tc__so{text-align:center;color:var(--ink);font-size:24px;font-weight:700;position:absolute;bottom:8px;left:0;right:0}.bang-cd{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-panel);border-radius:12px;padding:18px 20px}.bang-cd__tieude{letter-spacing:.02em;color:var(--ink);margin-bottom:6px;font-size:16px;font-weight:800}.bang-cd__ghichu{color:var(--ink-muted);margin-bottom:10px;font-size:11px;line-height:1.5}.bang-cd__box{border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:12px}.bang-cd__box--canhbao{background:#f59e0b1f;border:1px solid #f59e0b59}.bang-cd__box--ok{color:#16a34a;background:#16a34a1a;border:1px solid #16a34a4d;font-weight:600}.bang-cd__box-tieude{color:var(--ink);margin-bottom:6px;font-weight:800}.bang-cd__box-dong{color:var(--ink-2);justify-content:space-between;gap:10px;padding:2px 0;display:flex}.bang-cd__box-cuon{max-height:260px;padding-right:4px;overflow-y:auto}.bang-cd__box-them{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--accent);background:0 0;border:none;margin-top:6px;padding:4px 0;font-size:12px;font-weight:700}.bang-cd__box-them:hover{text-decoration:underline}.bang-cd__muc{color:var(--ink);border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;padding:10px 0 6px;font-size:16px;font-weight:800;display:flex}.bang-cd__con{color:var(--ink-2);justify-content:space-between;gap:12px;padding:3px 0 3px 14px;font-size:13px;display:flex}.bang-cd__con span:last-child,.bang-cd__muc span:last-child,.bang-cd__ketdu span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.bang-cd__ketdu{color:var(--accent);border-top:2px solid var(--accent-soft);justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;padding:12px 0 2px;font-size:17px;font-weight:800;display:flex}.luoi-bieu-do{grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px;display:grid}.luoi-2{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}@media (width<=980px){.luoi-bieu-do,.luoi-2{grid-template-columns:1fr}}.gauge-wrap{place-items:center;display:grid;position:relative}.gauge-tam{text-align:center;pointer-events:none;position:absolute}.gauge-tam__so{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.gauge-tam__nhan{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin-top:4px;font-size:11px}.gr-list{flex-direction:column;gap:14px;display:flex}.gr-row{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;font-size:13px;display:grid}.gr-row__ten{color:var(--ink-2)}.gr-row__so{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.gr-row__track{background:var(--track);border-radius:5px;grid-column:1/3;height:8px;overflow:hidden}.gr-row__fill{border-radius:5px;height:100%;transition:width .4s}.phan-phoi{flex-direction:column;justify-content:center;gap:12px;display:flex}.phan-phoi__hang{grid-template-columns:12px 1fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.phan-phoi__cham{border-radius:3px;width:11px;height:11px}.phan-phoi__ten{color:var(--ink-2)}.phan-phoi__so{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.donut-wrap{grid-template-columns:160px 1fr;align-items:center;gap:16px;display:grid}@media (width<=520px){.donut-wrap{grid-template-columns:1fr}}.canh-bao-list{flex-direction:column;gap:8px;max-height:340px;display:flex;overflow-y:auto}.canh-bao-item{background:#d03b3b14;border:1px solid #d03b3b3d;border-radius:9px;align-items:center;gap:12px;padding:10px 12px;display:flex}.canh-bao-item__icon{font-size:16px}.canh-bao-item__noidung{flex:1;min-width:0}.canh-bao-item__ten{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.canh-bao-item__mo-ta{color:var(--ink-muted);font-size:11.5px}.canh-bao-item__so{font-variant-numeric:tabular-nums;color:var(--warn-ink);font-size:15px;font-weight:700}.rong-khong{text-align:center;color:var(--ink-muted);padding:28px 12px;font-size:13px}.acc-thanh{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.nhom-acc{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-panel);border-radius:11px;margin-bottom:12px;overflow:hidden}.nhom-acc__head{background:linear-gradient(180deg, var(--panel-2), var(--panel));cursor:pointer;width:100%;color:var(--ink);font:inherit;text-align:left;border:none;align-items:center;gap:14px;padding:13px 16px;transition:background .15s;display:flex}.nhom-acc__head:hover{background:var(--accent-soft)}.nhom-acc__chevron{color:var(--accent);flex-shrink:0;font-size:12px;transition:transform .2s}.nhom-acc__head[aria-expanded=true] .nhom-acc__chevron{transform:rotate(90deg)}.nhom-acc__ten{flex:1;font-size:14px;font-weight:600}.nhom-acc__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{background:var(--accent-soft);color:var(--ink-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip--good{color:var(--good-ink);background:#0ca30c1f;border-color:#0ca30c4d}.chip--warn{color:var(--warn-ink);background:#fab2191f;border-color:#fab2194d}.nhom-acc__body{border-top:1px solid var(--border)}.nhom-acc__body .bang{box-shadow:none;border:none;border-radius:0}.thanh-cong-cu{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.thanh-cong-cu label{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:flex}select,input[type=text],input[type=number],input[type=date],textarea{font:inherit;border:1px solid var(--border-strong);background:var(--field-bg);color:var(--ink);border-radius:8px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}select,input[type=text],input[type=number],input[type=date]{box-sizing:border-box;height:38px}.hang-nhap{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.hang-nhap .nut{height:38px}.o-nhap{flex-direction:column;gap:4px;font-size:.85rem;display:flex}.o-nhap>span{color:var(--ink-muted);max-width:240px;min-height:1.3em;line-height:1.3}.o-nhap--chon select{width:190px}.o-nhap--chu input{width:240px}.o-nhap--so input{width:130px}.o-nhap--rong input{width:320px}select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}option{background:var(--panel);color:var(--ink)}.bang{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;font-size:13.5px;overflow:hidden}.bang th,.bang td{text-align:left;border-bottom:1px solid var(--gridline);padding:11px 14px}.bang td{color:var(--ink-2)}.bang td:first-child{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.bang th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--panel-2);font-size:11px;font-weight:600}.bang tbody tr{transition:background .12s}.bang tbody tr:hover{background:var(--accent-soft)}.bang tr:last-child td{border-bottom:none}.bang__hanh-dong{align-items:center;gap:8px;display:flex}.hang--canh-bao td{background:color-mix(in srgb, var(--critical) 12%, transparent)}.hang--canh-bao:hover td{background:color-mix(in srgb, var(--critical) 18%, transparent)}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.badge--good{color:var(--good-ink);background:#0ca30c24;border-color:#0ca30c59}.badge--warning{color:var(--warn-ink);background:#fab21924;border-color:#fab21959}.badge--critical{color:var(--crit-ink);background:#d03b3b24;border-color:#d03b3b61}.badge--info{color:var(--info-ink);background:var(--accent-soft);border-color:var(--accent-soft)}.badge--muted{color:var(--ink-muted);background:var(--track);border-color:var(--border)}.nut{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#3d9ae8,#2a6fc4);border:1px solid #0000;border-radius:8px;padding:9px 18px;font-weight:600;transition:filter .15s,box-shadow .15s,transform .1s;box-shadow:0 2px 10px #296fc459}.nut:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 16px var(--accent-glow)}.nut:active:not(:disabled){transform:translateY(1px)}.nut:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.nut--nho{padding:6px 13px;font-size:12.5px}.nut--vien{color:var(--ink);border:1px solid var(--border-strong);box-shadow:none;background:0 0}.nut--vien:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);filter:none;box-shadow:0 0 12px var(--accent-glow)}.nut--nguy-hiem{background:linear-gradient(#e05555,#c23030);box-shadow:0 2px 10px #c2303059}.lien-ket{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none}.lien-ket:hover{text-shadow:0 0 10px var(--accent-glow);text-decoration:underline}.bieu-mau{flex-direction:column;gap:14px;max-width:480px;display:flex}.bieu-mau--ngang{flex-flow:wrap;align-items:center;max-width:none;margin-bottom:16px}.bieu-mau label{color:var(--ink-2);flex-direction:column;gap:5px;font-size:13px;display:flex}.bieu-mau__luoi{grid-template-columns:1fr 1fr;gap:14px;max-width:720px;display:grid}.bieu-mau__checkbox{align-items:center;flex-direction:row!important;gap:8px!important}.thong-bao{border-radius:9px;margin-bottom:16px;padding:11px 16px;font-size:13.5px}.thong-bao--loi{color:var(--crit-ink);background:#d03b3b1f;border:1px solid #d03b3b52}.thanh-tab{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tab{font:inherit;cursor:pointer;color:var(--ink-2);background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 16px}.tab--active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.recharts-default-tooltip{background:var(--panel-2)!important;border:1px solid var(--border-strong)!important;box-shadow:var(--shadow-panel)!important;color:var(--ink)!important;border-radius:8px!important}.recharts-tooltip-label{color:var(--ink)!important}.recharts-tooltip-item,.recharts-legend-item-text{color:var(--ink-2)!important}.dash-tabs{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-panel);border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:5px;display:flex}.dash-tab{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.dash-tab:hover{color:var(--ink);background:var(--accent-soft)}.dash-tab--active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-soft);box-shadow:inset 0 0 8px var(--accent-soft)}.dash-tab__badge{background:var(--track);color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700}.dash-tab--active .dash-tab__badge{background:var(--accent);color:#fff}.dash-tab__badge--canhbao{background:var(--warning);color:#3a2a00}.co-the-bam,.recharts-bar-rectangle{cursor:pointer}.modal-nen{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03080f9e;place-items:center;padding:20px;animation:.15s hien-modal;display:grid;position:fixed;inset:0}@keyframes hien-modal{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--border-strong);border-radius:14px;width:min(560px,100%);max-height:90vh;padding:22px;position:relative;overflow:auto;box-shadow:0 24px 60px #00000080}.modal__dau{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal__ma{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:12px;font-weight:700}.modal__tieude{color:var(--ink);margin:2px 0 6px;font-size:17px;font-weight:700}.modal__dong{border:1px solid var(--border-strong);width:30px;height:30px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;font-size:16px;line-height:1;transition:all .15s}.modal__dong:hover{border-color:var(--critical);color:var(--crit-ink);background:#d03b3b1a}.stat-luoi{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.stat{background:var(--field-bg);border:1px solid var(--border);border-radius:10px;padding:11px 13px}.stat__nhan{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:4px;font-size:10.5px;font-weight:600}.stat__gt{color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.1}.stat__gt small{color:var(--ink-muted);margin-left:3px;font-size:12px;font-weight:500}.ss{flex-direction:column;gap:10px;margin-top:6px;display:flex}.ss__hang{color:var(--ink-2);grid-template-columns:74px 1fr auto;align-items:center;gap:10px;font-size:12.5px;display:grid}.ss__track{background:var(--track);border-radius:5px;height:10px;overflow:hidden}.ss__fill{border-radius:5px;height:100%;transition:width .4s}.ss__gt{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}:root{--header-h:62px}.than{flex:1;align-items:stretch;min-height:0;display:flex}.thanh-tren__spacer{flex:1}.sidebar{top:var(--header-h);min-height:calc(100svh - var(--header-h));background:var(--header-bg);border-right:1px solid var(--border);z-index:15;flex-direction:column;flex-shrink:0;align-self:stretch;gap:4px;width:216px;padding:12px 10px;transition:width .18s;display:flex;position:sticky;overflow-y:auto}.sidebar.sidebar--thu-gon{width:62px}.sidebar__toggle{border:1px solid var(--border-strong);width:30px;height:30px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-end;margin-bottom:6px;font-size:15px;line-height:1;transition:all .15s}.sidebar__toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sidebar--thu-gon .sidebar__toggle{align-self:center}.sidebar__nav{flex-direction:column;gap:3px;display:flex}.sidebar__link{color:var(--ink-2);white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar__link:hover{color:var(--ink);background:var(--accent-soft)}.sidebar__link.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-soft);box-shadow:inset 0 0 8px var(--accent-soft)}.sidebar__link--co-con{background:var(--accent-soft);border-right-color:#0000;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-10px;padding-right:18px;position:relative}.sidebar__link--co-con:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid var(--accent);opacity:.85;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sidebar--thu-gon .sidebar__link--co-con{border-radius:10px;margin-right:0;padding-right:0}.sidebar--thu-gon .sidebar__link--co-con:after{display:none}.sidebar__icon{text-align:center;flex-shrink:0;width:22px;font-size:17px}.sidebar__label{text-overflow:ellipsis;overflow:hidden}.sidebar--thu-gon .sidebar__link{justify-content:center;padding:10px}.sidebar--thu-gon .sidebar__label{display:none}.sidebar-phu{top:var(--header-h);min-height:calc(100svh - var(--header-h));background:var(--panel);border-right:1px solid var(--border);z-index:14;flex-direction:column;flex-shrink:0;align-self:stretch;gap:3px;width:210px;padding:14px 10px;display:flex;position:sticky;overflow-y:auto}.sidebar-phu.sidebar-phu--thu-gon{align-items:center;width:52px;padding:14px 6px}.sidebar-phu__dau{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;padding:0 4px 8px;display:flex}.sidebar-phu--thu-gon .sidebar-phu__dau{flex-direction:column;width:100%;padding:0 0 8px}.sidebar-phu__tieude{text-transform:uppercase;letter-spacing:.08em;min-width:0;color:var(--accent);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.sidebar-phu__icon{flex-shrink:0;font-size:15px}.sidebar-phu__ten-cha{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-phu--thu-gon .sidebar-phu__ten-cha{display:none}.sidebar-phu__toggle{border:1px solid var(--border);background:var(--panel-2);width:22px;height:22px;color:var(--ink-muted);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;font-size:12px;line-height:1;display:grid}.sidebar-phu__toggle:hover{color:var(--accent);border-color:var(--accent)}.sidebar-phu__gon-tom-tat{background:var(--accent-soft);width:100%;color:var(--accent);cursor:pointer;font:inherit;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:6px 0;display:flex}.sidebar-phu__gon-so{font-size:15px;font-weight:800;line-height:1}.sidebar-phu__gon-nhan{opacity:.8;font-size:10px}.sidebar-phu__link{color:var(--ink-2);border-radius:8px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.sidebar-phu__link:hover{color:var(--ink);background:var(--accent-soft)}.sidebar-phu__link--active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}@media (width<=1100px){.than{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"chinh phu""chinh than-noi-dung";align-items:start;display:grid}.than>.sidebar{grid-area:chinh}.than>.sidebar-phu{grid-area:phu}.than>.noi-dung{grid-area:than-noi-dung}.sidebar-phu{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:4px;width:auto;height:auto;padding:8px 12px;position:static;overflow:auto hidden}.sidebar-phu__tieude{white-space:nowrap;flex-shrink:0;padding:0 10px 0 0}.sidebar-phu__link{white-space:nowrap;flex-shrink:0;padding:7px 12px}.sidebar-phu__link--active{box-shadow:inset 0 -2px 0 var(--accent)}}.chan-trang{border-top:1px solid var(--border);background:var(--header-bg);color:var(--ink-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:14px 24px;font-size:12.5px;display:flex}.chan-trang strong{color:var(--ink-2);font-weight:600}.chan-trang__cham{color:var(--border-strong)}.thong-bao--nhac{color:var(--warn-ink);background:#fab2191f;border:1px solid #fab21952}.o-nhap-don-vi{align-items:stretch;gap:0;display:flex}.o-nhap-don-vi input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}.o-nhap-don-vi__hau-to{color:var(--ink-2);background:var(--panel-3);border:1px solid var(--border-strong);white-space:nowrap;border-left:none;border-radius:0 8px 8px 0;align-items:center;padding:0 12px;font-size:12.5px;font-weight:600;display:flex}.o-nhap--loi{border-color:var(--critical)!important}.nhan-loi{color:var(--crit-ink);margin-top:4px;font-size:11.5px}.bang-cuon{overflow-x:auto}.bang-cuon .bang{min-width:900px}.bang-cuon .bang td input[type=number],.bang-cuon .bang td input[type=text]{padding:6px 9px;font-size:13px}html,body{max-width:100%;overflow-x:hidden}@media (width<=980px){.thanh-tren{flex-wrap:wrap;gap:12px;padding:10px 16px}.thanh-tren__nav{flex:1 0 100%;order:3;justify-content:flex-start;width:100%}}@media (width<=820px){.sidebar,.sidebar.sidebar--thu-gon{width:58px}.sidebar .sidebar__label,.sidebar.sidebar--thu-gon .sidebar__label{display:none}.sidebar .sidebar__link,.sidebar.sidebar--thu-gon .sidebar__link{justify-content:center;padding:10px}.sidebar__toggle{display:none}.thanh-tren{gap:10px;padding:10px 14px}.thanh-tren__title-sub{display:none}.thanh-tren__clock{padding-right:12px}.thanh-tren__gio{font-size:15px}.noi-dung{padding:16px 14px 32px}.chan-trang{padding:12px 14px}}@media (width<=720px){.bang{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.trang-tieu-de{align-items:flex-start}.thanh-tren__ten{display:none}.noi-dung{padding:14px 12px 28px}.khoi{padding:14px}.stat-luoi{grid-template-columns:1fr}}@media (width<=560px){.luoi-kpi{grid-template-columns:1fr}.thanh-tren__clock{border-right:none;padding-right:0}.kpi__so{font-size:28px}h1{font-size:18px}}@page{margin:1.2cm}@media print{.thanh-tren,.sidebar,.chan-trang,.bang-demo,.dash-tabs,.nut,.nut-icon,.sidebar__toggle,.modal__dong{display:none!important}body,.khoi,.bang,.kpi{color:#000!important;box-shadow:none!important;background:#fff!important;border-color:#ccc!important}body{background:#fff!important;background-attachment:initial!important}.noi-dung{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.than{display:block!important}h1,h2,.kpi__so,.kpi__nhan,.kpi__phu,.stat__gt,.stat__nhan,.bang td,.bang th,.modal__ma,.modal__tieude,.gr-row__ten,.gr-row__so,.phan-phoi__ten,.phan-phoi__so{color:#000!important}.modal-nen{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;animation:none!important;display:block!important;position:static!important;inset:auto!important}.modal{color:#000!important;width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}.khoi,.recharts-wrapper,.recharts-surface,.gauge-wrap{overflow:visible!important}.khoi,.kpi{break-inside:avoid;page-break-inside:avoid}.toast-vung{display:none!important}}.toast-vung{z-index:60;pointer-events:none;flex-direction:column;gap:10px;width:min(360px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--border-strong);border-left:3px solid var(--accent);box-shadow:var(--shadow-panel);color:var(--ink);border-radius:11px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:13.5px;animation:.2s toast-vao;display:flex}@keyframes toast-vao{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast__icon{color:#fff;background:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;line-height:1;display:grid}.toast__noidung{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast__nhan{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:11px;font-weight:700}.toast__text{color:var(--ink-2);word-break:break-word;line-height:1.4}.toast__dong{width:22px;height:22px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;font-size:13px;line-height:1;transition:color .15s,background .15s}.toast__dong:hover{color:var(--ink);background:var(--track)}.toast--thanh_cong{border-left-color:var(--good)}.toast--thanh_cong .toast__icon{background:var(--good)}.toast--thanh_cong .toast__nhan{color:var(--good-ink)}.toast--loi{border-left-color:var(--critical)}.toast--loi .toast__icon{background:var(--critical)}.toast--loi .toast__nhan{color:var(--crit-ink)}.toast--thong_tin{border-left-color:var(--accent)}.toast--thong_tin .toast__icon{background:var(--accent)}.toast--thong_tin .toast__nhan{color:var(--info-ink)}@media (width<=560px){.toast-vung{width:auto;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}