:root{--xanh: #15803d;--xanh-dam: #14532d;--xanh-nhat: #e8f3ec;--xanh-vien: #bbe0c8;--vang: #b45309;--vang-nen: #fef3c7;--do: #b91c1c;--do-nen: #fde8e8;--lam: #1d4ed8;--xam-9: #111827;--xam-7: #374151;--xam-5: #6b7280;--xam-4: #9ca3af;--vien: #e5e7eb;--vien-dam: #d1d5db;--nen: #f3f4f6;--trang: #ffffff;--bong: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--bong-noi: 0 4px 12px rgba(16, 24, 40, .1);--r: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--nen);color:var(--xam-9);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h2{font-size:20px;font-weight:650;margin:0 0 4px;letter-spacing:-.01em}h3{font-size:15px;font-weight:650;margin:0 0 10px}a{color:var(--xanh)}.thanh-tieu-de{height:56px;background:var(--xanh-dam);color:#fff;display:flex;align-items:center;gap:14px;padding:0 20px;position:sticky;top:0;z-index:20;box-shadow:var(--bong)}.thanh-tieu-de .logo{width:32px;height:32px;border-radius:7px;background:#fff;color:var(--xanh-dam);display:grid;place-items:center;font-weight:800;font-size:17px;flex:none}.thanh-tieu-de h1{font-size:15px;margin:0;font-weight:650;letter-spacing:-.01em}.thanh-tieu-de .sub{font-size:12px;color:#a7d3b6;margin-top:1px}.thanh-tieu-de .day{margin-left:auto;display:flex;align-items:center;gap:14px}.thanh-tieu-de .nguoi{text-align:right;font-size:12.5px;line-height:1.3}.thanh-tieu-de .nguoi b{font-size:13.5px;font-weight:600}.thanh-tieu-de .vai-chip{display:inline-block;background:#ffffff29;padding:1px 8px;border-radius:99px;font-size:11px;margin-top:2px}.nut-thoat{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);padding:7px 13px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:500}.nut-thoat:hover{background:#ffffff38}.bo-cuc{display:flex;min-height:calc(100vh - 56px)}.menu{width:232px;background:var(--trang);border-right:1px solid var(--vien);padding:14px 10px;flex:none;overflow-y:auto}.menu .nhom-ten{font-size:11px;font-weight:700;color:var(--xam-4);text-transform:uppercase;letter-spacing:.05em;padding:14px 10px 6px}.menu .nhom-ten:first-child{padding-top:2px}.menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 11px;margin-bottom:1px;border:none;background:none;border-radius:7px;cursor:pointer;font-size:13.5px;color:var(--xam-7);font-weight:500}.menu button .ico{width:17px;text-align:center;opacity:.8}.menu button:hover{background:var(--nen);color:var(--xam-9)}.menu button.chon{background:var(--xanh-nhat);color:var(--xanh-dam);font-weight:600}.menu button.chon .ico{opacity:1}.noi-dung{flex:1;padding:22px 28px;max-width:1180px;min-width:0}.trang-dau{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.trang-dau .mota{color:var(--xam-5);font-size:13px}.the{background:var(--trang);border:1px solid var(--vien);border-radius:var(--r);padding:18px;margin-bottom:16px;box-shadow:var(--bong)}.the-tieu-de{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.the-tieu-de h3{margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.kpi{background:var(--trang);border:1px solid var(--vien);border-radius:var(--r);padding:16px 18px;box-shadow:var(--bong);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--xanh)}.kpi.accent-lam:before{background:var(--lam)}.kpi.accent-vang:before{background:var(--vang)}.kpi.accent-do:before{background:var(--do)}.kpi .nhan{font-size:12.5px;color:var(--xam-5);font-weight:500}.kpi .so{font-size:25px;font-weight:700;color:var(--xam-9);margin-top:5px;letter-spacing:-.02em}.kpi .phu-chu{font-size:12px;color:var(--xam-4);margin-top:3px}.kpi.accent-do .so{color:var(--do)}.kpi.accent-vang .so{color:var(--vang)}.bang-bao{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;padding:9px 12px;color:var(--xam-5);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;background:#fafbfa;border-bottom:1px solid var(--vien-dam)}tbody td{padding:9px 12px;border-bottom:1px solid var(--vien)}tbody tr:hover{background:#fafbfa}tbody tr:last-child td{border-bottom:none}.phai{text-align:right;font-variant-numeric:tabular-nums}.tien{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.tien.am{color:var(--do)}tfoot td{padding:10px 12px;font-weight:700;border-top:2px solid var(--vien-dam);background:#fafbfa}.bang-soc tbody tr:nth-child(2n){background:#fcfcfb}.nhom-dong td{background:var(--xanh-nhat)!important;font-weight:650;color:var(--xanh-dam)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:600;line-height:1.6}.badge.xanh{background:var(--xanh-nhat);color:var(--xanh-dam)}.badge.vang{background:var(--vang-nen);color:var(--vang)}.badge.do{background:var(--do-nen);color:var(--do)}.badge.xam{background:var(--nen);color:var(--xam-5)}.badge.lam{background:#e0e7ff;color:var(--lam)}label{display:block;font-size:12.5px;color:var(--xam-7);margin:10px 0 4px;font-weight:500}input,select,textarea{width:100%;padding:8px 11px;border:1px solid var(--vien-dam);border-radius:7px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--xam-9)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--xanh);box-shadow:0 0 0 3px var(--xanh-nhat)}.hang{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.hang>*{flex:1;min-width:140px}.nut{background:var(--xanh);color:#fff;border:none;padding:9px 18px;border-radius:7px;cursor:pointer;font-size:13.5px;font-weight:600}.nut:hover{background:var(--xanh-dam)}.nut:disabled{background:var(--xam-4);cursor:not-allowed}.nut.phu{background:#fff;color:var(--xanh-dam);border:1px solid var(--vien-dam)}.nut.phu:hover{background:var(--nen)}.nut.nho{padding:5px 12px;font-size:12.5px}.nut.do{background:var(--do)}.nut.do:hover{background:#991b1b}.x-nho{color:var(--do);background:none;border:none;cursor:pointer;font-size:16px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--vien);margin-bottom:18px;flex-wrap:wrap}.tabs button{border:none;background:none;padding:9px 15px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--xam-5);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--xam-9)}.tabs button.chon{color:var(--xanh-dam);border-bottom-color:var(--xanh);font-weight:600}.bao{padding:11px 14px;border-radius:7px;margin:12px 0;font-size:13.5px;display:flex;gap:9px;align-items:flex-start}.bao.ok{background:var(--xanh-nhat);color:var(--xanh-dam)}.bao.loi{background:var(--do-nen);color:var(--do)}.bao.canh{background:var(--vang-nen);color:var(--vang)}.nho{font-size:12px;color:var(--xam-5)}.trong{text-align:center;padding:36px;color:var(--xam-4);font-size:13.5px}.dn-nen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#14532d,#166534 60%,#15803d);padding:20px}.dn-khung{width:100%;max-width:380px;background:#fff;border-radius:14px;box-shadow:var(--bong-noi);padding:32px 30px}.dn-logo{width:52px;height:52px;border-radius:12px;background:var(--xanh-dam);color:#fff;display:grid;place-items:center;font-weight:800;font-size:26px;margin:0 auto 14px}.dn-khung h1{font-size:20px;text-align:center;margin:0 0 2px}.dn-khung .sub{text-align:center;color:var(--xam-5);font-size:13px;margin-bottom:18px}.dn-khung .nut{width:100%;margin-top:18px;padding:11px}.dn-meo{margin-top:16px;font-size:12px;color:var(--xam-4);text-align:center;line-height:1.6}@media(max-width:720px){.menu{width:60px}.menu .nhom-ten,.menu button span.chu{display:none}.menu button{justify-content:center}.noi-dung{padding:16px}}