:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--surface-2:#f2f1ed;--surface-3:#e9e8e2;--border:#0b0b0b1a;--border-strong:#0b0b0b2e;--grid:#e1e0d9;--axis:#c3c2b7;--ink:#0b0b0b;--ink-2:#52514e;--ink-3:#6f6d68;--accent:#2a78d6;--accent-ink:#1c5cab;--accent-wash:#2a78d61a;--on-accent:#fff;--series-2:#eb6834;--good:#0ca30c;--good-ink:#006300;--critical:#d03b3b;--critical-ink:#b42323;--warning:#fab219;--warning-wash:#fab21924;--critical-wash:#d03b3b1a;--good-wash:#0ca30c1a;--shadow:0 1px 2px #0b0b0b0d;--shadow-pop:0 12px 32px #0b0b0b29, 0 2px 6px #0b0b0b14;--radius:10px;--radius-sm:6px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--surface-2:#232321;--surface-3:#2c2c2a;--border:#ffffff1a;--border-strong:#ffffff2e;--grid:#2c2c2a;--axis:#383835;--ink:#fff;--ink-2:#c3c2b7;--ink-3:#9a988f;--accent:#3987e5;--accent-ink:#86b6ef;--accent-wash:#3987e529;--series-2:#d95926;--good-ink:#0ca30c;--critical-ink:#e66767;--warning-wash:#fab2191f;--critical-wash:#d03b3b29;--good-wash:#0ca30c24;--shadow:0 1px 2px #0006;--shadow-pop:0 12px 32px #0000008c, 0 2px 6px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--surface-2:#232321;--surface-3:#2c2c2a;--border:#ffffff1a;--border-strong:#ffffff2e;--grid:#2c2c2a;--axis:#383835;--ink:#fff;--ink-2:#c3c2b7;--ink-3:#9a988f;--accent:#3987e5;--accent-ink:#86b6ef;--accent-wash:#3987e529;--series-2:#d95926;--good-ink:#0ca30c;--critical-ink:#e66767;--warning-wash:#fab2191f;--critical-wash:#d03b3b29;--good-wash:#0ca30c24;--shadow:0 1px 2px #0006;--shadow-pop:0 12px 32px #0000008c, 0 2px 6px #0006}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:22px}h2{font-size:16px}h3{font-size:14px}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{align-items:center;gap:20px;max-width:1360px;height:56px;margin:0 auto;padding:0 20px;display:flex}.brand{white-space:nowrap;color:var(--ink);align-items:center;gap:10px;font-weight:650;display:flex}.brand:hover{text-decoration:none}.brand small{color:var(--ink-3);font-weight:500}.nav{scrollbar-width:none;flex:1;gap:2px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--ink-2);white-space:nowrap;border-radius:8px;padding:6px 12px;font-weight:500}.nav a:hover{background:var(--surface-2);color:var(--ink);text-decoration:none}.nav a.active{background:var(--accent-wash);color:var(--accent-ink)}.topbar-right{align-items:center;gap:8px;display:flex}.main{width:100%;max-width:1360px;margin:0 auto;padding:24px 20px 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head .sub{color:var(--ink-2);margin-top:4px}.section{margin-top:28px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.section-head .hint{color:var(--ink-3);font-size:13px}.muted{color:var(--ink-3)}.ink2{color:var(--ink-2)}.small{font-size:12.5px}.nowrap{white-space:nowrap}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.stack{flex-direction:column;gap:12px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.tile{padding:14px 16px}.tile .label{color:var(--ink-2);font-size:13px}.tile .value{letter-spacing:-.01em;white-space:nowrap;margin-top:4px;font-size:22px;font-weight:620}.tile .value .kop{font-size:15px}.tile .note{color:var(--ink-3);margin-top:2px;font-size:12.5px}.tile.hero .value{font-size:30px}.tile.hero{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.table-wrap{overflow-x:auto}table.grid{border-collapse:separate;border-spacing:0;width:100%}table.grid th,table.grid td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--grid);padding:9px 12px}table.grid th{color:var(--ink-2);background:var(--surface);z-index:1;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:12.5px;font-weight:600;position:sticky;top:0}table.grid th.sortable{cursor:pointer}table.grid th.sortable:hover{color:var(--ink)}table.grid th .arrow{color:var(--accent-ink);margin-left:3px}table.grid td.num,table.grid th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.grid tbody tr:hover td{background:var(--surface-2)}table.grid tbody tr.clickable{cursor:pointer}table.grid tfoot td{border-bottom:none;border-top:1px solid var(--axis);background:var(--surface);font-weight:620}table.grid tr.dim td{color:var(--ink-3)}table.grid tr:last-child td{border-bottom:none}table.grid tfoot tr:first-child td{border-top:1px solid var(--axis)}table.grid td.strong{font-weight:620}table.grid .sep-left{border-left:1px solid var(--grid)}.card>.table-wrap>table.grid th:first-child{border-top-left-radius:var(--radius)}.card>.table-wrap>table.grid th:last-child{border-top-right-radius:var(--radius)}.kop{color:var(--ink-3);font-size:.86em}.money-zero{color:var(--ink-3)}.thumb{object-fit:cover;background:var(--surface-2);border-radius:6px;flex:none;width:36px;height:36px;display:block}.thumb.empty{color:var(--ink-3);place-items:center;font-size:11px;display:grid}.pname{align-items:center;gap:10px;min-width:260px;display:flex}.pname .t{font-weight:520;line-height:1.3}.pname .s{color:var(--ink-3);font-size:12.5px}.stock-clusters{background:var(--surface-2);padding:6px 12px 6px 44px}.stock-clusters table.grid{background:0 0}.stock-clusters table.grid th{background:0 0;font-size:12px;position:static}.stock-clusters table.grid td,.stock-clusters table.grid th{padding:6px 10px}.stock-clusters table.grid tr:last-child td{border-bottom:none}.btn{border:1px solid var(--border-strong);background:var(--surface);height:34px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:520;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--critical-ink)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{height:28px;padding:0 10px;font-size:13px}.btn.icon{width:34px;padding:0}.btn.sm.icon{width:28px}.input,.select{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;min-width:0;height:34px;padding:0 10px}.input:focus,.select:focus{outline:2px solid var(--accent-wash);border-color:var(--accent)}.input.sm,.select.sm{height:28px;padding:0 8px;font-size:13px}.input.num{text-align:right;font-variant-numeric:tabular-nums}textarea.input{height:auto;padding:8px 10px}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--ink-2);font-size:12.5px;font-weight:520}.field .help{color:var(--ink-3);font-size:12.5px}.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.radio-list{flex-direction:column;gap:8px;display:flex}.radio-list label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.radio-list label small{color:var(--ink-3);display:block}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:15px;height:15px;margin:2px 0 0}.segmented{border:1px solid var(--border-strong);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);cursor:pointer;height:32px;color:var(--ink-2);border:0;padding:0 10px}.segmented button+button{border-left:1px solid var(--border-strong)}.segmented button.on{background:var(--accent-wash);color:var(--accent-ink);font-weight:600}.segmented.sm button{height:26px;padding:0 8px;font-size:12.5px}.segmented.tabs{flex-wrap:wrap}.segmented.tabs button{flex-direction:column;align-items:flex-start;gap:2px;height:auto;padding:8px 14px;display:flex}.segmented.tabs button .n{color:var(--ink-3);font-size:12px;font-weight:500}.segmented.tabs button.on .n{color:var(--accent-ink)}.share-edit{align-items:center;gap:4px;display:inline-flex}.share-edit .input{width:74px}.chip{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.chip.accent{background:var(--accent-wash);color:var(--accent-ink);border-color:#0000}.chip.good{background:var(--good-wash);color:var(--good-ink);border-color:#0000}.chip.bad{background:var(--critical-wash);color:var(--critical-ink);border-color:#0000}.chip.warn{background:var(--warning-wash);color:var(--ink);border-color:#0000}.chip button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.callout{border-radius:var(--radius);background:var(--warning-wash);border:1px solid color-mix(in srgb, var(--warning) 40%, transparent);align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.callout.info{background:var(--accent-wash);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.callout.bad{background:var(--critical-wash);border-color:color-mix(in srgb, var(--critical) 35%, transparent)}.callout .icon{flex:none;font-weight:700}.status-dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.good{background:var(--good)}.status-dot.bad{background:var(--critical)}.status-dot.warn{background:var(--warning)}.status-dot.idle{background:var(--axis)}.sync-chip{height:32px;color:var(--ink-2);border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:inline-flex}.sync-chip:hover{background:var(--surface-2);text-decoration:none}.spinner{border:2px solid var(--accent-wash);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.progress{background:var(--accent-wash);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.period{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.period .label{text-align:center;min-width:150px;font-weight:600}.popover{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);min-width:240px;padding:6px;position:absolute}.popover .item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;display:flex}.popover .item:hover{background:var(--surface-2)}.popover .item .tick{width:16px;color:var(--accent-ink);font-weight:700}.popover .foot{border-top:1px solid var(--grid);flex-direction:column;gap:8px;margin-top:6px;padding:8px 6px 4px;display:flex}.popover .item.check{white-space:nowrap}.popover .item.check input{margin:0}.popover .item.check .muted{margin-left:auto;padding-left:12px}.columns-pop{max-height:min(70vh,520px);overflow-y:auto}.popover .picker-extra{border-top:1px solid var(--grid);margin-top:6px;padding:10px 6px 4px}.modal-back{z-index:50;background:#00000061;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);box-shadow:var(--shadow-pop);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:min(560px,100%);max-height:calc(100vh - 32px);display:flex}.modal.wide{width:min(820px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 0;display:flex}.modal-body{flex-direction:column;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--grid);justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}.toasts{z-index:60;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);box-shadow:var(--shadow-pop);border-radius:8px;padding:10px 14px}.toast.error{border-left-color:var(--critical)}.toast.success{border-left-color:var(--good)}.empty{text-align:center;color:var(--ink-3);padding:40px 20px}.empty h3{color:var(--ink-2);margin-bottom:6px}.loading-dim{opacity:.55;pointer-events:none;transition:opacity .15s}.toolbar{border-bottom:1px solid var(--grid);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.bulkbar{z-index:15;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex;position:sticky;bottom:16px}.barlist{flex-direction:column;gap:8px;display:flex}.barlist .bl-row{grid-template-columns:minmax(140px,260px) 1fr auto;align-items:center;gap:12px;display:grid}.barlist .bl-name{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barlist .bl-track{background:var(--surface-2);border-radius:0 4px 4px 0;height:10px}.barlist .bl-bar{background:var(--accent);border-radius:0 4px 4px 0;min-width:2px;height:10px}.barlist .bl-val{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;min-width:110px}@media (width<=560px){.barlist .bl-row{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.barlist .bl-track{grid-area:2/1/auto/-1}.barlist .bl-val{min-width:0}}.legend{color:var(--ink-2);flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend .sw{border-radius:3px;width:10px;height:10px;display:inline-block}.legend .lk{background:var(--ink-2);border-radius:1px;width:16px;height:2px;display:inline-block;position:relative}.legend .lk:after{content:"";background:var(--ink-2);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:4px}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .gridline{stroke:var(--grid);stroke-width:1px;shape-rendering:crispedges}.chart .baseline{stroke:var(--axis);stroke-width:1px;shape-rendering:crispedges}.chart .tick{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.chart .tick.sel{fill:var(--accent-ink);font-weight:600}.chart .bar{fill:var(--accent)}.chart .bar.out{fill:var(--series-2)}.chart .bal{fill:none;stroke:var(--ink-2);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .dot{fill:var(--ink-2);stroke:var(--surface);stroke-width:2px}.chart .selband{fill:var(--accent-wash)}.chart .dim{opacity:.35}.chart .hit{fill:#0000;cursor:default}.chart .hit.click{cursor:pointer}.cf-tip{pointer-events:none;z-index:5;background:var(--surface);border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow-pop);white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.5;position:absolute}.cf-tip .h{color:var(--ink-2);margin-bottom:2px}.cf-tip .r{justify-content:space-between;gap:14px;display:flex}.cf-tip .r+.r{margin-top:2px}.cf-tip .v{font-variant-numeric:tabular-nums;margin-left:14px;font-weight:600}.cf-tip .r.strong .v{font-weight:700}.cf-tip .sep{border-top:1px solid var(--grid);margin:5px 0}.cf-tip .pn{text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;max-width:190px;display:inline-block;overflow:hidden}.cf-tip .hint{color:var(--ink-3);margin-top:4px}.month-sales{border-top:1px solid var(--grid);margin-top:12px;padding-top:12px}.ubar{background:var(--surface-2);vertical-align:middle;border-radius:0 4px 4px 0;width:60px;height:8px;margin-right:8px;display:inline-block}.ubar i{background:var(--accent);border-radius:0 4px 4px 0;min-width:2px;height:8px;display:block}@media (width<=640px){.ubar{display:none}}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1000px){.two-col{grid-template-columns:minmax(0,1fr)}}.formula{color:var(--ink-3);margin-top:10px;font-size:12.5px;line-height:1.6}.formula b{color:var(--ink-2);font-weight:600}.kbd-sep{background:var(--border-strong);width:1px;height:22px;margin:0 4px}@media (width<=720px){.topbar-inner{gap:10px;padding:0 12px}.brand small{display:none}.main{padding:16px 12px 48px}.tile .value{font-size:19px}.tile.hero .value{font-size:24px}.sync-chip .sync-text{display:none}}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{flex-direction:column;gap:14px;width:100%;max-width:420px;padding:28px 26px;display:flex}.login-card h1{text-align:center;font-size:20px}.login-card .sub{color:var(--ink-2);text-align:center}.login-card .btn{width:100%}.login-code{letter-spacing:.05em;text-align:center;font-variant-numeric:tabular-nums;font-size:38px;font-weight:700}.login-timer{color:var(--ink-3);font-size:13px}.print-only{display:none}@media print{.print-only{margin-top:6px;display:block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fff;--surface:#fff;--surface-2:#fff;--ink:#000;--ink-2:#333;--ink-3:#555;--grid:#ddd;--axis:#999;--border:#ccc}.topbar,.no-print,.toolbar,.period,.btn,.toasts,.callout{display:none!important}.main{max-width:none;padding:0}.card{box-shadow:none}table.grid th{position:static}.loading-dim{opacity:1}.two-col{grid-template-columns:minmax(0,1fr)}}