@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{--nen: #f4f5f2;--mat: #ffffff;--chu: #1c2a35;--chu-phu: #66727c;--vien: #e2e5e1;--luoi: #eceeea;--dam: #14324a;--thau: #c8922e;--thau-nhat: #f6ecd8;--tot: #1f7a4d;--tot-nen: #e6f3ec;--canh: #a86207;--canh-nen: #fbf0dc;--xau: #b3261e;--xau-nen: #fbe7e5;--mau-1: #24597f;--mau-2: #c8922e;--mau-3: #5f8f6b;--mau-4: #8b5e9c;--bo: 10px;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:var(--chu);background:var(--nen)}*{box-sizing:border-box}body{margin:0;background:var(--nen)}button,input,select{font:inherit;color:inherit}h1,h2{margin:0}a{color:inherit}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.ben{position:sticky;top:0;height:100vh;background:var(--dam);color:#dfe7ec;display:flex;flex-direction:column;padding:18px 12px;gap:18px}.thuong-hieu{display:flex;gap:10px;align-items:center;padding:0 6px}.thuong-hieu b{display:block;color:#fff;font-size:15px}.thuong-hieu span{font-size:12px;color:#9fb3c1}.logo{width:34px;height:34px;border-radius:8px;background:var(--thau);color:var(--dam);display:grid;place-items:center;font-weight:700;font-size:17px;flex:none}.logo.lon{width:48px;height:48px;font-size:24px;margin-bottom:8px}.ben nav{display:flex;flex-direction:column;gap:2px}.ben nav a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:8px;text-decoration:none;color:#cbd7df;font-weight:500}.ben nav a:hover{background:#ffffff12;color:#fff}.ben nav a.on{background:#c8922e2e;color:#fff;box-shadow:inset 3px 0 0 var(--thau)}.bieu{width:18px;text-align:center;opacity:.85}.ben-cuoi{margin-top:auto;display:flex;flex-direction:column;gap:10px;font-size:12px;padding:0 6px}.nguoi{color:#fff;font-weight:600;font-size:13px}.nguoi span{display:block;color:#9fb3c1;font-weight:400;font-size:12px}.cap-nhat-luc{display:flex;align-items:center;gap:7px;color:#9fb3c1}.cham{width:8px;height:8px;border-radius:50%;background:#4cc38a;box-shadow:0 0 0 3px #4cc38a33;flex:none}.cham.moi{background:var(--thau);box-shadow:0 0 0 4px #c8922e59}.thanh-tren,.man-che{display:none}.noi-dung{padding:22px 28px 40px;min-width:0}.bang-thu{background:var(--thau-nhat);color:#7a5512;border:1px solid #ecd6a8;padding:6px 12px;border-radius:8px;font-size:12.5px;margin-bottom:14px}.toast{position:fixed;right:20px;bottom:20px;background:var(--dam);color:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 6px 24px #0003;z-index:50}.trang-dau{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.trang-dau h1{font-size:22px;font-weight:700;letter-spacing:-.01em}.mo-ta{color:var(--chu-phu);margin:4px 0 0;font-size:13px}.khung{background:var(--mat);border:1px solid var(--vien);border-radius:var(--bo);padding:16px;margin-bottom:16px;min-width:0}.khung-dau{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.khung-dau h2{font-size:15px;font-weight:600}.ghi-chu{color:var(--chu-phu);font-size:12.5px;margin:10px 0 0}.luoi-2{display:grid;grid-template-columns:2fr 1fr;gap:16px}.luoi-2>.khung{margin-bottom:0}.luoi-2 .rong-2{grid-column:span 1}.luoi-2{margin-bottom:16px}.chon-ky{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.chon-nhanh{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--vien);background:var(--mat);border-radius:999px;padding:5px 11px;cursor:pointer;font-size:12.5px}.chip:hover:not(:disabled){border-color:#c5ccc6}.chip.on{background:var(--dam);border-color:var(--dam);color:#fff}.chip:disabled{opacity:.4;cursor:default}.chon-ngay{display:flex;gap:6px;align-items:center;color:var(--chu-phu)}input[type=date],select,.tim,.luu input,.dang-nhap input{border:1px solid var(--vien);border-radius:8px;padding:6px 9px;background:var(--mat)}.chon-1-ngay{display:flex;gap:8px;align-items:center;color:var(--chu-phu);font-size:13px}.luoi-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi{text-align:left;background:var(--mat);border:1px solid var(--vien);border-radius:var(--bo);padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.kpi.link{cursor:pointer}.kpi.link:hover{border-color:#c5ccc6;box-shadow:0 2px 10px #14324a0f}.kpi:disabled{cursor:default}.kpi-nhan{color:var(--chu-phu);font-size:12.5px;font-weight:500}.kpi-so{font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-phu{color:var(--chu-phu);font-size:12px}.kpi.chinh{border-top:3px solid var(--mau-1)}.kpi.tot .kpi-so{color:var(--tot)}.kpi.xau .kpi-so{color:var(--xau)}.kpi.canh .kpi-so{color:var(--canh)}.luoi-kpi.nho .kpi-so{font-size:20px}.bang-wrap{overflow:auto;position:relative;border:1px solid var(--luoi);border-radius:8px}.bang{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px}.bang th{position:sticky;top:0;background:#f7f8f6;text-align:left;font-weight:600;color:#44525c;padding:8px 10px;border-bottom:1px solid var(--vien);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1}.bang td{padding:7px 10px;border-bottom:1px solid var(--luoi);white-space:nowrap}.bang td.so,.bang th.so{text-align:right}.bang tbody tr:hover{background:#fafbf9}.bang tr.bam{cursor:pointer}.bang tr.chon,.bang tr.chon:hover{background:var(--thau-nhat)}.bang tfoot td{position:sticky;bottom:0;background:#f2f4f1;font-weight:600;border-top:1px solid var(--vien)}.bang .am{color:var(--xau)}.bang td.canh:not(:empty){color:var(--canh)}.bang td.xau:not(:empty){color:var(--xau)}.bang .nho{font-size:12px}.mo-nhat{color:var(--chu-phu)}.dong-am td{background:var(--xau-nen)}.nut{border:1px solid var(--vien);background:var(--mat);padding:7px 14px;border-radius:8px;cursor:pointer;font-weight:500}.nut:hover:not(:disabled){border-color:#c0c7c1}.nut:disabled{opacity:.45;cursor:default}.nut.chinh{background:var(--dam);border-color:var(--dam);color:#fff}.nut.nho{padding:4px 10px;font-size:12.5px}.nut.rong{width:100%;margin-top:14px}.ben .nut{background:transparent;color:#cbd7df;border-color:#fff3;align-self:flex-start}.bang-cong-cu{display:flex;justify-content:flex-end;margin:-4px 0 6px}.bo-loc{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.bo-loc .tim{min-width:260px;flex:1 1 260px;max-width:420px}.dem-dong{color:var(--chu-phu);font-size:12.5px;margin-left:auto}.tong-nhanh{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--chu-phu);margin-bottom:10px}.tong-nhanh b{color:var(--chu);font-variant-numeric:tabular-nums}.phan-trang{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:10px;color:var(--chu-phu);font-size:13px}.nhan-loai{font-size:11.5px;padding:2px 7px;border-radius:999px;background:#eef1ee;color:#44525c}.nhan-loai.BAN_HANG{background:#e6eef5;color:#24597f}.nhan-loai.MUA_HANG{background:var(--thau-nhat);color:#7a5512}.nhan-loai.THU_TIEN{background:var(--tot-nen);color:var(--tot)}.nhan-loai.CHI_TIEN,.nhan-loai.CHI_PHI{background:var(--xau-nen);color:var(--xau)}.hop-chon{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--chu-phu)}.tabs{display:flex;gap:4px;background:#eef0ec;padding:3px;border-radius:9px}.tab{border:0;background:transparent;padding:6px 12px;border-radius:7px;cursor:pointer;font-weight:500;color:var(--chu-phu)}.tab.on{background:var(--mat);color:var(--chu);box-shadow:0 1px 3px #00000014}.dem{margin-left:6px;font-size:11px;background:#dfe3de;border-radius:999px;padding:1px 6px}.bieu-do{margin:0 -6px}.canh-bao{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.canh-bao li a{display:block;text-decoration:none;padding:10px 12px;border-radius:8px;background:#f4f6f3;color:var(--chu-phu)}.canh-bao li.co a{background:var(--canh-nen);color:#6e4306}.canh-bao b{font-size:16px;margin-right:4px;color:var(--chu)}.canh-bao li.co b{color:var(--canh)}.thanh-ty-trong{display:flex;flex-direction:column;gap:12px}.ty-trong-nhan{display:flex;justify-content:space-between;font-size:13px}.ty-trong-nhan b{font-variant-numeric:tabular-nums}.ty-trong-thanh{height:8px;background:#eef0ec;border-radius:99px;margin:5px 0 3px;overflow:hidden}.ty-trong-thanh i{display:block;height:100%;background:var(--mau-1);border-radius:99px}.ty-trong-phu{font-size:12px;color:var(--chu-phu)}.luoi-chi-tiet{display:grid;grid-template-columns:1fr;gap:16px}.luoi-chi-tiet.co-chon{grid-template-columns:1fr}.luoi-chi-tiet>.khung{margin-bottom:0}.bao-cao tr.nhom td{font-weight:700;color:var(--dam);background:#f7f8f6;font-size:12px;letter-spacing:.02em}.bao-cao tr.thut td:first-child{padding-left:24px}.bao-cao tr.dam td{font-weight:700;background:#f4f5f2}.bao-cao tr.xanh td{background:#e6eef5}.bao-cao tr.vang td{background:var(--thau-nhat)}.bang tr.nhom td{font-weight:600;background:#f7f8f6}.bang tr.thut td:first-child{padding-left:22px}.luoi-bao-cao{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}.cau-hinh{position:sticky;top:16px}.nhan{display:block;font-size:12px;font-weight:600;color:var(--chu-phu);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.04em}.cau-hinh .tim{width:100%}.luu{display:flex;gap:6px;margin-top:10px}.luu input{flex:1;min-width:0}.da-luu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.da-luu li{display:flex;justify-content:space-between;align-items:center}.lien-ket{border:0;background:none;color:var(--mau-1);cursor:pointer;text-align:left;padding:3px 0;font-weight:500}.xoa{border:0;background:none;color:var(--chu-phu);cursor:pointer}.thong-bao{padding:10px 12px;border-radius:8px;background:#f2f4f1;color:var(--chu-phu);font-size:13px;margin-top:8px}.thong-bao.loi{background:var(--xau-nen);color:var(--xau)}.dang-tai{display:flex;gap:10px;align-items:center;color:var(--chu-phu);padding:24px 4px}.dang-tai.toan{justify-content:center;min-height:100vh}.xoay{width:16px;height:16px;border:2px solid var(--vien);border-top-color:var(--dam);border-radius:50%;animation:xoay .8s linear infinite}@keyframes xoay{to{transform:rotate(360deg)}}.mo{opacity:.55;transition:opacity .15s}.buoc{margin:0;padding-left:20px;line-height:1.7}.dang-nhap{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--dam)}.dang-nhap .khung{width:min(380px,100%);display:flex;flex-direction:column;gap:12px;padding:28px}.dang-nhap label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500}@media (max-width: 1180px){.luoi-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.luoi-2,.luoi-chi-tiet.co-chon,.luoi-bao-cao{grid-template-columns:1fr}.cau-hinh{position:static}}@media (max-width: 900px){.app{grid-template-columns:1fr}.ben{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:40;transform:translate(-100%);transition:transform .2s}.mo-menu .ben{transform:none}.mo-menu .man-che{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:30}.thanh-tren{display:flex;position:sticky;top:0;z-index:20;align-items:center;gap:12px;background:var(--dam);color:#fff;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top))}.thanh-tren b{flex:1;font-size:16px}.thanh-tren .cap-nhat-luc{font-size:12px}.nut-menu{background:none;border:0;color:#fff;font-size:22px;padding:0 4px;cursor:pointer}.noi-dung{padding:14px 16px 32px}.trang-dau h1{font-size:19px}.trang-dau{flex-direction:column;align-items:stretch}.trang-phai{width:100%;min-width:0}.chon-ky{align-items:stretch;width:100%;min-width:0}.chon-ngay{min-width:0}.noi-dung{overflow-x:hidden}.chon-nhanh{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chip{white-space:nowrap}.chon-ngay input{flex:1;min-width:0}.bo-loc .tim{min-width:0;max-width:none}.toast{left:16px;right:16px;bottom:16px}}@media (max-width: 520px){.luoi-kpi{gap:8px}.kpi{padding:11px 12px}.kpi-so{font-size:19px}.luoi-kpi.nho .kpi-so{font-size:17px}.kpi-phu{font-size:11.5px}.khung{padding:12px}.dem-dong{margin-left:0}}