:root{--cam: #F0821E;--cam-sang: #FBA63C;--cam-dam: #D96C0A;--nau-do: #5E2A28;--nau-text: #3A211F;--vang: #F7B733;--kem: #FDF4EA;--kem2: #F8E7D2;--hl: #FDEBD6;--vien: #EEDCC4}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Be Vietnam Pro,system-ui,Segoe UI,sans-serif;background:var(--kem);color:var(--nau-text);padding:20px}.wrap{max-width:1260px;margin:0 auto}.state{max-width:640px;margin:60px auto;font-size:15px;text-align:center;color:var(--nau-do)}.state.err{color:#b5372f}.header{background:linear-gradient(120deg,var(--nau-do),#7a3835);border-radius:18px;padding:20px 26px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.header h1{font-size:21px;font-weight:700}.header-sub{font-size:12.5px;opacity:.85;margin-top:4px}.logo{background:#fff;padding:9px 16px;border-radius:12px;display:flex;align-items:center}.logo img{height:44px;display:block}.bar{background:#fff;border:1px solid var(--vien);border-radius:14px;padding:14px 18px;margin:16px 0;display:flex;gap:18px;align-items:end;flex-wrap:wrap}.bar .fld{display:flex;flex-direction:column;gap:4px}.bar label{font-size:11px;font-weight:700;color:#8a6d55;text-transform:uppercase}.bar input[type=date]{border:1px solid var(--cam);background:var(--hl);border-radius:8px;padding:7px 10px;font-family:inherit;color:var(--nau-text);font-size:13px}.btn{border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}.btn.p{background:var(--cam);color:#fff}.btn.p:hover{background:var(--cam-dam)}.btn.g{background:var(--kem2);color:var(--nau-do)}.btn.g:hover{background:var(--vien)}.btn:disabled{opacity:.55;cursor:default}.chip{margin-left:auto;font-size:11.5px;padding:6px 12px;border-radius:20px;background:var(--kem2);color:var(--nau-do);font-weight:600}.chip+.chip{margin-left:0}.chip.ok{background:#e3f4e8;color:#2e7d46}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px;margin:16px 0}.kpi{background:#fff;border:1px solid var(--vien);border-radius:14px;padding:15px 17px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--cam)}.kpi-lab{font-size:12px;color:#6d513f;font-weight:700;text-transform:uppercase}.kpi-val{font-size:24px;font-weight:800;margin-top:6px;color:var(--nau-do);letter-spacing:-.3px}.kpi-unit{font-size:12.5px;color:#90715a;font-weight:700}.kpi.pos:before{background:#1f9d57}.kpi.neg:before{background:#c0392b}.kpi.blue:before{background:var(--cam-dam)}.kpi.gold:before{background:var(--vang)}.kpi.pos .kpi-val{color:#17864a}.kpi.neg .kpi-val{color:#c0392b}.kpi.blue .kpi-val{color:var(--cam-dam)}.kpi.gold .kpi-val{color:#b8791a}.sec-title{font-size:13px;font-weight:800;color:var(--nau-do);margin:22px 0 10px;text-transform:uppercase;letter-spacing:.5px;border-left:5px solid var(--cam);padding-left:10px}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--vien);border-radius:16px;padding:18px 20px}.card h2{font-size:14.5px;color:var(--nau-do);margin-bottom:14px;font-weight:700;display:flex;align-items:center;gap:8px}.card h2:before{content:"";width:9px;height:9px;background:var(--cam);border-radius:2px;transform:rotate(45deg)}.chart-box{height:290px}table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}th,td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--kem2)}th:first-child,td:first-child{text-align:left}thead th{background:var(--hl);color:var(--nau-do);font-weight:800;font-size:11.5px;text-transform:uppercase;position:sticky;top:0}tbody td{color:var(--nau-text);font-weight:600}tbody td:first-child{color:var(--nau-do)}tbody tr:hover{background:var(--kem)}.tblwrap{border-radius:10px;overflow-x:auto}tfoot td{font-weight:800;font-size:14px;color:var(--nau-do);background:var(--kem2);border-top:2px solid var(--cam)}tr.grp td{background:var(--hl);font-weight:800;color:var(--nau-do);border-top:2px solid var(--cam)}tr.grp.vay td{color:#c0392b}tr.sub td{color:#5a463a;font-size:13px;font-weight:600}tr.parent td{font-weight:800;color:var(--nau-do)}.n-pos{color:#17864a;font-weight:700}.n-neg{color:#c0392b;font-weight:700}.n-bal{color:var(--nau-do);font-weight:700}th.stt,td.stt{text-align:center;width:46px;color:#8a6d55;font-weight:700}th.co,td.co{text-align:left}.footer{text-align:center;color:var(--nau-do);font-weight:700;margin-top:22px;font-size:14px}.footer span{color:var(--cam-dam)}.note{font-size:11.5px;color:#8a6d55;margin-top:9px;font-style:italic;font-weight:600}.muted{color:#8a6d55;font-style:italic;font-weight:600}.fab-shot{position:fixed;right:24px;bottom:24px;z-index:999;width:62px;height:62px;border-radius:50%;border:3px solid #fff;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--cam-sang),var(--cam-dam));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #d96c0a73,0 3px 8px #0000002e;animation:fab-pop .45s cubic-bezier(.34,1.56,.64,1) both;transition:transform .18s ease,box-shadow .18s ease}.fab-shot:hover{transform:translateY(-3px) scale(1.07);box-shadow:0 14px 28px #d96c0a85,0 4px 10px #0003}.fab-shot:active{transform:scale(.93)}.fab-shot:disabled{cursor:default}.fab-shot svg{width:28px;height:28px;display:block}.fab-shot.busy{animation:fab-pulse 1s ease-in-out infinite}.fab-shot .fab-tip{position:absolute;right:74px;white-space:nowrap;background:var(--nau-do);color:#fff;font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:9px;opacity:0;pointer-events:none;transform:translate(6px);transition:opacity .18s ease,transform .18s ease}.fab-shot:hover .fab-tip{opacity:1;transform:translate(0)}.fab-shot .fab-tip:after{content:"";position:absolute;right:-5px;top:50%;margin-top:-5px;border:5px solid transparent;border-left-color:var(--nau-do)}@keyframes fab-pop{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fab-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 860px){.grid{grid-template-columns:1fr}.fab-shot{right:16px;bottom:16px}}