:root{--bg:#f1f2f4;--surface:#fff;--title:#1b2330;--text:#3a3a4c;--text-soft:#7a8290;--text-soft2:#8a93a0;--text-mute:#b3b9c2;--line:#eef0f3;--line2:#e6e8ec;--brand:#fd65af;--action:#e0457b;--action-bg:#fdeef4;--brand-grad:linear-gradient(135deg, #fe8377, #fd65af);--indigo:#4f46e5;--indigo-bg:#eef2ff;--indigo-bd:#c7d2fe;--green:#16a34a;--green-bg:#e7f6ec;--blue:#2f6fe0;--blue-bg:#eaf1fd;--amber:#d4870d;--amber-bg:#fff4d6;--red:#ef4444;--red-bg:#fde4e4;--purple:#9333ea;--purple-bg:#f4ebfe;--teal:#0d9488;--teal-bg:#e3f6f3;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--shadow:0 1px 2px #1b23300a, 0 6px 20px #1b23300f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.45}a{color:var(--indigo);text-decoration:none}.erp-layout{background:var(--bg);min-height:100vh;display:flex}.erp-sidebar{background:var(--surface);border-right:1px solid var(--line2);flex-direction:column;flex:none;gap:2px;width:76px;height:100vh;padding:8px 0;display:flex;position:sticky;top:0;overflow-y:auto}.erp-sidebar::-webkit-scrollbar{width:0}.side-item{cursor:pointer;color:var(--text-soft2);text-align:center;background:0 0;border:none;border-radius:11px;flex-direction:column;align-items:center;gap:4px;margin:0 6px;padding:9px 4px;font-family:inherit;font-size:10px;font-weight:600;line-height:1.15;transition:all .12s;display:flex}.side-item:hover{color:var(--text);background:#f5f6f8}.side-item.active{font-weight:700}.erp-main{flex-direction:column;flex:1;min-width:0;display:flex}.erp-topbar{background:var(--surface);border-bottom:1px solid var(--line2);z-index:20;align-items:center;gap:20px;padding:10px 22px;display:flex;position:sticky;top:0}.erp-brand{align-items:center;gap:9px;display:flex}.erp-brandimg{width:auto;height:42px;display:block}.erp-devtoggle{background:#f1f2f4;border-radius:9px;gap:3px;padding:3px;display:flex}.erp-devtoggle button{cursor:pointer;color:var(--text-soft);background:0 0;border:none;border-radius:7px;padding:5px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.erp-devtoggle button.on{color:var(--indigo);background:#fff;box-shadow:0 1px 3px #00000014}.erp-topright{align-items:center;gap:12px;margin-left:auto;display:flex}.erp-user{align-items:center;gap:9px;display:flex}.erp-ava{background:var(--purple-bg);width:32px;height:32px;color:var(--purple);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.erp-user-name{color:var(--title);font-size:13px;font-weight:700}.erp-user-role{color:var(--text-soft);font-size:11px}.erp-content{flex:1;overflow-y:auto}.mob-nav{z-index:30;background:#fff;border-top:1px solid #eceef1;padding:7px 6px 14px;display:none;position:fixed;bottom:0;left:0;right:0}.mob-nav-it{color:#9aa3af;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;font-family:inherit;font-size:10.5px;font-weight:700;display:flex}.mob-nav-it.on{color:#e0457b}.khung-dt{border:1px solid var(--line2);max-width:434px;box-shadow:var(--shadow);background:var(--bg);border-radius:26px;margin:16px auto 28px;overflow:hidden}.khung-dt .bc-shell{padding:12px 12px 36px}.khung-dt .bc-kpis{grid-template-columns:repeat(2,1fr);gap:9px}.khung-dt .bc-luoi{grid-template-columns:1fr;gap:10px}.khung-dt .the-kpi-so{font-size:20px}.khung-dt .cn-hang{grid-template-columns:106px 1fr 66px}.khung-dt .bc-locs-khoang{display:none}.chip-khach{background:var(--indigo-bg);border:1px solid var(--indigo-bd);color:var(--indigo);border-radius:9px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.chip-demo{background:var(--amber-bg);color:var(--amber);border-radius:9px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.chip-demo i{background:var(--amber);border-radius:50%;width:7px;height:7px}.bc-shell{max-width:1240px;margin:0 auto;padding:16px 20px 44px}.sol-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:12px;display:flex;overflow-x:auto}.sol-tab{color:var(--text-soft);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-bottom:2px solid #0000;flex:none;align-items:center;gap:7px;padding:9px 13px;display:flex}.sol-tab:hover{color:#3b4453}.sol-tab.on{color:#212a36;border-bottom-color:#fd5a8e;font-weight:700}.sol-tab.on svg{color:#fd5a8e}.sol-tab svg{color:#aab1bb}.sales-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.sales-tab{color:#6b7280;border:1px solid var(--line2);cursor:pointer;font-size:12.5px;font-weight:700;font-family:var(--font);background:#fff;border-radius:9px;align-items:center;gap:5px;padding:8px 14px;transition:all .12s;display:flex}.sales-tab:hover{border-color:var(--indigo-bd)}.sales-tab.active{background:var(--indigo-bg);border-color:var(--indigo-bd);color:var(--indigo)}.bc-locs{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px;display:flex}.pill{cursor:pointer;border:1px solid var(--line2);color:#6b7280;font-size:12.5px;font-weight:700;font-family:var(--font);background:#fff;border-radius:9px;align-items:center;gap:7px;padding:8px 15px;transition:all .12s;display:flex}.pill:hover{border-color:var(--indigo-bd);color:var(--indigo)}.pill-chon{background:var(--indigo-bg);border:1px solid var(--indigo-bd);color:var(--indigo)}.bc-locs-khoang{color:var(--text-soft);margin-left:auto;font-size:12px;font-weight:600}.bc-kpis{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.the-kpi{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;min-width:0;padding:13px 15px 12px;animation:.45s both hienKhoi}.the-kpi-dau{color:var(--text-soft);align-items:center;gap:7px;display:flex}.the-kpi-nhan{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.the-kpi-so{color:var(--title);letter-spacing:-.02em;font-variant-numeric:normal;margin-top:3px;font-size:24px;font-weight:900}.the-kpi-duoi{justify-content:space-between;align-items:flex-end;gap:8px;min-height:30px;margin-top:4px;display:flex}.delta{border-radius:8px;align-items:center;gap:3px;padding:2.5px 8px;font-size:11px;font-weight:700;display:inline-flex}.delta-tot{color:var(--green);background:var(--green-bg)}.delta-xau{color:var(--red);background:var(--red-bg)}.delta-khong{color:var(--text-soft2);font-size:11px;font-weight:600}.bc-luoi{grid-template-columns:2fr 1fr;gap:13px;margin-top:13px;display:grid}.khoi{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;min-width:0;padding:15px 17px 16px;animation:.5s both hienKhoi}.khoi-rong{grid-column:1/-1}.khoi-dau{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.khoi-tieude{color:var(--title);font-size:15px;font-weight:800}.khoi-phu{color:var(--text-soft);margin-top:1px;font-size:12px}.bd-khung{position:relative}.bd-legend{gap:16px;margin-bottom:4px;display:flex}.bd-key{color:var(--text-soft);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.bd-key i{border-radius:2px;width:14px;height:3px}.bd-net{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s .1s forwards veNet}.bd-vung{opacity:0;animation:.7s .5s forwards hienVung}.bd-rong{text-align:center;color:var(--text-soft);background:#fafbfc;border-radius:10px;padding:34px 12px;font-size:13px}.bd-tt{z-index:20;pointer-events:none;background:var(--surface);border:1px solid var(--line2);border-radius:10px;min-width:150px;padding:8px 11px;position:absolute;box-shadow:0 6px 24px #1b233024}.bd-tt-ngay{color:var(--title);margin-bottom:4px;font-size:11.5px;font-weight:800}.bd-tt-hang{align-items:center;gap:6px;padding:1.5px 0;font-size:12px;display:flex}.bd-tt-hang i{border-radius:2px;flex:none;width:10px;height:3px}.bd-tt-hang b{color:var(--title);font-variant-numeric:tabular-nums;font-weight:800}.bd-tt-hang span{color:var(--text-soft);font-size:11.5px}.cn-danh-sach{flex-direction:column;gap:4px;display:flex}.cn-hang{cursor:default;border-radius:9px;grid-template-columns:148px 1fr 74px;align-items:center;gap:10px;padding:6px 8px;display:grid;position:relative}.cn-hang-chon{background:#f5f6ff}.cn-ten{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.cn-ray{align-items:center;height:18px;display:flex}.cn-cot{background:var(--indigo);border-radius:0 4px 4px 0;height:18px;animation:.6s both moRong}.cn-so{color:var(--title);text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.cn-tt{top:-66px;left:150px}.pheu{flex-direction:column;gap:7px;padding-top:2px;display:flex}.pheu-hang{align-items:center;gap:10px;display:flex}.pheu-cot{border-radius:0 4px 4px 0;flex:none;max-width:62%;height:34px;animation:.7s both moRong}.pheu-nhan{flex-direction:column;min-width:0;line-height:1.25;display:flex}.pheu-nhan b{color:var(--title);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.pheu-nhan span{color:var(--text-soft);white-space:nowrap;font-size:11.5px;font-weight:600}.pheu-noi{color:var(--text-soft2);padding:1px 0 3px 6px;font-size:11px;font-weight:600}.bang-cuon{overflow-x:auto}.bang{border-collapse:collapse;width:100%;font-size:12.5px}.bang th{text-align:right;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft2);border-bottom:1px solid var(--line2);white-space:nowrap;padding:7px 10px;font-size:10.5px;font-weight:700}.bang th:first-child,.bang td:first-child{text-align:left}.bang td{border-bottom:1px solid var(--line);color:var(--text);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:8px 10px}.bang tr:last-child td{border-bottom:none}.bang tbody tr:hover td{background:#fafbfc}.bang td.b{color:var(--title);font-weight:700}.bang .bang-ten{text-overflow:ellipsis;max-width:200px;font-weight:600;overflow:hidden}.bang tfoot td{color:var(--title);border-top:2px solid var(--line2);background:#fafbfc;font-weight:800}.ghi-chu-mau{color:var(--amber);background:var(--amber-bg);border-radius:8px;margin-top:8px;padding:6px 10px;font-size:11.5px;font-weight:600;display:inline-block}.sso-cho{min-height:100vh;color:var(--text-soft);place-items:center;font-size:13.5px;font-weight:600;display:grid}@keyframes hienKhoi{0%{opacity:0;transform:translateY(9px)}}@keyframes hienCot{0%{opacity:0}}.cot-anim{animation:.5s both hienCot}@keyframes veNet{to{stroke-dashoffset:0}}@keyframes hienVung{to{opacity:1}}@keyframes moRong{0%{width:0}}@media (prefers-reduced-motion:reduce){.the-kpi,.khoi,.bd-net,.bd-vung,.cn-cot,.pheu-cot{animation:none}.bd-net{stroke-dasharray:none}.bd-vung{opacity:1}}@media (width<=1080px){.bc-kpis{grid-template-columns:repeat(3,1fr)}.bc-luoi{grid-template-columns:1fr}}@media (width<=900px){.erp-sidebar{display:none}.mob-nav{display:flex}.erp-devtoggle{display:none}.erp-topbar{gap:10px;padding:8px 14px}.erp-brandimg{height:34px}.erp-user-name,.erp-user-role{display:none}.bc-shell{padding-bottom:84px}}@media (width<=640px){.bc-shell{padding:12px 12px 84px}.bc-kpis{grid-template-columns:repeat(2,1fr);gap:9px}.bc-luoi{gap:10px;margin-top:10px}.the-kpi-so{font-size:20px}.cn-hang{grid-template-columns:106px 1fr 66px}.bc-locs-khoang{display:none}}