:root{color-scheme:light;--paper: #f4f2ec;--surface: #ffffff;--surface-2: #edeae2;--ink: #171d1a;--ink-2: #4e5a54;--ink-3: #7c8781;--line: #ddd8cd;--line-2: #c9c3b5;--brand: #0c4f3d;--brand-soft: #e2efe8;--brand-ink: #0c4f3d;--on-brand: #f4f2ec;--clay: #a2402f;--clay-soft: #f6e5e0;--amber: #b87708;--amber-soft: #fbedd3;--teal: #0e7490;--teal-soft: #dcf0f5;--teal-ink: #0e7490;--blue: #2b5eab;--blue-soft: #e2eaf7;--blue-ink: #2b5eab;--violet: #6b46a8;--violet-soft: #ece4f7;--violet-ink: #6b46a8;--shadow: 0 1px 2px rgb(23 29 26 / 6%), 0 8px 24px -12px rgb(23 29 26 / 24%);--shadow-lg: 0 2px 6px rgb(23 29 26 / 8%), 0 30px 60px -30px rgb(23 29 26 / 45%);--r-sm: 10px;--r: 14px;--r-lg: 18px;--font: "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--font-num: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--font-display: Newsreader, Georgia, serif;--tap: 56px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #0e1412;--surface: #18211e;--surface-2: #212c28;--ink: #eaf0ed;--ink-2: #a3b0aa;--ink-3: #7a8781;--line: #2a3833;--line-2: #3a4a44;--brand: #4cc9a0;--brand-soft: #12312a;--brand-ink: #8fe6c6;--on-brand: #08211b;--clay: #e58a72;--clay-soft: #33201b;--amber: #e5a93c;--amber-soft: #332612;--teal: #4bb8d4;--teal-soft: #102c33;--teal-ink: #8ed8e8;--blue: #7aa4e8;--blue-soft: #16202f;--blue-ink: #a9c6f2;--violet: #b294e0;--violet-soft: #241c33;--violet-ink: #cbb4ee;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px -12px rgb(0 0 0 / 70%);--shadow-lg: 0 2px 6px rgb(0 0 0 / 50%), 0 30px 60px -30px rgb(0 0 0 / 90%)}}:root[data-theme=dark]{color-scheme:dark;--paper: #0e1412;--surface: #18211e;--surface-2: #212c28;--ink: #eaf0ed;--ink-2: #a3b0aa;--ink-3: #7a8781;--line: #2a3833;--line-2: #3a4a44;--brand: #4cc9a0;--brand-soft: #12312a;--brand-ink: #8fe6c6;--on-brand: #08211b;--clay: #e58a72;--clay-soft: #33201b;--amber: #e5a93c;--amber-soft: #332612;--teal: #4bb8d4;--teal-soft: #102c33;--teal-ink: #8ed8e8;--blue: #7aa4e8;--blue-soft: #16202f;--blue-ink: #a9c6f2;--violet: #b294e0;--violet-soft: #241c33;--violet-ink: #cbb4ee;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px -12px rgb(0 0 0 / 70%);--shadow-lg: 0 2px 6px rgb(0 0 0 / 50%), 0 30px 60px -30px rgb(0 0 0 / 90%)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}#root{height:100%}.screen{display:flex;flex-direction:column;height:100dvh;max-width:1100px;margin:0 auto;background:var(--paper)}.body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.body>*{flex-shrink:0}.body.center{justify-content:center;align-items:center}.appbar{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--surface);border-bottom:1px solid var(--line);flex:none}.appbar-title{flex:1;min-width:0}.appbar-title h1{margin:0;font-size:19px;font-weight:700;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar-title p{margin:0;font-size:12.5px;color:var(--ink-3);font-weight:500}.icon-btn{width:42px;height:42px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2);font-size:19px;flex:none}.icon-btn:active{background:var(--line)}.btn{min-height:48px;padding:12px 20px;border-radius:var(--r);font-size:16px;font-weight:700;letter-spacing:-.01em;text-align:center;transition:transform .12s ease}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-lg{min-height:var(--tap);font-size:17px}.btn-sm{min-height:38px;padding:8px 16px;font-size:14px}.btn-brand{background:var(--brand);color:var(--on-brand)}.btn-ghost{background:var(--surface-2);color:var(--ink)}.btn-danger-ghost{background:var(--clay-soft);color:var(--clay)}.btn.wide,.wide{width:100%}.grow{flex:1}.link-btn{align-self:center;padding:10px;font-size:14px;font-weight:600;color:var(--brand);text-decoration:underline;text-underline-offset:3px}.dock{flex:none;display:flex;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:11px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.tile-key{font-size:12px;color:var(--ink-3);font-weight:600}.tile-val{font-size:18px;font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis}.tile.in .tile-val{color:var(--brand)}.tile.out .tile-val{color:var(--clay)}.big-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.big-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:15px 14px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;text-align:left;transition:transform .12s ease}.big-btn:active{transform:scale(.98)}.big-btn b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em}.big-btn small{display:block;font-size:12px;color:var(--ink-3);font-weight:500}.big-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px}.ic-brand{background:var(--brand-soft)}.ic-clay{background:var(--clay-soft)}.ic-amber{background:var(--amber-soft)}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 14px 0;flex:none}.tabs::-webkit-scrollbar{height:0}.tabs button{flex:none;white-space:nowrap;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:600}.tabs button[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg button{min-height:48px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);font-size:14.5px;font-weight:600}.seg-lg button{min-height:var(--tap);font-size:16px}.seg button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}.floor{position:relative;width:100%}.floor.is-editing{background-image:radial-gradient(circle,var(--line-2) 1.2px,transparent 1.2px);background-position:-1px -1px;border-radius:var(--r)}.floor-slot{position:absolute;top:0;left:0;transition:transform .14s cubic-bezier(.2,.9,.3,1);touch-action:none}.floor-slot.is-dragging{z-index:5;transition:none;filter:drop-shadow(0 12px 20px rgb(0 0 0 / 25%))}.table-card{width:100%;height:100%;border:1.5px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:6px;text-align:left;overflow:hidden}.table-card.is-editing{cursor:grab}.floor-slot.is-dragging .table-card{cursor:grabbing;transform:scale(1.04)}.table-card.is-selected{outline:2px solid var(--brand);outline-offset:2px}.table-head{display:flex;align-items:center;gap:6px;min-width:0}.table-icon{font-size:16px;line-height:1;flex:none}.table-name{font-size:15px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-flag{margin-left:auto;font-size:13px}.table-foot{min-width:0}.table-amount{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--amber);line-height:1.1}.table-card.is-long .table-amount{color:var(--clay)}.table-time{font-size:11.5px;font-weight:600;color:var(--amber);display:flex;align-items:center;gap:3px}.table-time.warn{color:var(--clay)}.table-reserved{font-size:13px;font-weight:700;color:var(--violet-ink);line-height:1.2}.table-sub{font-size:11.5px;font-weight:500;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-card.is-reserved .table-sub{color:var(--violet-ink)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.product{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.product-main{flex:1;min-height:76px;padding:12px 11px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;text-align:left}.product-main:active{background:var(--surface-2)}.product-name{font-size:14.5px;font-weight:600;line-height:1.25}.product-price{font-size:15px;font-weight:700;color:var(--brand);letter-spacing:-.01em}.product-badge{position:absolute;top:6px;right:6px;min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:var(--brand);color:var(--on-brand);font-size:13px;font-weight:800;display:grid;place-items:center;z-index:1}.product-opts{display:flex;border-top:1px solid var(--line)}.product-opts button{flex:1;min-height:40px;font-size:13px;font-weight:700;color:var(--ink-2);border-left:1px solid var(--line)}.product-opts button:first-child{border-left:none}.product-opts button:active{background:var(--brand-soft);color:var(--brand-ink)}.cart{flex:none;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px #0006}.cart-lines{max-height:0;overflow-y:auto;transition:max-height .22s ease}.cart.is-open .cart-lines{max-height:46dvh}.cart-line{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line)}.cart-line-name{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.25}.cart-line-name em{font-style:normal;color:var(--ink-3);font-weight:500}.cart-line-name small{display:block;font-size:11.5px;color:var(--ink-3);font-weight:500}.cart-line-total{min-width:72px;text-align:right;font-weight:700;font-size:14px}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:34px;height:34px;border-radius:var(--r-sm);background:var(--surface-2);font-size:19px;font-weight:700;color:var(--ink-2);display:grid;place-items:center}.stepper span{min-width:26px;text-align:center;font-weight:700;font-size:15px}.cart-bar{display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.cart-sum{flex:1;text-align:left;min-width:0}.cart-count{display:block;font-size:11.5px;color:var(--ink-3);font-weight:600}.cart-total{display:block;font-size:22px;font-weight:800;letter-spacing:-.025em}.pay-total,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}.pay-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:14px;color:var(--ink-2)}.pay-row b{font-size:15px;font-weight:700;color:var(--ink)}.pay-row.big{font-size:15px;font-weight:600;color:var(--ink)}.pay-row.big b{font-size:27px;font-weight:800;letter-spacing:-.03em;color:var(--brand)}.pay-row.divider{border-top:1px solid var(--line);margin-top:6px;padding-top:9px}.pay-row.change b{font-size:21px;font-weight:800;color:var(--clay)}.pay-row.change.short b{color:var(--ink-3)}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip-cash{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.chip{min-height:44px;padding:10px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:700}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numpad button{min-height:var(--tap);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);font-size:21px;font-weight:700}.numpad button:active{background:var(--surface-2)}.numpad-del{color:var(--clay)}.qr-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0}.qr-canvas{border-radius:var(--r);border:1px solid var(--line);background:#fff;padding:8px}.qr-info{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:13.5px;color:var(--ink-2)}.qr-info b{font-size:15px;color:var(--ink)}.qr-note,.note{font-size:12.5px;color:var(--ink-3);line-height:1.5;margin:0;text-align:center;max-width:42ch}.note{text-align:left}.center-text{text-align:center}.qr-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;text-align:center;color:var(--ink-2)}.qr-empty .btn{text-decoration:none;display:grid;place-items:center}.done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.done-mark{width:70px;height:70px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);display:grid;place-items:center;font-size:34px;margin-bottom:8px}.done h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.done p{margin:0;color:var(--ink-2)}.done-change b{color:var(--clay);font-size:20px}.expense-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.expense-btn{min-height:84px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px}.expense-btn:active{background:var(--surface-2)}.expense-emoji{font-size:23px;line-height:1}.expense-name{font-size:12px;font-weight:600;text-align:center;line-height:1.2}.amount-readout{font-size:34px;font-weight:800;letter-spacing:-.03em;text-align:right;padding:4px 2px 12px;border-bottom:2px solid var(--brand)}.section-label{margin:6px 2px 0;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.list-row{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.list-emoji{font-size:18px}.list-name{flex:1;min-width:0;font-weight:600;font-size:14px}.list-name small{display:block;font-weight:500;font-size:11.5px;color:var(--ink-3)}.list-qty{font-size:12.5px;color:var(--ink-3);font-weight:600}.list-amount{font-weight:700;font-size:14px}.list-amount.out{color:var(--clay)}.row-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:12px 13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-align:left;color:var(--ink-3)}.list .row-btn{border:none;border-bottom:1px solid var(--line);border-radius:0}.list .row-btn:last-child{border-bottom:none}.row-icon{font-size:19px}.row-text{flex:1;min-width:0;color:var(--ink)}.row-text b{display:block;font-size:14.5px;font-weight:600}.row-text small{display:block;font-size:12px;color:var(--ink-3);font-weight:500}.bars{display:flex;align-items:flex-end;gap:10px;height:130px;margin-top:14px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar{width:100%;border-radius:7px 7px 3px 3px;background:var(--brand);min-height:4px}.bar.is-running{background:var(--brand-soft);border:1px solid var(--brand)}.bar-val,.bar-label{font-size:11px;font-weight:600;color:var(--ink-3)}.bar-val{color:var(--ink-2)}.meter{height:9px;border-radius:5px;background:var(--surface-2);overflow:hidden;margin:9px 0 6px}.meter i{display:block;height:100%;border-radius:5px;background:var(--amber)}a.btn{display:flex;align-items:center;justify-content:center;text-decoration:none}.warn-card{background:var(--amber-soft);border-color:var(--amber)}.steps{margin:0;padding-left:22px;font-size:14px;line-height:1.5;color:var(--ink-2)}.steps li+li{margin-top:8px}.steps b{color:var(--ink)}.warn-card p{margin:0;font-size:13.5px;color:var(--ink)}.plan-card{display:flex;flex-direction:column;gap:6px}.overlay{position:fixed;inset:0;background:#0a100e73;display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:40;animation:fade .16s ease}.sheet{width:100%;max-width:480px;max-height:92dvh;background:var(--surface);border-radius:22px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:rise .2s cubic-bezier(.2,.9,.3,1)}.sheet-head{display:flex;align-items:center;gap:10px;padding:14px 14px 8px}.sheet-head h2{flex:1;margin:0;font-size:18px;font-weight:700;letter-spacing:-.015em}.sheet-body{overflow-y:auto;padding:4px 14px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.sheet-note{margin:0;font-size:13px;color:var(--ink-3)}.sheet-actions{display:flex;gap:8px;padding-top:4px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(16px);opacity:0}}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12.5px;font-weight:600;color:var(--ink-3)}.field input,.field select{min-height:50px;padding:12px 13px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);font-size:16px;font-weight:500}.field input:focus,.field select:focus{border-color:var(--brand);outline:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pick-row{display:flex;flex-wrap:wrap;gap:7px}.pick-icon,.pick-color{width:46px;height:46px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);font-size:20px;display:grid;place-items:center}.pick-icon[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.pick-color{font-size:16px;font-weight:800;color:var(--ink)}.pick-color[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}.weigh-readout{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:2px solid var(--brand)}.weigh-main{font-size:30px;font-weight:800;letter-spacing:-.03em;text-align:right}.weigh-sub{font-size:15px;font-weight:600;color:var(--ink-3);text-align:right}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.login-logo{margin:0;width:232px;max-width:100%;aspect-ratio:579 / 200;background:url(/logo.png) center / contain no-repeat}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .login-logo{background-image:url(/logo-dark.png)}}:root[data-theme=dark] .login-logo{background-image:url(/logo-dark.png)}.login-lede{margin:0;color:var(--ink-2);font-size:14.5px}.dev-hint{font-style:normal;color:var(--brand);font-weight:600}.login-error{margin:0;padding:10px 12px;border-radius:var(--r-sm);background:var(--clay-soft);color:var(--clay);font-size:13.5px;font-weight:600}.template-list{display:flex;flex-direction:column;gap:7px}.template{padding:11px 13px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);text-align:left}.template[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.template b{display:block;font-size:15px;font-weight:700}.template small{display:block;font-size:12.5px;color:var(--ink-3)}.template em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--brand-ink)}.hint{margin:0;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);font-size:13px;line-height:1.5}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;color:var(--ink-3);text-align:center}.empty-icon{font-size:40px}.foot-note{margin:0;font-size:12.5px;color:var(--ink-3);text-align:center}.sync-badge{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600;white-space:nowrap}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3)}.sync-badge.is-offline{background:var(--amber-soft);color:var(--amber)}.sync-badge.is-offline .sync-dot{background:var(--amber)}.sync-badge.is-error{background:var(--clay-soft);color:var(--clay)}.sync-badge.is-error .sync-dot{background:var(--clay)}.sync-badge.is-syncing .sync-dot{background:var(--brand);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;max-width:min(92vw,420px);padding:12px 16px;border-radius:var(--r);background:var(--ink);color:var(--paper);font-size:13.5px;font-weight:600;box-shadow:var(--shadow-lg);animation:rise .2s ease}@media(min-width:760px){.big-btns{grid-template-columns:repeat(4,1fr)}.tiles{gap:12px}.tile-val{font-size:22px}}.storage-warning{position:fixed;top:0;left:0;right:0;z-index:70;padding:calc(9px + env(safe-area-inset-top)) 14px 9px;background:var(--clay);color:#fff;font-size:13px;font-weight:600;line-height:1.4;text-align:center}.seg-3{grid-template-columns:repeat(3,1fr)}.seg-3 button{font-size:13.5px;padding:0 6px}.bill-preview{display:block;width:100%;max-width:300px;margin:10px auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);image-rendering:pixelated}.row-btn input[type=checkbox]{width:26px;height:26px;accent-color:var(--brand);flex:none}.row-price{font-weight:700;font-size:15px;color:var(--brand);white-space:nowrap}.tag-scan{font-size:10px;letter-spacing:-1px;color:var(--ink-3);flex:none}.tabs-inline{padding:0;margin:0 -14px;padding-inline:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.table-grid{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:10px}.table-grid .table-card{min-height:96px}@media(min-width:760px){.table-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.mode-box{display:flex;flex-direction:column;gap:12px;padding:13px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.shift-strip{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-align:left}.shift-strip.is-open{border-color:var(--brand);background:var(--brand-soft)}.shift-dot{width:9px;height:9px;border-radius:50%;background:var(--brand);flex:none;animation:pulse 2.4s ease-in-out infinite}.shift-text{flex:1;min-width:0}.shift-text b{display:block;font-size:14.5px;font-weight:700}.shift-text small{display:block;font-size:12px;color:var(--ink-3);font-weight:500}.shift-strip.is-open .shift-text small{color:var(--brand-ink)}.shift-go{font-size:13px;font-weight:700;color:var(--brand);white-space:nowrap}.counter{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.counter-row{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line)}.counter-row:last-of-type{border-bottom:none}.counter-row.has{background:var(--brand-soft)}.counter-note{flex:1;font-size:14.5px;font-weight:600}.counter-row .stepper input{width:52px;height:36px;text-align:center;font-size:15px;font-weight:700;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface)}.counter-row .stepper input:focus{outline:none;border-color:var(--brand)}.counter-sub{min-width:78px;text-align:right;font-size:13px;font-weight:600;color:var(--ink-3)}.counter-total{display:flex;justify-content:space-between;align-items:baseline;padding:12px;background:var(--surface-2);border-top:1px solid var(--line);font-size:14px;font-weight:600}.counter-total b{font-size:22px;font-weight:800;letter-spacing:-.025em}.diff-short,.pay-row.big.short b{color:var(--clay)}.diff-over{color:var(--amber)}.diff-ok{color:var(--brand)}.diff-tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.diff-tag.ok{background:var(--brand-soft);color:var(--brand-ink)}.diff-tag.short{background:var(--clay-soft);color:var(--clay)}.diff-tag.over{background:var(--amber-soft);color:var(--amber)}.done-mark.is-short{background:var(--clay-soft);color:var(--clay)}.pay-mark{font-size:11px;opacity:.7}.bill-row.is-void{opacity:.62}.row-price.struck{text-decoration:line-through;color:var(--ink-3)}.void-banner{padding:10px 13px;border-radius:var(--r-sm);background:var(--clay-soft);color:var(--clay);font-size:13px;font-weight:600;line-height:1.45}.group-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.group-row:last-child{border-bottom:none}.group-move{display:flex;flex-direction:column;gap:2px;flex:none}.group-move button{width:30px;height:22px;border-radius:6px;background:var(--surface-2);color:var(--ink-2);font-size:13px;line-height:1}.group-move button:disabled{opacity:.3;cursor:not-allowed}.group-name{flex:1;min-width:0;text-align:left;padding:4px 0}.group-name b{display:block;font-size:14.5px;font-weight:600}.group-name small{display:block;font-size:12px;color:var(--ink-3)}.group-input{flex:1;min-width:0;height:40px;padding:0 11px;border-radius:var(--r-sm);border:1.5px solid var(--brand);background:var(--surface);font-size:15px;font-weight:600}.group-input:focus{outline:none}.group-del{width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--clay-soft);font-size:15px;flex:none}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.role-tag{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-3);white-space:nowrap}.role-tag.owner{background:var(--amber-soft);color:var(--amber)}.me-tag{font-style:normal;font-weight:500;color:var(--ink-3)}.pseudo-input{min-height:50px;display:flex;align-items:center;padding:12px 13px;border-radius:var(--r-sm);border:1.5px dashed var(--line);background:var(--surface-2);color:var(--ink-3);font-size:15px;font-weight:600}.perm-list{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}.perm{position:relative;padding-left:24px;font-size:13.5px;line-height:1.45}.perm:before{position:absolute;left:0;font-weight:800}.perm.yes:before{content:"✓";color:var(--brand)}.perm.no{color:var(--ink-3)}.perm.no:before{content:"✕";color:var(--clay)}.scan-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.tip{padding:11px 13px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);font-size:13.5px;line-height:1.4}.scan-preview{width:100%;max-width:260px;border-radius:var(--r);border:1px solid var(--line);object-fit:contain}.reading{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.reading-text{margin:0;font-size:16px;font-weight:700;color:var(--brand)}.draft-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line)}.draft-row:last-child{border-bottom:none}.draft-row.is-off{opacity:.45}.draft-row input[type=checkbox]{width:26px;height:26px;accent-color:var(--brand);flex:none}.draft-main{flex:1;min-width:0;text-align:left;padding:3px 0}.draft-main b{display:block;font-size:14.5px;font-weight:600}.draft-main small{display:block;font-size:12px;color:var(--ink-3)}.waiting{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;font-size:14px;font-weight:600;color:var(--brand)}.sw-banner{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);animation:rise .22s ease}.sw-banner.is-ready{background:var(--brand);color:var(--on-brand)}.sw-text{flex:1;min-width:0}.sw-text b{display:block;font-size:14px;font-weight:700}.sw-text small{display:block;font-size:12px;opacity:.75}.sw-later,.sw-now{flex:none;min-height:38px;padding:8px 14px;border-radius:var(--r-sm);font-size:13.5px;font-weight:700}.sw-later{color:var(--paper);opacity:.7}.sw-now{background:var(--brand);color:var(--on-brand)}.sw-now:disabled{opacity:.5}.skin-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px}.skin-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:11px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-align:left}.skin-card[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.skin-card b{font-size:14.5px;font-weight:700}.skin-card small{font-size:12px;line-height:1.4;color:var(--ink-3)}.skin-shot{position:relative;display:block;width:100%;aspect-ratio:16 / 10;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line);overflow:hidden}.skin-shot i{position:absolute;border-radius:2px;background:var(--line-2)}.skin-shot.is-modern i:nth-child(1){top:0;left:0;right:0;height:22%;border-radius:0;background:var(--surface);border-bottom:1px solid var(--line)}.skin-shot.is-modern i:nth-child(2){top:22%;left:0;bottom:0;width:18%;border-radius:0;background:var(--surface-2)}.skin-shot.is-modern i:nth-child(3){inset:32% 8% 12% 26%;background:var(--brand);opacity:.5}.skin-shot.is-classic i{left:10%;right:10%;height:16%}.skin-shot.is-classic i:nth-child(1){top:12%;background:var(--surface);border:1px solid var(--line)}.skin-shot.is-classic i:nth-child(2){top:40%;background:var(--brand);opacity:.5}.skin-shot.is-classic i:nth-child(3){top:68%;background:var(--surface);border:1px solid var(--line)}.has-photo{padding:0;overflow:hidden}.has-photo img{width:100%;height:100%;object-fit:cover;display:block}.pick-photo{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:8px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-align:left}.pick-photo img{width:56px;height:56px;border-radius:var(--r-sm);object-fit:cover;flex:none}.pick-photo-empty{width:56px;height:56px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-2);font-size:22px;flex:none}.pick-photo-text{flex:1;min-width:0}.pick-photo-text b{display:block;font-size:14.5px;font-weight:700}.pick-photo-text small{display:block;font-size:12px;color:var(--ink-3)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px}.pick-tile{display:flex;flex-direction:column;gap:5px;padding:5px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.pick-tile img{width:100%;aspect-ratio:5 / 3;object-fit:cover;border-radius:var(--r-sm);display:block}.pick-tile span{font-size:12px;font-weight:600;line-height:1.3;text-align:center}.pick-tile.is-on{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.line-note{display:block;width:100%;text-align:left;padding:0}.line-note-add{display:block;font-size:11.5px;font-weight:600;color:var(--ink-3);opacity:.75}.line-note:hover .line-note-add{color:var(--brand);opacity:1}.line-note-text{display:block;font-size:12px;font-weight:600;color:var(--brand);line-height:1.35}.opt-sets{display:flex;flex-direction:column;gap:7px}.opt-set{display:flex;align-items:center;gap:11px;min-height:var(--tap);padding:8px 13px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer}.opt-set.is-on{border-color:var(--brand);background:var(--brand-soft)}.opt-set input[type=checkbox]{width:24px;height:24px;accent-color:var(--brand);flex:none}.opt-set-text{min-width:0}.opt-set-text b{display:block;font-size:14.5px;font-weight:700}.opt-set-text small{display:block;font-size:12px;color:var(--ink-3);line-height:1.35}.opt-new{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed var(--line-2);border-radius:var(--r);background:var(--surface-2)}[data-skin=modern]{--board-bg: #f7f5ef;--rail-bg: #f0ede4;--rail-w: 76px;--rail-open-w: 216px;--topbar-h: 66px}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-skin=modern]{--board-bg: #101715;--rail-bg: #141d1a}}:root[data-theme=dark][data-skin=modern]{--board-bg: #101715;--rail-bg: #141d1a}[data-skin=modern] .shell{display:flex;flex-direction:column;height:100dvh;background:var(--board-bg)}[data-skin=modern] .shell-main{flex:1;min-height:0;display:flex;position:relative}[data-skin=modern] .shell-content{flex:1;min-width:0;display:flex;flex-direction:column}[data-skin=modern] .shell-content .screen{height:100%;min-height:0;max-width:none;margin:0;background:transparent}[data-skin=modern] .topbar{flex:none;display:flex;align-items:center;gap:16px;height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:var(--surface);border-bottom:1px solid var(--line)}[data-skin=modern] .brand{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 0;border-radius:var(--r-sm);flex:none}[data-skin=modern] .brand-mark svg{display:block;width:32px;height:32px}[data-skin=modern] .brand-name{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}[data-skin=modern] .brand-name b{font-weight:800;color:var(--brand)}[data-skin=modern] .topbar-kind{flex:1;min-width:0;margin:0;padding-left:16px;border-left:1px solid var(--line);font-size:13.5px;font-weight:500;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-skin=modern] .topbar-right{display:flex;align-items:center;gap:12px;flex:none}[data-skin=modern] .topbar-clock{text-align:right;line-height:1.15}[data-skin=modern] .topbar-clock b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em}[data-skin=modern] .topbar-clock small{display:block;font-family:var(--font);font-size:11.5px;font-variant-numeric:normal;color:var(--ink-3)}[data-skin=modern] .rail{flex:none;z-index:30;width:var(--rail-w);display:flex;flex-direction:column;gap:4px;padding:10px 8px;background:var(--rail-bg);border-right:1px solid var(--line);transition:width .18s ease;overflow:hidden}[data-skin=modern] .rail.is-open{width:var(--rail-open-w)}[data-skin=modern] .rail-switch{width:46px;height:46px;border-radius:var(--r);display:grid;place-items:center;color:var(--ink-2);flex:none;transition:background .14s ease}[data-skin=modern] .rail-switch svg{width:22px;height:22px}[data-skin=modern] .rail-switch:hover{background:var(--surface-2)}[data-skin=modern] .rail-switch[aria-expanded=true]{background:var(--brand-soft);color:var(--brand-ink)}[data-skin=modern] .rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}[data-skin=modern] .rail-item{width:100%;min-height:var(--tap);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;color:var(--ink-2);transition:background .14s ease}[data-skin=modern] .rail-item:hover{background:var(--surface-2)}[data-skin=modern] .rail-item.is-on{background:var(--brand-soft);color:var(--brand-ink)}[data-skin=modern] .rail-glyph{width:22px;height:22px;flex:none}[data-skin=modern] .rail-label{font-size:11px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}[data-skin=modern] .rail.is-open .rail-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:8px 15px}[data-skin=modern] .rail.is-open .rail-label{font-size:15px;font-weight:600}[data-skin=modern] .rail-foot{margin-top:auto;display:none;padding:0 16px 14px;overflow:hidden}[data-skin=modern] .rail.is-open .rail-foot{display:block}[data-skin=modern] .rail-plant{display:block;width:80px;height:64px}[data-skin=modern] .rail-wish{margin:0;font-style:italic;font-size:14px;font-weight:500;line-height:1.45;white-space:nowrap;color:var(--ink-3);transform:rotate(-3deg);transform-origin:left top}[data-skin=modern] .board{gap:16px;padding:16px 20px calc(24px + env(safe-area-inset-bottom));max-width:1280px;width:100%;margin:0 auto}[data-skin=modern] .hero{position:relative;display:flex;align-items:center;gap:16px;min-height:150px;padding:22px 26px;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(120% 140% at 100% 50%,var(--surface-2) 0%,transparent 60%),linear-gradient(100deg,var(--brand-soft) 0%,var(--surface) 62%);border:1px solid var(--line)}[data-skin=modern] .hero-text{flex:1;min-width:0}[data-skin=modern] .hero-hi{margin:0 0 2px;font-size:15px;font-weight:600;color:var(--ink-2)}[data-skin=modern] .hero h1{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}[data-skin=modern] .hero-sub{margin:8px 0 0;font-size:14.5px;color:var(--ink-2);max-width:46ch}[data-skin=modern] .hero-art{flex:none;width:210px}[data-skin=modern] .hero-art svg{display:block;width:100%;height:auto}[data-skin=modern] .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}[data-skin=modern] .stat{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;padding:16px 18px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}[data-skin=modern] .spark{position:absolute;right:0;bottom:46px;width:55%;height:46px;pointer-events:none}[data-skin=modern] .stat-head{display:flex;align-items:center;gap:10px}[data-skin=modern] .stat-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:19px;flex:none}[data-skin=modern] .stat.is-brand .stat-icon{background:var(--brand-soft)}[data-skin=modern] .stat.is-clay .stat-icon{background:var(--clay-soft)}[data-skin=modern] .stat.is-violet .stat-icon{background:var(--violet-soft)}[data-skin=modern] .stat-key{font-size:14.5px;font-weight:600;color:var(--ink-2)}[data-skin=modern] .stat-val{font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.03em;line-height:1.2}[data-skin=modern] .stat.is-brand .stat-val{color:var(--brand)}[data-skin=modern] .stat.is-clay .stat-val{color:var(--clay)}[data-skin=modern] .stat.is-violet .stat-val{color:var(--violet)}[data-skin=modern] .stat-foot{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:9px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}[data-skin=modern] .stat-delta{font-weight:700;color:var(--brand)}[data-skin=modern] .stat-delta.is-down{color:var(--clay)}[data-skin=modern] .stat-flat{font-style:italic}[data-skin=modern] .shift-bar{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:12px 14px 12px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);text-align:left}[data-skin=modern] .shift-bar.is-open{border-color:var(--brand);background:linear-gradient(100deg,var(--brand-soft) 0%,var(--surface) 55%)}[data-skin=modern] .shift-bar-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--brand-soft);font-size:20px;flex:none}[data-skin=modern] .shift-bar-text{flex:1;min-width:0}[data-skin=modern] .shift-bar-text b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em}[data-skin=modern] .shift-bar-text small{display:block;font-size:13px;color:var(--ink-3);font-weight:500}[data-skin=modern] .shift-bar-go{flex:none;min-height:48px;display:inline-flex;align-items:center;gap:6px;padding:0 22px;border-radius:999px;background:var(--brand);color:var(--on-brand);font-size:15px;font-weight:700;white-space:nowrap}[data-skin=modern] .actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:14px}[data-skin=modern] .action{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:176px;padding:20px;border-radius:var(--r-lg);border:1px solid transparent;text-align:left;transition:transform .14s ease,box-shadow .14s ease}[data-skin=modern] .action:hover{transform:translateY(-2px);box-shadow:var(--shadow)}[data-skin=modern] .action:active{transform:scale(.985)}[data-skin=modern] .action-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:28px;background:var(--surface)}[data-skin=modern] .action-text{flex:1;min-width:0}[data-skin=modern] .action-text b{display:block;font-size:17px;font-weight:700;letter-spacing:-.015em}[data-skin=modern] .action-text small{display:block;margin-top:2px;font-size:13px;color:var(--ink-2);font-weight:500}[data-skin=modern] .action-go{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--on-brand);font-size:17px;font-weight:700}[data-skin=modern] .action.is-brand{background:var(--brand-soft)}[data-skin=modern] .action.is-brand .action-go{background:var(--brand)}[data-skin=modern] .action.is-amber{background:var(--amber-soft)}[data-skin=modern] .action.is-amber .action-go{background:var(--amber)}[data-skin=modern] .action.is-clay{background:var(--clay-soft)}[data-skin=modern] .action.is-clay .action-go{background:var(--clay)}[data-skin=modern] .action.is-blue{background:var(--blue-soft)}[data-skin=modern] .action.is-blue .action-go{background:var(--blue)}[data-skin=modern] .action.is-violet{background:var(--violet-soft)}[data-skin=modern] .action.is-violet .action-go{background:var(--violet)}[data-skin=modern] .board-foot{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}[data-skin=modern] .board-squiggle{width:160px;height:16px}[data-skin=modern] .shell-content .body{max-width:1100px;width:100%;margin:0 auto;padding-left:20px;padding-right:20px}[data-skin=modern] .shell-content .body.board{max-width:1280px}[data-skin=modern] .shell-content .appbar{background:transparent;border-bottom:1px solid var(--line);padding-top:12px;padding-bottom:12px}[data-skin=modern] .shell-content .dock{max-width:1100px;width:100%;margin:0 auto;background:transparent;border-top:1px solid var(--line)}@media(max-width:899px){[data-skin=modern] .rail,[data-skin=modern] .topbar-kind{display:none}[data-skin=modern] .topbar{gap:10px;padding-left:12px;padding-right:12px}[data-skin=modern] .topbar-clock b{font-size:18px}[data-skin=modern] .board{padding:12px 12px calc(16px + env(safe-area-inset-bottom));gap:12px}[data-skin=modern] .shell-content .body{padding-left:12px;padding-right:12px}[data-skin=modern] .hero{min-height:0;padding:18px}[data-skin=modern] .hero-art{display:none}[data-skin=modern] .stats{grid-template-columns:repeat(3,1fr);gap:8px}[data-skin=modern] .stat{gap:2px;padding:10px 11px;border-radius:var(--r)}[data-skin=modern] .stat-head{gap:0}[data-skin=modern] .stat-icon{display:none}[data-skin=modern] .stat-key{font-size:12px;color:var(--ink-3)}[data-skin=modern] .stat-val{font-size:17px}[data-skin=modern] .stat-foot,[data-skin=modern] .spark{display:none}[data-skin=modern] .actions{grid-template-columns:1fr 1fr;gap:10px}[data-skin=modern] .action{min-height:132px;padding:14px;gap:8px}[data-skin=modern] .action-icon{width:46px;height:46px;border-radius:15px;font-size:22px}[data-skin=modern] .action-text b{font-size:15px}[data-skin=modern] .action-go{width:30px;height:30px;font-size:15px}[data-skin=modern] .shift-bar{min-height:66px;padding:10px 12px;gap:10px}[data-skin=modern] .shift-bar-icon{width:40px;height:40px}[data-skin=modern] .shift-bar-go{min-height:42px;padding:0 14px;font-size:14px}}@media(max-width:380px){[data-skin=modern] .action-text small{display:none}}[data-skin=modern] .tables-board,[data-skin=modern] .quick-board{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:16px}[data-skin=modern] .page-head{display:flex;align-items:center;gap:14px}[data-skin=modern] .page-icon{width:54px;height:54px;border-radius:var(--r);display:grid;place-items:center;background:var(--brand-soft);font-size:24px;flex:none}[data-skin=modern] .page-title{flex:1;min-width:0}[data-skin=modern] .page-title h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.03em}[data-skin=modern] .page-title p{margin:0;font-size:13.5px;color:var(--ink-3)}[data-skin=modern] .search{position:relative;flex:0 1 320px;display:flex;align-items:center}[data-skin=modern] .search-glyph{position:absolute;left:14px;font-size:18px;color:var(--ink-3);pointer-events:none}[data-skin=modern] .search input{width:100%;min-height:48px;padding:0 14px 0 38px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}[data-skin=modern] .tables-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}[data-skin=modern] .tables-main{min-width:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain}[data-skin=modern] .tables-main>*{flex-shrink:0}[data-skin=modern] .zone-row{display:flex;align-items:center;gap:12px}[data-skin=modern] .zone-row .chip-row{flex:1;min-width:0;margin:0}[data-skin=modern] .zone-count{flex:none;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}[data-skin=modern] .tile-tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;align-content:start}[data-skin=modern] .tile-table{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:168px;padding:34px 12px 14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);transition:transform .12s ease,box-shadow .12s ease}[data-skin=modern] .tile-table:hover{transform:translateY(-2px);box-shadow:var(--shadow)}[data-skin=modern] .tile-table:active{transform:scale(.985)}[data-skin=modern] .tile-table.is-picked{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}[data-skin=modern] .tile-badge{position:absolute;top:9px;right:9px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:-.01em}[data-skin=modern] .tile-disc{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;margin-bottom:4px}[data-skin=modern] .tile-table-name{font-size:16px;font-weight:700;letter-spacing:-.015em}[data-skin=modern] .tile-seats{font-size:12.5px;color:var(--ink-3)}[data-skin=modern] .tile-money{margin-top:4px;display:flex;flex-direction:column;align-items:center;font-size:16px;font-weight:700;line-height:1.2}[data-skin=modern] .tile-money em{font-family:var(--font);font-style:normal;font-size:11.5px;font-weight:500;opacity:.75}[data-skin=modern] .tile-when{margin-top:4px;font-size:12px;font-weight:600}[data-skin=modern] .tile-table.is-free .tile-disc{background:var(--surface-2)}[data-skin=modern] .tile-table.is-free .tile-badge{background:var(--brand-soft);color:var(--brand-ink)}[data-skin=modern] .tile-table.is-busy{background:var(--amber-soft);border-color:var(--amber)}[data-skin=modern] .tile-table.is-busy .tile-disc{background:#ffffff8c}[data-skin=modern] .tile-table.is-busy .tile-badge{background:var(--amber);color:#fff}[data-skin=modern] .tile-table.is-busy .tile-money{color:var(--amber)}[data-skin=modern] .tile-table.is-long{background:var(--clay-soft);border-color:var(--clay)}[data-skin=modern] .tile-table.is-long .tile-disc{background:#ffffff8c}[data-skin=modern] .tile-table.is-long .tile-badge{background:var(--clay);color:#fff}[data-skin=modern] .tile-table.is-long .tile-money{color:var(--clay)}[data-skin=modern] .tile-table.is-reserved{background:var(--violet-soft);border-color:var(--violet)}[data-skin=modern] .tile-table.is-reserved .tile-disc{background:#ffffff8c}[data-skin=modern] .tile-table.is-reserved .tile-badge{background:var(--violet);color:#fff}[data-skin=modern] .tile-table.is-reserved .tile-when{color:var(--violet)}[data-skin=modern] .order-pane{min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}[data-skin=modern] .pane-head{flex:none;display:flex;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--line)}[data-skin=modern] .pane-name{padding:6px 14px;border-radius:999px;background:var(--brand);color:var(--on-brand);font-size:15px;font-weight:700}[data-skin=modern] .pane-seats{flex:1;min-width:0;font-size:13px;color:var(--ink-3)}[data-skin=modern] .pane-lines{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 14px}[data-skin=modern] .pane-line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}[data-skin=modern] .pane-line:last-child{border-bottom:none}[data-skin=modern] .pane-thumb{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink);font-size:17px;font-weight:700;text-transform:uppercase;flex:none}[data-skin=modern] .pane-line-main{flex:1;min-width:0}[data-skin=modern] .pane-line-main b{display:block;font-size:14.5px;font-weight:600;line-height:1.3}[data-skin=modern] .pane-line-main em{font-style:normal;font-weight:500;color:var(--ink-3)}[data-skin=modern] .pane-line-main .stepper{margin-top:5px;width:fit-content}[data-skin=modern] .pane-line-total{font-size:14.5px;font-weight:700;white-space:nowrap}[data-skin=modern] .pane-drop{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:15px;color:var(--ink-3);flex:none}[data-skin=modern] .pane-drop:hover{background:var(--clay-soft);color:var(--clay)}[data-skin=modern] .pane-total{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px;border-top:1px dashed var(--line-2);font-size:15px;font-weight:600}[data-skin=modern] .pane-total b{font-size:25px;font-weight:800;letter-spacing:-.03em;color:var(--brand)}[data-skin=modern] .pane-actions{flex:none;display:flex;gap:8px;padding:0 14px 14px}[data-skin=modern] .pane-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:30px 20px;text-align:center;color:var(--ink-3)}[data-skin=modern] .pane-empty p{margin:0;font-size:14px}@media(max-width:1179px){[data-skin=modern] .tables-split{grid-template-columns:minmax(0,1fr)}[data-skin=modern] .order-pane{display:none}}@media(max-width:899px){[data-skin=modern] .page-head{flex-wrap:wrap;gap:10px}[data-skin=modern] .page-icon{width:44px;height:44px;font-size:20px}[data-skin=modern] .page-title h1{font-size:21px}[data-skin=modern] .search{flex:1 0 100%;order:3}[data-skin=modern] .zone-count{display:none}[data-skin=modern] .tile-tables{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}[data-skin=modern] .tile-table{min-height:142px;padding:30px 8px 12px}[data-skin=modern] .tile-disc{width:44px;height:44px;font-size:21px}}[data-skin=modern] .zone-row .chip{border-radius:999px;padding:10px 18px}[data-skin=modern] .zone-row .chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}[data-skin=modern] .tables-board .page-head{margin-bottom:4px}[data-skin=modern] .page-icon.is-amber{background:var(--amber-soft)}[data-skin=modern] .search-wide{flex:0 1 460px}[data-skin=modern] .search-scan{position:absolute;right:14px;font-size:13px;letter-spacing:-1px;color:var(--ink-3);pointer-events:none}[data-skin=modern] .search-wide input{padding-right:46px}[data-skin=modern] .quick-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px}[data-skin=modern] .quick-main{min-width:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain}[data-skin=modern] .quick-main>*{flex-shrink:0}[data-skin=modern] .quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;align-content:start}[data-skin=modern] .quick-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}[data-skin=modern] .quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}[data-skin=modern] .quick-face{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 14px 12px;text-align:left}[data-skin=modern] .quick-face:active{background:var(--surface-2)}[data-skin=modern] .quick-thumb{width:52px;height:52px;border-radius:var(--r);display:grid;place-items:center;margin-bottom:8px;background:var(--brand-soft);color:var(--brand-ink);font-size:22px;font-weight:700;text-transform:uppercase}[data-skin=modern] .quick-name{font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em}[data-skin=modern] .quick-price{font-size:15px;font-weight:700;color:var(--brand)}[data-skin=modern] .quick-add{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--on-brand);font-size:19px;font-weight:700;line-height:1}[data-skin=modern] .quick-hot{position:absolute;top:8px;left:8px;z-index:1;padding:3px 9px;border-radius:999px;background:var(--amber);color:#fff;font-size:10.5px;font-weight:700}[data-skin=modern] .quick-count{position:absolute;top:8px;right:8px;z-index:1;min-width:26px;height:26px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:var(--brand);color:var(--on-brand);font-size:13px;font-weight:700}[data-skin=modern] .cart-pane{min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}[data-skin=modern] .cart-sums{flex:none;padding:10px 14px 4px;border-top:1px dashed var(--line-2)}[data-skin=modern] .cart-sums .pay-row{padding:5px 0}[data-skin=modern] .cart-sums .pay-row.is-link{width:100%;text-align:left;border-radius:var(--r-sm);padding:5px 8px;margin:0 -8px}[data-skin=modern] .cart-sums .pay-row.is-link:hover{background:var(--surface-2)}[data-skin=modern] .cart-sums .pay-row.is-link b{color:var(--brand);font-weight:700}[data-skin=modern] .cart-pay{flex:none;display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px}[data-skin=modern] .cart-pay .seg{min-height:52px}@media(max-width:1179px){[data-skin=modern] .quick-split{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}[data-skin=modern] .cart-pane{max-height:46dvh}}@media(max-width:899px){[data-skin=modern] .search-wide{flex:1 0 100%;order:3}[data-skin=modern] .quick-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:10px}[data-skin=modern] .quick-thumb{width:42px;height:42px;font-size:18px}[data-skin=modern] .quick-face{padding:12px 12px 10px}}[data-skin=modern] .orders-board{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:16px}[data-skin=modern] .page-icon.is-blue{background:var(--blue-soft)}[data-skin=modern] .stat-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}[data-skin=modern] .stat-chip{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-align:left}[data-skin=modern] .stat-chip[aria-pressed=true]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}[data-skin=modern] .stat-chip-key{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink-2)}[data-skin=modern] .stat-chip-val{font-size:22px;font-weight:800;letter-spacing:-.03em}[data-skin=modern] .stat-chip.is-brand .stat-chip-val{color:var(--ink)}[data-skin=modern] .stat-chip.is-amber .stat-chip-val{color:var(--amber)}[data-skin=modern] .stat-chip.is-green .stat-chip-val{color:var(--brand)}[data-skin=modern] .stat-chip.is-clay .stat-chip-val{color:var(--clay)}[data-skin=modern] .orders-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px}[data-skin=modern] .orders-main{min-width:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain}[data-skin=modern] .orders-main>*{flex-shrink:0}[data-skin=modern] .day-pick input{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:600}[data-skin=modern] .order-table{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}[data-skin=modern] .order-head,[data-skin=modern] .order-row{display:grid;grid-template-columns:1.1fr .8fr 1.2fr 1fr 1.1fr;align-items:center;gap:10px;padding:0 16px}[data-skin=modern] .order-head{min-height:44px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3)}[data-skin=modern] .order-row{width:100%;min-height:var(--tap);border-bottom:1px solid var(--line);text-align:left}[data-skin=modern] .order-row:last-child{border-bottom:none}[data-skin=modern] .order-row:hover{background:var(--surface-2)}[data-skin=modern] .order-row.is-picked{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}[data-skin=modern] .order-code{font-size:13.5px;font-weight:700}[data-skin=modern] .order-time b{display:block;font-size:14.5px;font-weight:700}[data-skin=modern] .order-time small,[data-skin=modern] .order-state small{display:block;font-size:11.5px;color:var(--ink-3)}[data-skin=modern] .kind-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 11px;border-radius:999px;background:var(--surface-2);font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-skin=modern] .kind-pill.is-away{background:var(--amber-soft);color:var(--amber)}[data-skin=modern] .order-total{font-size:15px;font-weight:700}[data-skin=modern] .order-total.struck{text-decoration:line-through;color:var(--ink-3)}[data-skin=modern] .state-pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700}[data-skin=modern] .state-pill.is-open{background:var(--amber-soft);color:var(--amber)}[data-skin=modern] .state-pill.is-paid{background:var(--brand-soft);color:var(--brand-ink)}[data-skin=modern] .state-pill.is-void{background:var(--clay-soft);color:var(--clay)}[data-skin=modern] .orders-pane{min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}[data-skin=modern] .detail-pane{flex:1;min-height:0;display:flex;flex-direction:column}[data-skin=modern] .detail-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px;display:flex;flex-direction:column;gap:12px}[data-skin=modern] .detail-body>*{flex-shrink:0}[data-skin=modern] .detail-body .sheet-actions{margin-top:auto}@media(max-width:1179px){[data-skin=modern] .orders-split{grid-template-columns:minmax(0,1fr)}[data-skin=modern] .orders-pane{display:none}}@media(max-width:899px){[data-skin=modern] .stat-chips{grid-template-columns:repeat(2,1fr);gap:8px}[data-skin=modern] .stat-chip{padding:10px 12px}[data-skin=modern] .stat-chip-val{font-size:18px}[data-skin=modern] .order-head{display:none}[data-skin=modern] .order-row{grid-template-columns:1fr auto;grid-template-areas:"time total" "kind state";gap:4px 10px;padding:12px 14px}[data-skin=modern] .order-code{display:none}[data-skin=modern] .order-time{grid-area:time}[data-skin=modern] .order-kind{grid-area:kind}[data-skin=modern] .order-total{grid-area:total;text-align:right}[data-skin=modern] .order-state{grid-area:state;text-align:right}}[data-skin=modern] .products-board{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:16px}[data-skin=modern] .page-icon.is-violet{background:var(--violet-soft)}[data-skin=modern] .stat-chip.is-violet .stat-chip-val{color:var(--violet)}[data-skin=modern] .stat-chip.is-blue .stat-chip-val{color:var(--blue)}[data-skin=modern] .products-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px}[data-skin=modern] .products-main{min-width:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain}[data-skin=modern] .products-main>*{flex-shrink:0}[data-skin=modern] .zone-actions{flex:none;display:flex;gap:8px}[data-skin=modern] .product-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px;align-content:start}[data-skin=modern] .product-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-align:left;transition:transform .12s ease,box-shadow .12s ease}[data-skin=modern] .product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}[data-skin=modern] .product-card.is-picked{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}[data-skin=modern] .product-card-thumb{width:52px;height:52px;border-radius:var(--r);display:grid;place-items:center;margin-bottom:8px;background:var(--brand-soft);color:var(--brand-ink);font-size:22px;font-weight:700;text-transform:uppercase}[data-skin=modern] .product-card.is-picked .product-card-thumb{background:var(--surface)}[data-skin=modern] .product-card-name{font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em}[data-skin=modern] .product-card-price{font-size:15px;font-weight:700;color:var(--brand)}[data-skin=modern] .product-card-foot{display:flex;align-items:center;gap:6px;margin-top:9px;max-width:100%}[data-skin=modern] .product-card-foot .kind-pill{font-size:11.5px;padding:3px 9px}[data-skin=modern] .products-pane{min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}@media(max-width:1179px){[data-skin=modern] .products-split{grid-template-columns:minmax(0,1fr)}[data-skin=modern] .products-pane{display:none}}@media(max-width:899px){[data-skin=modern] .product-cards{grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:10px}[data-skin=modern] .product-card-thumb{width:42px;height:42px;font-size:18px}[data-skin=modern] .zone-actions{width:100%}[data-skin=modern] .zone-actions .btn{flex:1}}[data-skin=modern]{--c1: #12876a;--c2: #c4761a;--c3: #3f72c9;--c4: #c0553f;--c5: #7d5bc6;--c6: #8b9490}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-skin=modern]{--c1: #28a077;--c2: #c0842f;--c3: #6289cc;--c4: #c47159;--c5: #9376cc;--c6: #78827e}}:root[data-theme=dark][data-skin=modern]{--c1: #28a077;--c2: #c0842f;--c3: #6289cc;--c4: #c47159;--c5: #9376cc;--c6: #78827e}[data-skin=modern] .report-board{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:0}[data-skin=modern] .page-icon.is-green{background:var(--brand-soft)}[data-skin=modern] .seg-tabs{flex:none;width:auto;min-width:260px}[data-skin=modern] .report-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}[data-skin=modern] .report-scroll>*{flex-shrink:0}[data-skin=modern] .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:14px}[data-skin=modern] .kpi{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}[data-skin=modern] .kpi-icon{grid-row:span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px}[data-skin=modern] .kpi.is-green .kpi-icon{background:var(--brand-soft)}[data-skin=modern] .kpi.is-blue .kpi-icon{background:var(--blue-soft)}[data-skin=modern] .kpi.is-violet .kpi-icon{background:var(--violet-soft)}[data-skin=modern] .kpi.is-clay .kpi-icon{background:var(--clay-soft)}[data-skin=modern] .kpi-key{font-size:13.5px;font-weight:600;color:var(--ink-2)}[data-skin=modern] .kpi-val{font-size:clamp(20px,2.2vw,27px);font-weight:800;letter-spacing:-.03em;line-height:1.15}[data-skin=modern] .kpi.is-green .kpi-val{color:var(--brand)}[data-skin=modern] .kpi.is-blue .kpi-val{color:var(--blue)}[data-skin=modern] .kpi.is-violet .kpi-val{color:var(--violet)}[data-skin=modern] .kpi.is-clay .kpi-val{color:var(--clay)}[data-skin=modern] .kpi-foot{grid-column:2;display:flex;align-items:baseline;gap:7px;font-size:12px;color:var(--ink-3)}[data-skin=modern] .kpi-foot em{font-style:normal}[data-skin=modern] .kpi-delta{font-weight:700;color:var(--brand)}[data-skin=modern] .kpi-delta.is-down{color:var(--clay)}[data-skin=modern] .panel{padding:16px 18px 14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}[data-skin=modern] .panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}[data-skin=modern] .panel-head h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.015em}[data-skin=modern] .panel-note{font-size:12px;color:var(--ink-3)}[data-skin=modern] .panel-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}[data-skin=modern] .chart-empty{margin:0;padding:24px 0;text-align:center;font-size:13.5px;color:var(--ink-3)}[data-skin=modern] .chart{position:relative;height:220px;padding-left:46px}[data-skin=modern] .chart-grid{position:absolute;inset:0 0 26px 46px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}[data-skin=modern] .chart-line{position:relative;border-top:1px solid var(--line)}[data-skin=modern] .chart-line span{position:absolute;right:calc(100% + 8px);top:-.6em;font-size:11px;color:var(--ink-3);white-space:nowrap}[data-skin=modern] .chart-bars{position:relative;height:100%;display:flex;align-items:flex-end;gap:2px;padding-bottom:26px}[data-skin=modern] .chart-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}[data-skin=modern] .chart-bar{width:100%;max-width:46px;min-height:2px;border-radius:4px 4px 0 0;background:var(--c1);opacity:.42;transition:opacity .12s ease}[data-skin=modern] .chart-col:hover .chart-bar,[data-skin=modern] .chart-bar.is-peak{opacity:1}[data-skin=modern] .chart-x{position:absolute;bottom:-22px;font-size:10.5px;color:var(--ink-3);white-space:nowrap}[data-skin=modern] .chart-tip{position:absolute;top:0;transform:translate(-50%,-4px);z-index:5;padding:8px 11px;border-radius:var(--r-sm);background:var(--ink);color:var(--paper);font-size:12px;line-height:1.45;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-lg)}[data-skin=modern] .chart-tip b{display:block;font-size:12.5px}[data-skin=modern] .chart-tip span{display:block;opacity:.8}[data-skin=modern] .share-track{position:relative;display:flex;gap:2px;height:30px;margin-bottom:14px;border-radius:999px;overflow:hidden}[data-skin=modern] .share-seg{min-width:3px;transition:opacity .12s ease}[data-skin=modern] .share-track:hover .share-seg{opacity:.5}[data-skin=modern] .share-track .share-seg:hover{opacity:1}[data-skin=modern] .share-keys{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}[data-skin=modern] .share-keys li{display:flex;align-items:center;gap:9px;font-size:13px}[data-skin=modern] .share-dot{width:11px;height:11px;border-radius:3px;flex:none}[data-skin=modern] .share-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-skin=modern] .share-amount{color:var(--ink-3)}[data-skin=modern] .share-pct{min-width:52px;text-align:right;font-weight:700}[data-skin=modern] .tone-0{background:var(--c1)}[data-skin=modern] .tone-1{background:var(--c2)}[data-skin=modern] .tone-2{background:var(--c3)}[data-skin=modern] .tone-3{background:var(--c4)}[data-skin=modern] .tone-4{background:var(--c5)}[data-skin=modern] .tone-5{background:var(--c6)}[data-skin=modern] .rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}[data-skin=modern] .rank-row{display:grid;grid-template-columns:20px minmax(84px,1.3fr) 2fr auto 52px;align-items:center;gap:10px;font-size:13.5px}[data-skin=modern] .rank-no{color:var(--ink-3);font-size:12px;text-align:center}[data-skin=modern] .rank-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-skin=modern] .rank-track{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}[data-skin=modern] .rank-fill{display:block;height:100%;border-radius:999px;background:var(--c1)}[data-skin=modern] .rank-qty{color:var(--ink-3);font-size:12.5px;white-space:nowrap}[data-skin=modern] .rank-pct{text-align:right;font-weight:700}[data-skin=modern] .tax-actions{display:flex;gap:8px;padding-top:4px}[data-skin=modern] .tax-actions .btn{flex:1}@media(max-width:899px){[data-skin=modern] .seg-tabs{flex:1 0 100%;order:3;min-width:0}[data-skin=modern] .kpis{grid-template-columns:1fr 1fr;gap:10px}[data-skin=modern] .kpi{padding:12px;gap:3px 10px}[data-skin=modern] .kpi-icon{width:36px;height:36px;font-size:17px}[data-skin=modern] .panel{padding:13px 14px 12px}[data-skin=modern] .chart{height:190px}[data-skin=modern] .rank-row{grid-template-columns:18px minmax(72px,1fr) 1.2fr 46px;gap:8px;font-size:12.5px}[data-skin=modern] .rank-qty{display:none}}[data-skin=modern] .page-back{display:flex;align-items:center;gap:4px;min-height:var(--tap);padding:0 18px 0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:15px;font-weight:700;flex:none;transition:background .14s ease,transform .12s ease}[data-skin=modern] .page-back:hover{background:var(--surface-2)}[data-skin=modern] .page-back:active{transform:scale(.97)}[data-skin=modern] .page-back-arrow{font-size:26px;line-height:1;margin-top:-3px}@media(max-width:899px){[data-skin=modern] .page-back{width:var(--tap);padding:0;justify-content:center}[data-skin=modern] .page-back-text{display:none}}[data-skin=modern]{--board-bg: #f6f3ea;--rail-bg: #f1eee4;--card-shadow: 0 1px 2px rgb(60 52 38 / 5%), 0 10px 28px -16px rgb(60 52 38 / 28%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-skin=modern]{--card-shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 10px 28px -16px rgb(0 0 0 / 70%)}}:root[data-theme=dark][data-skin=modern]{--card-shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 10px 28px -16px rgb(0 0 0 / 70%)}[data-skin=modern] .stat,[data-skin=modern] .shift-bar,[data-skin=modern] .order-pane,[data-skin=modern] .cart-pane,[data-skin=modern] .products-pane,[data-skin=modern] .orders-pane,[data-skin=modern] .panel,[data-skin=modern] .kpi,[data-skin=modern] .order-table,[data-skin=modern] .tile-table.is-free,[data-skin=modern] .product-card,[data-skin=modern] .quick-card{border-color:transparent;box-shadow:var(--card-shadow)}[data-skin=modern] .stat,[data-skin=modern] .shift-bar,[data-skin=modern] .panel,[data-skin=modern] .kpi,[data-skin=modern] .order-pane,[data-skin=modern] .cart-pane,[data-skin=modern] .products-pane,[data-skin=modern] .orders-pane{border-radius:20px}[data-skin=modern] .hero{border:none;border-radius:22px;box-shadow:var(--card-shadow)}[data-skin=modern] .tile-table,[data-skin=modern] .product-card,[data-skin=modern] .quick-card{border-radius:18px}[data-skin=modern] .search input,[data-skin=modern] .zone-count,[data-skin=modern] .page-back,[data-skin=modern] .day-pick input{border-color:transparent;box-shadow:0 1px 2px #3c34260f}[data-skin=modern] .board{gap:12px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}[data-skin=modern] .hero{min-height:0;padding:18px 24px}[data-skin=modern] .hero-sub{margin-top:6px}[data-skin=modern] .hero-art{width:176px}[data-skin=modern] .stats{gap:12px}[data-skin=modern] .stat{padding:13px 16px 10px}[data-skin=modern] .spark{bottom:40px;height:40px}[data-skin=modern] .stat-foot{margin-top:2px;padding-top:7px}[data-skin=modern] .shift-bar{min-height:68px;padding:10px 12px 10px 16px}[data-skin=modern] .actions{gap:12px}[data-skin=modern] .action{min-height:0;padding:16px;gap:10px}[data-skin=modern] .action-icon{width:54px;height:54px;border-radius:17px;font-size:25px}[data-skin=modern] .board-foot{margin-top:0}[data-skin=modern] .board-squiggle{height:12px}@media(min-width:900px)and (max-height:820px){[data-skin=modern] .board{gap:10px}[data-skin=modern] .hero{padding:13px 20px}[data-skin=modern] .hero h1{font-size:clamp(20px,2.6vw,26px)}[data-skin=modern] .hero-sub{display:none}[data-skin=modern] .hero-art{width:132px}[data-skin=modern] .stat{padding:10px 14px 8px}[data-skin=modern] .stat-icon{width:34px;height:34px;font-size:16px}[data-skin=modern] .shift-bar{min-height:60px}[data-skin=modern] .shift-bar-icon{width:40px;height:40px}[data-skin=modern] .action{padding:13px;gap:8px}[data-skin=modern] .action-icon{width:44px;height:44px;border-radius:14px;font-size:21px}[data-skin=modern] .board-foot{display:none}}@media(min-width:900px){[data-skin=modern] .actions{flex-grow:1;align-content:stretch;max-height:236px}[data-skin=modern] .action{justify-content:flex-start}[data-skin=modern] .action-text{margin-top:2px}[data-skin=modern] .action-go{margin-top:auto}}