:root{--bg:#fff8ec;--surface:#fffdf7;--sunken:#f7ecdb;--fg:#4a2e22;--muted:#86695a;--line:#eedfc8;--pine:#8db043;--pine-ink:#2e1c14;--leaf:#5a7520;--sage:#b5cc8e;--apricot:#fbd9a8;--peach:#f9c9a0;--coral:#e8836b;--pumpkin:#ee8a2e;--golden:#f6b52e;--clay:#b5543b;--clay-soft:#fbe3d9;--draw:#4f7298;--draw-soft:#e2ebf3;--warn:#b9472f;--warn-soft:#fce2d8;--ok:#5a7520;--ok-soft:#ecf2d9;--amber:#9c620c;--amber-soft:#feebc9;--shadow:0 1px 0 #4a2e220d,0 8px 22px -12px #4a2e2247;--display:"Amatic SC", "Comic Sans MS", cursive;--body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#271c16;--surface:#31241d;--sunken:#3c2c23;--fg:#f7eada;--muted:#c7af98;--line:#4c3a2f;--pine:#a9c76a;--pine-ink:#21160f;--leaf:#bfd88a;--sage:#7f9a55;--apricot:#6b4a2c;--peach:#7a4e36;--coral:#f09a83;--pumpkin:#f3a35c;--warn:#f39a82;--ok:#bfd88a;--amber:#f3c062;--amber-soft:#4a3615;--clay-soft:#4a2c22;--draw-soft:#26313d;--warn-soft:#4a2620;--ok-soft:#2f3a1f;--shadow:0 1px 0 #0003,0 8px 22px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#271c16;--surface:#31241d;--sunken:#3c2c23;--fg:#f7eada;--muted:#c7af98;--line:#4c3a2f;--pine:#a9c76a;--pine-ink:#21160f;--leaf:#bfd88a;--sage:#7f9a55;--apricot:#6b4a2c;--peach:#7a4e36;--coral:#f09a83;--pumpkin:#f3a35c;--warn:#f39a82;--ok:#bfd88a;--amber:#f3c062;--amber-soft:#4a3615;--clay-soft:#4a2c22;--draw-soft:#26313d;--warn-soft:#4a2620;--ok-soft:#2f3a1f;--shadow:0 1px 0 #0003,0 8px 22px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:100;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}a{color:var(--leaf)}h1,h2,h3,.display{font-family:var(--display);letter-spacing:.02em;margin:0;font-weight:700;line-height:1.05}h1{font-size:2.3rem}h2{margin-bottom:.4rem;font-size:2rem}h3{margin-bottom:.3rem;font-size:1.55rem}.label{text-transform:uppercase;letter-spacing:.14em;color:var(--pumpkin);font-size:11px;font-weight:800}.muted{color:var(--muted)}.small{font-size:13px}.pos{color:var(--ok)}.neg{color:var(--warn)}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.header{z-index:20;background:var(--bg);position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:12px 16px 8px;display:flex}.logo{width:64px;height:64px;box-shadow:0 0 0 3px var(--sage);object-fit:contain;background:#fff;border-radius:50%;flex:none;padding:4px}.logo-lg{width:150px;height:150px;padding:8px}.brand{flex:1;min-width:150px}.brand h1{font-size:2rem}.brand .sub{color:var(--muted);font-size:12px}.header-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dots{background:radial-gradient(circle, var(--peach) 2.2px, transparent 2.6px) 0 50% / 14px 10px repeat-x;opacity:.9;height:10px}.tabs{scrollbar-width:thin;gap:6px;max-width:1040px;margin:0 auto;padding:6px 16px 8px;display:flex;overflow-x:auto}main{max-width:1040px;margin:0 auto;padding:18px 16px 40px;position:relative}main:before{content:"";z-index:-1;pointer-events:none;background:var(--sage);opacity:.28;filter:blur(8px);border-radius:58% 42% 55% 45%/50% 60% 40% 50%;width:300px;height:260px;position:absolute;top:-30px;right:-60px}.footer{max-width:1040px;color:var(--muted);text-align:center;margin:0 auto;padding:10px 16px 30px;font-size:12px}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;min-width:0;margin-bottom:16px;padding:18px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.grid{gap:14px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}.kpi{margin:0;padding:14px 16px}.kpi .value{font-family:var(--display);margin-top:4px;font-size:2.4rem;line-height:1}.kpi .foot{color:var(--muted);font-size:12px}.branches{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:16px}.branch-card{margin:0}.branch-card .value{font-family:var(--display);font-size:2.2rem}.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.btn,.tab{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 15px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover,.tab:hover{border-color:var(--sage)}.btn:focus-visible,.tab:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--pumpkin);outline-offset:2px}.btn.primary,.tab.active{background:var(--pine);color:var(--pine-ink);border-color:var(--pine)}.btn.danger{color:var(--warn);border-color:var(--warn-soft)}.btn.danger.solid{background:var(--warn);color:#fff;border-color:var(--warn)}.btn.ghost{background:0 0;border-color:#0000;padding:4px 8px}.btn.small{padding:3px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.tag{background:var(--apricot);color:var(--fg);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.amber{background:var(--amber-soft);color:var(--amber)}.tag.clay{background:var(--clay-soft);color:var(--clay)}.tag.draw{background:var(--draw-soft);color:var(--draw)}.notice{background:var(--amber-soft);color:var(--fg);border-radius:14px;margin-bottom:16px;padding:12px 14px;font-size:14px}.notice ul{margin:4px 0 0;padding-left:18px}.notice.warn{background:var(--warn-soft)}.notice b{color:var(--amber)}.takeaway{margin:4px 0 16px;font-size:1.05rem}label.field{color:var(--muted);flex-direction:column;gap:3px;min-width:0;font-size:12px;font-weight:700;display:flex}input,select,textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:7px 10px;font-size:14px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--leaf)}input.money,input.narrow{text-align:right;width:100px}input.tiny{text-align:right;width:70px}textarea{width:100%;min-height:110px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.check{color:var(--fg);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.table-wrap{-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px;font-size:11px;font-weight:800}th.num{text-align:right}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}tr.sub td{background:var(--sunken);font-weight:800}tr.total td{background:var(--apricot);font-size:15px;font-weight:800}tr.ratio td{color:var(--muted);font-size:13px}tr.pending td{background:var(--amber-soft)}tbody tr:hover td{background-image:linear-gradient(#ee8a2e0a,#ee8a2e0a)}td.label-cell{min-width:180px}.overlay{z-index:50;background:#2e1c1473;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);width:100%;max-width:460px;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;max-height:90vh;padding:20px;overflow:auto}.dialog.wide{max-width:760px}.toast{background:var(--pine-ink);color:#fff;z-index:60;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-size:14px;font-weight:700;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast.err{background:var(--warn)}.chart svg{width:100%;height:auto;display:block;overflow:visible}.legend{flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.swatch{vertical-align:-1px;border-radius:3px;width:11px;height:11px;margin-right:5px;display:inline-block}.chart-tip{pointer-events:none;background:var(--pine-ink);color:#fff;white-space:nowrap;z-index:5;border-radius:8px;padding:5px 9px;font-size:12px;position:absolute}.payslip{color:#2e1c14;background:#fff;border-radius:12px;padding:24px}.payslip table td,.payslip table th{color:#2e1c14;border-color:#ddd}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;position:absolute;top:0;left:0}.overlay{background:0 0;position:static}.no-print{display:none!important}body:before{display:none}}@media (width<=560px){body{font-size:14px}.card{border-radius:16px;padding:14px}.brand h1{font-size:1.7rem}.kpi .value{font-size:2rem}.header-tools{width:100%}main:before{width:180px;height:160px;right:-40px}}