:root{--surface-page:#f3f2ef;--surface-card:#fafaf8;--surface-zebra:#f0efec;--surface-header:#e8e6e1;--surface-hover:#eceae6;--border-warm:#ddd9d2;--green-950:#2c2a28;--green-900:#3a3835;--green-800:#4a4743;--shell-gradient-end:#646160;--green-active:#4a4540;--green-700:#4a4540;--green-600:#5c574f;--cream-accent:#c4b8a8;--cream-300:#e8e6e1;--cream-400:#c4b8a8;--text-main:#2c2a28;--text-subtle:#5c574f;--text-muted:var(--color-text-muted);--text-inverse:#fafaf8;--border-soft:var(--border-warm);--border-strong:var(--color-border-strong);--shadow-soft:0 4px 16px #2a26200f;--shadow-elevated:0 6px 28px #2a26201f;--shadow-panel:inset 0 1px 0 #fffdf8a6, 4px 22px 52px -12px #0818143d, 2px 8px 22px -8px #0818141a;--shadow-table:0 2px 8px #08181412, 0 10px 28px #08181417;--sidebar-edge-toggle-bg:linear-gradient(165deg, #fffdf847 0%, #5a554e61 52%, #2c2a288c 100%);--sidebar-edge-toggle-bg-hover:linear-gradient(165deg, #fffdf85c 0%, #5a554e75 52%, #2c2a289e 100%);--surface-panel:var(--surface-page);--shadow-inset-highlight:inset 0 1px 0 #ffffff14;--topbar-surface:var(--green-950);--topbar-text:#fffdf8e0;--topbar-text-muted:#fffdf885;--topbar-chip-bg:#ffffff12;--topbar-chip-border:#ffffff1f;--focus-ring:0 0 0 3px #4a454024;--btn-primary-bg:linear-gradient(135deg, #6b6560 0%, #4a4540 55%, #3a3835 100%);--btn-primary-bg-hover:linear-gradient(135deg, #7a746e 0%, #5c574f 55%, #4a4540 100%);--btn-primary-shadow:0 4px 12px #2c2a2829;--btn-primary-shadow-hover:0 6px 16px #2c2a2833;--btn-metal-frame:linear-gradient(145deg, #7a746e 0%, #6b6560 28%, #4a4540 58%, #3a3835 100%);--btn-metal-frame-hover:linear-gradient(145deg, #8a857e 0%, #7a746e 28%, #5c574f 58%, #4a4540 100%);--btn-metal-solid:linear-gradient(145deg, #7a746e 0%, #6b6560 28%, #4a4540 58%, #3a3835 100%);--btn-metal-fill:linear-gradient(180deg, #7a746e6b 0%, #4a454085 45%, #3a38359e 100%);--btn-metal-fill-hover:linear-gradient(180deg, #8a857e7a 0%, #5c574f94 45%, #4a4540ad 100%);--btn-metal-text:#fffdf8;--btn-metal-glint:#fffdf873;--btn-metal-shadow:0 1px 0 #fffdf838, 0 5px 14px #2c2a2842, inset 0 1px 0 #fffdf847, inset 0 -2px 5px #14121059;--btn-metal-shadow-hover:0 1px 0 #fffdf847, 0 7px 18px #2c2a284d, inset 0 1px 0 #fffdf833, inset 0 -2px 6px #14121047;--btn-metal-danger-solid:linear-gradient(145deg, #f8e8e2 0%, #efd0c6 22%, #e0a898 48%, #c47868 72%, #a85848 100%);--btn-metal-danger-frame:linear-gradient(145deg, #f8e8e2 0%, #efd0c6 22%, #e0a898 48%, #c47868 72%, #a85848 100%);--btn-metal-danger-frame-hover:linear-gradient(145deg, #faeeea 0%, #f2d8d0 22%, #e8b4a6 48%, #d08878 72%, #b86858 100%);--btn-metal-danger-fill-hover:linear-gradient(180deg, #f8e8e27a 0%, #efd0c68a 40%, #c47868a3 100%);--btn-metal-danger-text:#6b3028;--btn-metal-danger-shadow:0 1px 0 #fff8f680, 0 5px 14px #9a4a3d3d, inset 0 1px 0 #fff8f673, inset 0 -2px 5px #78322842;--btn-metal-danger-shadow-hover:0 1px 0 #fff8f68c, 0 7px 18px #9a4a3d47, inset 0 1px 0 #fff8f652, inset 0 -2px 6px #78322833;--btn-danger-bg:linear-gradient(135deg, #c46858 0%, #b65a4a 55%, #9a4a3d 100%);--btn-danger-bg-hover:linear-gradient(135deg, #d07464 0%, #c06050 55%, #b65a4a 100%);--btn-danger-shadow:0 4px 12px #9a4a3d38;--btn-danger-shadow-hover:0 6px 16px #9a4a3d47;--btn-coffee-bg:linear-gradient(135deg, #7d6352 0%, #6b5344 55%, #5a4538 100%);--btn-coffee-bg-hover:linear-gradient(135deg, #8a7060 0%, #756050 55%, #6b5344 100%);--btn-coffee-shadow:0 4px 12px #5a453838;--btn-coffee-shadow-hover:0 6px 16px #5a453847;--btn-metal-coffee-solid:linear-gradient(145deg, #8a7060 0%, #7d6352 28%, #6b5344 58%, #5a4538 100%);--btn-metal-coffee-frame:linear-gradient(145deg, #8a7060 0%, #7d6352 28%, #6b5344 58%, #5a4538 100%);--btn-metal-coffee-frame-hover:linear-gradient(145deg, #968070 0%, #8a7060 28%, #756050 58%, #6b5344 100%);--btn-metal-coffee-fill-hover:linear-gradient(180deg, #8a70606b 0%, #6b534485 45%, #5a45389e 100%);--btn-metal-coffee-text:#fff8f0;--btn-metal-coffee-shadow:0 1px 0 #fff8f038, 0 5px 14px #5a453847, inset 0 1px 0 #fff8f047, inset 0 -2px 5px #281c1452;--btn-metal-coffee-shadow-hover:0 1px 0 #fff8f047, 0 7px 18px #5a453852, inset 0 1px 0 #fff8f033, inset 0 -2px 6px #281c1442;--btn-ocr-bg:linear-gradient(135deg, #7a5538 0%, #6b4a2f 55%, #5a3d26 100%);--btn-ocr-bg-hover:linear-gradient(135deg, #886244 0%, #755338 55%, #6b4a2f 100%);--btn-ocr-shadow:0 4px 12px #5a3d263d;--btn-ocr-shadow-hover:0 6px 16px #5a3d264d;--btn-metal-ocr-solid:linear-gradient(145deg, #886244 0%, #7a5538 28%, #6b4a2f 58%, #5a3d26 100%);--btn-metal-ocr-frame:linear-gradient(145deg, #886244 0%, #7a5538 28%, #6b4a2f 58%, #5a3d26 100%);--btn-metal-ocr-frame-hover:linear-gradient(145deg, #967050 0%, #886244 28%, #755338 58%, #6b4a2f 100%);--btn-metal-ocr-fill-hover:linear-gradient(180deg, #8862446b 0%, #6b4a2f85 45%, #5a3d269e 100%);--btn-metal-ocr-text:#fffdf8;--btn-metal-ocr-shadow:0 1px 0 #fffdf833, 0 5px 14px #5a3d264d, inset 0 1px 0 #fffdf842, inset 0 -2px 5px #28180e57;--btn-metal-ocr-shadow-hover:0 1px 0 #fffdf842, 0 7px 18px #5a3d2657, inset 0 1px 0 #fffdf82e, inset 0 -2px 6px #28180e47;--btn-secondary-bg:linear-gradient(135deg, #fafaf8 0%, #f3f2ef 50%, #e8e6e1 100%);--btn-secondary-bg-hover:linear-gradient(135deg, #fff 0%, #f5f4f1 50%, #edeae5 100%);--btn-secondary-shadow:0 3px 10px #2c2a281a;--btn-secondary-shadow-hover:0 5px 14px #2c2a2824;--btn-secondary-text:var(--color-text-main);--btn-pill-neutral-bg:#fffdf86b;--btn-pill-neutral-bg-hover:#ffffff85;--btn-pill-neutral-border:#7a726638;--btn-pill-neutral-shadow:inset 0 1px 0 #ffffff59;--btn-pill-neutral-shadow-hover:inset 0 1px 0 #ffffff6b;--btn-pill-neutral-text:var(--color-text-main);--btn-pill-info-bg:#b89b4d21;--btn-pill-info-bg-hover:#b89b4d30;--btn-pill-info-border:#b89b4d4d;--btn-pill-info-shadow:inset 0 1px 0 #ffffff47;--btn-pill-info-shadow-hover:inset 0 1px 0 #ffffff57;--btn-pill-info-text:#6d5a32;--btn-pill-primary-bg:#2a604d1f;--btn-pill-primary-bg-hover:#2a604d2e;--btn-pill-primary-border:#2a604d47;--btn-pill-primary-shadow:inset 0 1px 0 #ffffff47;--btn-pill-primary-shadow-hover:inset 0 1px 0 #ffffff57;--btn-pill-primary-text:#1f4f3f;--btn-pill-danger-bg:#b65a4a1f;--btn-pill-danger-bg-hover:#b65a4a2e;--btn-pill-danger-border:#b65a4a4d;--btn-pill-danger-shadow:inset 0 1px 0 #ffffff47;--btn-pill-danger-shadow-hover:inset 0 1px 0 #ffffff57;--btn-pill-danger-text:#9a4a3d;--modal-radius:20px;--modal-overlay-bg:#0a221c85;--modal-header-bg:linear-gradient(135deg, #1a4738 0%, #0f2f24 48%, #0a221c 100%);--modal-header-text:#fffdf8f5;--modal-footer-bg:linear-gradient(135deg, #14352a 0%, #0f2f24 55%, #0a221c 100%);--modal-cta-bg:#d4f061;--modal-cta-bg-hover:#dff075;--modal-cta-text:#142820;--modal-ghost-border:#fffdf885;--modal-ghost-text:#fffdf8eb;--modal-ghost-bg-hover:#fffdf81a;--modal-shadow:0 28px 72px #08181461, 0 10px 28px #08181433;--modal-body-bg:var(--color-bg-paper);--success:var(--green-700);--success-bg:#eef4ef;--warning:#b89b4d;--warning-bg:#f8f4ec;--danger:#b65a4a;--danger-bg:#f8edea;--info:#6b7578;--info-bg:#f8f4ec;--color-primary-dark:var(--green-950);--color-primary:var(--green-700);--color-primary-light:var(--green-600);--color-bg-base:var(--surface-page);--color-bg-paper:var(--surface-card);--color-accent-beige:var(--surface-header);--color-text-main:var(--text-main);--color-text-muted:var(--text-subtle);--color-text-faint:var(--text-muted);--color-border:var(--border-soft);--color-border-strong:var(--border-strong);--color-sidebar-text:#fffdf8b8;--color-sidebar-text-active:var(--text-inverse);--color-danger:var(--danger);--color-danger-soft:var(--danger-bg);--color-success:var(--success);--color-success-soft:var(--success-bg);--color-warning-soft:var(--warning-bg);--warm-white:var(--surface-card);--warm-50:var(--surface-page);--warm-100:var(--surface-zebra);--warm-200:var(--surface-hover);--warm-300:var(--border-warm);--warm-400:#c4b8a4;--warm-500:var(--text-muted);--warm-600:var(--text-subtle);--warm-700:#4a4540;--warm-800:var(--text-main);--warm-900:#1f1e1c;--bg:var(--color-bg-base);--surface:var(--color-bg-paper);--surface-2:var(--surface-zebra);--border:var(--color-border);--hover:#4a45400d;--text:var(--color-text-main);--text-faint:var(--color-text-faint);--accent:var(--color-primary);--accent-soft:var(--surface-zebra);--accent-text:var(--color-primary);--danger-soft:var(--color-danger-soft);--success-soft:var(--color-success-soft);--font-sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:10px;--radius-sm:8px;--radius-lg:12px;--shadow-card:var(--shadow-soft);--sidebar-width:232px;--layout-main-gutter:20px;--header-height:68px;--topbar-mark-height:36px;--sidebar-item-hover:#fffdf80f;--sidebar-item-active:#fffdf81f;--sidebar-item-active-gradient:linear-gradient(90deg, #fffdf81f 0%, #fffdf80d 36%, transparent 72%);--sidebar-section-label:#fffdf86b;--sidebar-border:#ffffff12;--chart-net:#2f664f;--chart-gross:#b89b4d;font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6}.booking-layout[data-brand=FUKI_BAKERY]{--surface-page:#f4f2ef;--surface-card:#faf9f7;--surface-zebra:#efede9;--surface-header:#e6e2db;--surface-hover:#ebe8e3;--border-warm:#ddd8d0;--green-950:#2c2824;--green-900:#3a342e;--green-800:#4a4038;--shell-gradient-end:#4a4038;--green-active:#5c4a3a;--green-700:#5c4a3a;--green-600:#6b5847;--cream-accent:#b8a898;--cream-300:#e6e2db;--cream-400:#c4b8a8;--text-main:#2a2520;--text-subtle:#5a534a;--text-muted:#857c72;--text-inverse:#faf9f7;--border-strong:#c9c0b4;--focus-ring:0 0 0 3px #5c4a3a29;--success-bg:#f0ede8;--warning-bg:#f5f0e8;--danger-bg:#f8edea;--info-bg:#efede9;--hover:#5c4a3a0f;--chart-net:#5c4a3a;--chart-gross:#8a7358;--modal-overlay-bg:#2c282485;--modal-header-bg:linear-gradient(135deg, #4a4038 0%, #3a342e 48%, #2c2824 100%);--modal-header-text:#fffdf8f5;--modal-footer-bg:linear-gradient(135deg, #3a342e 0%, #2c2824 55%, #2c2824 100%);--modal-cta-bg:#e6e2db;--modal-cta-bg-hover:#f0ede8;--modal-cta-text:#2a2520;--modal-ghost-border:#fffdf86b;--modal-ghost-text:#fffdf8eb;--modal-ghost-bg-hover:#fffdf81a}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-paper);color:var(--color-text-main);padding:9px 18px;font-family:inherit;font-size:.9rem;transition:background .18s,border-color .18s,box-shadow .18s,color .18s}.btn-sm{padding:6px 12px;font-size:.82rem}.link-btn{letter-spacing:.01em;cursor:pointer;color:var(--color-text-main);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:5px 14px;font-family:inherit;font-size:.78rem;font-weight:600;line-height:1.2;display:inline-flex}.actions-col .link-btn,.actions-col .btn.btn-sm,td.actions-col .link-btn{letter-spacing:.01em;border-radius:999px;padding:5px 14px;font-size:.78rem}.btn:not(.btn-ghost):not(.btn-text),.link-btn{isolation:isolate;letter-spacing:.02em;transform-origin:50%;border:none;border-radius:999px;font-weight:600;transition:background .22s,box-shadow .22s,color .22s,transform .2s;position:relative;overflow:hidden}.btn:not(.btn-ghost):not(.btn-text){padding:9px 20px}.btn-sm:not(.btn-ghost):not(.btn-text){padding:6px 14px}.btn:not(.btn-ghost):not(.btn-text)>*,.link-btn>*{z-index:1;position:relative}.btn:not(.btn-primary):not(.primary):not(.btn-danger):not(.btn-coffee):not(.btn-ocr):not(.btn-ghost):not(.btn-text),.link-btn:not(.danger){background:var(--btn-secondary-bg);color:var(--btn-secondary-text,var(--color-text-main));text-shadow:none;box-shadow:var(--btn-secondary-shadow), inset 0 1px 0 #ffffffb3, inset 0 -1px 2px #2c2a281a}.layout[data-brand=YOUSHI] .btn:not(.btn-primary):not(.primary):not(.btn-danger):not(.btn-coffee):not(.btn-ocr):not(.btn-ghost):not(.btn-text),.layout[data-brand=YOUSHI] .link-btn:not(.danger){background:var(--btn-fill);color:var(--text-inverse);box-shadow:var(--btn-fill-shadow), inset 0 1px 0 #ffffff47, inset 0 -1px 2px #00000038}.btn-primary,.btn.primary{background:var(--btn-metal-solid);color:var(--btn-metal-text);text-shadow:0 1px #fffdf847;box-shadow:var(--btn-metal-shadow)}.btn-danger,.link-btn.danger{background:var(--btn-metal-danger-solid,var(--btn-danger-bg));color:var(--btn-metal-danger-text,#fff);text-shadow:0 1px #fff8f62e;box-shadow:var(--btn-metal-danger-shadow,var(--btn-danger-shadow))}.btn-coffee{background:var(--btn-metal-coffee-solid);color:var(--btn-metal-coffee-text,#fff8f0);text-shadow:0 1px #fff8f02e;box-shadow:var(--btn-metal-coffee-shadow)}.btn-ocr{background:var(--btn-metal-ocr-solid);color:var(--btn-metal-ocr-text,#fffdf8);text-shadow:0 1px #fffdf82e;box-shadow:var(--btn-metal-ocr-shadow)}.btn-primary:before,.btn.primary:before,.btn-coffee:before,.btn-ocr:before,.btn-danger:before,.link-btn.danger:before{content:"";border-radius:inherit;background:var(--btn-metal-frame);-webkit-mask-composite:xor;pointer-events:none;z-index:0;padding:3px;transition:background .22s,box-shadow .22s;position:absolute;inset:0;box-shadow:inset 0 1px #fffdf88c,inset 0 -1px 2px #281c1466;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-coffee:before{background:var(--btn-metal-coffee-frame)}.btn-ocr:before{background:var(--btn-metal-ocr-frame)}.btn-danger:before,.link-btn.danger:before{background:var(--btn-metal-danger-frame)}.btn:not(.btn-primary):not(.primary):not(.btn-danger):not(.btn-coffee):not(.btn-ocr):not(.btn-ghost):not(.btn-text):before,.link-btn:not(.danger):before{content:"";border-radius:inherit;box-shadow:none;pointer-events:none;z-index:0;background:linear-gradient(165deg,#ffffff47 0%,#ffffff14 32%,#0000 58%);padding:0;position:absolute;inset:0;-webkit-mask:none;mask:none}.btn-primary:after,.btn.primary:after,.btn-coffee:after,.btn-ocr:after,.btn-danger:after,.link-btn.danger:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(12% 70% at 6% 42%,#fffdf873 0%,#0000 72%),radial-gradient(14% 50% at 92% 48%,#fffdf829 0%,#0000 70%),linear-gradient(165deg,#fffdf838 0%,#fffdf80f 30%,#0000 52%,#00000014 100%);position:absolute;inset:0}.btn:not(.btn-primary):not(.primary):not(.btn-danger):not(.btn-coffee):not(.btn-ocr):not(.btn-ghost):not(.btn-text):after,.link-btn:not(.danger):after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 0 0,#ffffff47 0%,#0000 72%);border-radius:999px;width:50%;height:42%;position:absolute;top:8%;left:8%}.btn-primary:hover:not(:disabled),.btn.primary:hover:not(:disabled),.export-menu--hover:hover>.btn-primary:not(:disabled),.export-menu--hover:focus-within>.btn-primary:not(:disabled){background:var(--btn-metal-fill-hover);color:var(--btn-metal-text);box-shadow:var(--btn-metal-shadow-hover);transform:translateY(-1px)}.btn-primary:hover:not(:disabled):before,.btn.primary:hover:not(:disabled):before,.export-menu--hover:hover>.btn-primary:not(:disabled):before,.export-menu--hover:focus-within>.btn-primary:not(:disabled):before{background:var(--btn-metal-frame-hover)}.btn:not(.btn-primary):not(.primary):not(.btn-danger):not(.btn-coffee):not(.btn-ocr):not(.btn-ghost):not(.btn-text):hover:not(:disabled),.link-btn:not(.danger):hover:not(:disabled){background:var(--btn-secondary-bg-hover);box-shadow:var(--btn-secondary-shadow-hover,var(--btn-secondary-shadow)), inset 0 1px 0 #ffffffc7, inset 0 -1px 2px #2c2a281a;transform:translateY(-1px)}.layout[data-brand=YOUSHI] .btn:not(.btn-primary):not(.primary):not(.btn-danger):not(.btn-coffee):not(.btn-ocr):not(.btn-ghost):not(.btn-text):hover:not(:disabled),.layout[data-brand=YOUSHI] .link-btn:not(.danger):hover:not(:disabled){background:var(--btn-fill-hover);box-shadow:var(--btn-fill-shadow-hover,var(--btn-fill-shadow)), inset 0 1px 0 #ffffff52, inset 0 -1px 2px #0003}.btn-danger:hover:not(:disabled),.link-btn.danger:hover:not(:disabled){background:var(--btn-metal-danger-fill-hover,var(--btn-danger-bg-hover));color:var(--btn-metal-danger-text,#fff);box-shadow:var(--btn-metal-danger-shadow-hover,var(--btn-danger-shadow-hover));transform:translateY(-1px)}.btn-danger:hover:not(:disabled):before,.link-btn.danger:hover:not(:disabled):before{background:var(--btn-metal-danger-frame-hover,var(--btn-metal-danger-frame))}.btn-coffee:hover:not(:disabled){background:var(--btn-metal-coffee-fill-hover);color:var(--btn-metal-coffee-text,#fff8f0);box-shadow:var(--btn-metal-coffee-shadow-hover);transform:translateY(-1px)}.btn-coffee:hover:not(:disabled):before{background:var(--btn-metal-coffee-frame-hover)}.btn-ocr:hover:not(:disabled),.export-menu--hover:hover>.btn-ocr:not(:disabled),.export-menu--hover:focus-within>.btn-ocr:not(:disabled){background:var(--btn-metal-ocr-fill-hover);color:var(--btn-metal-ocr-text,#fffdf8);box-shadow:var(--btn-metal-ocr-shadow-hover);transform:translateY(-1px)}.btn-ocr:hover:not(:disabled):before,.export-menu--hover:hover>.btn-ocr:not(:disabled):before,.export-menu--hover:focus-within>.btn-ocr:not(:disabled):before{background:var(--btn-metal-ocr-frame-hover)}@media (prefers-reduced-motion:reduce){.btn:not(.btn-ghost):not(.btn-text):hover:not(:disabled),.link-btn:hover:not(:disabled),.export-menu--hover:hover>.btn:not(.btn-ghost):not(.btn-text):not(:disabled),.export-menu--hover:focus-within>.btn:not(.btn-ghost):not(.btn-text):not(:disabled){transform:none}}@media (width<=1024px){.btn:not(.btn-ghost):not(.btn-text){min-height:40px}}@media (width<=768px){.btn:not(.btn-ghost):not(.btn-text){min-height:44px;padding:10px 16px}.btn-sm:not(.btn-ghost):not(.btn-text){min-height:36px;padding:7px 12px}.btn-primary:before,.btn.primary:before,.btn-coffee:before,.btn-ocr:before,.btn-danger:before,.link-btn.danger:before{padding:2px}table td .btn,table td .link-btn,.actions-col .link-btn,.actions-col .btn.btn-sm{min-height:0;padding:5px 12px}}.btn-icon{z-index:1;vertical-align:-.15em;flex-shrink:0;width:1em;height:1em;margin-right:6px;position:relative}.btn .btn-icon{display:inline-block}.btn:disabled,.link-btn:disabled{opacity:.45;cursor:not-allowed}table td .btn,table td .link-btn,.actions-col .link-btn,.actions-col .btn.btn-sm,td.actions-col .link-btn,td.actions .btn,td.payroll-col-actions .link-btn{z-index:0;letter-spacing:.01em;text-shadow:none;border-radius:999px;padding:5px 14px;font-size:.78rem;position:relative;overflow:hidden;transform:none}table td .link-btn:not(.danger):not(.pill-info):not(.pill-edit),table td .btn:not(.btn-primary):not(.primary):not(.btn-danger):not(.pill-info):not(.pill-edit),.actions-col .link-btn:not(.danger):not(.pill-info):not(.pill-edit),.actions-col .btn.btn-sm:not(.btn-primary):not(.primary):not(.btn-danger):not(.pill-info):not(.pill-edit){background:var(--btn-pill-neutral-bg);color:var(--btn-pill-neutral-text,var(--text-main,var(--color-text-main)));border:1px solid var(--btn-pill-neutral-border);box-shadow:var(--btn-pill-neutral-shadow,none)}table td .link-btn.pill-info,table td .btn.pill-info,.actions-col .link-btn.pill-info,.actions-col .btn.btn-sm.pill-info{background:var(--btn-pill-info-bg);color:var(--btn-pill-info-text,#6d5a32);border:1px solid var(--btn-pill-info-border);box-shadow:var(--btn-pill-info-shadow,none)}table td .link-btn.pill-edit,table td .btn.btn-primary,table td .btn.primary,table td .btn.pill-edit,.actions-col .link-btn.pill-edit,.actions-col .btn.btn-sm.btn-primary,.actions-col .btn.btn-sm.primary,.actions-col .btn.btn-sm.pill-edit,.actions-col .link-btn.pill-edit{border:1px solid var(--btn-pill-primary-border);background:var(--btn-pill-primary-bg,var(--btn-primary-bg));color:var(--btn-pill-primary-text,#1f4f3f);text-shadow:none;box-shadow:var(--btn-pill-primary-shadow,none);background-clip:border-box;border-radius:999px;padding:5px 14px;font-weight:600;overflow:hidden}table td .link-btn.danger,table td .btn-danger,.actions-col .link-btn.danger{background:var(--btn-pill-danger-bg);color:var(--btn-pill-danger-text,#9a4a3d);border:1px solid var(--btn-pill-danger-border);box-shadow:var(--btn-pill-danger-shadow,none)}table td .btn:before,table td .link-btn:before,.actions-col .link-btn:before,.actions-col .btn.btn-sm:before{box-shadow:none;z-index:0;background:linear-gradient(145deg,#ffffff2e 0%,#ffffff0a 42%,#0000 72%);padding:0;inset:0;-webkit-mask:none;mask:none}table td .link-btn.danger:before,table td .btn.btn-primary:before,table td .btn.primary:before,table td .link-btn.pill-edit:before,table td .btn.pill-edit:before,.actions-col .link-btn.danger:before,.actions-col .btn.btn-sm.btn-primary:before,.actions-col .btn.btn-sm.primary:before,.actions-col .link-btn.pill-edit:before,.actions-col .btn.btn-sm.pill-edit:before{box-shadow:none;background:linear-gradient(145deg,#ffffff29 0%,#ffffff08 42%,#0000 72%);padding:0;inset:0;-webkit-mask:none;mask:none}table td .link-btn.pill-info:before,table td .btn.pill-info:before,.actions-col .link-btn.pill-info:before,.actions-col .btn.btn-sm.pill-info:before{background:linear-gradient(145deg,#ffffff2b 0%,#ffffff0a 42%,#0000 72%)}table td .btn:after,table td .link-btn:after,.actions-col .link-btn:after,.actions-col .btn.btn-sm:after{display:none}table td .btn:hover:not(:disabled),table td .link-btn:hover:not(:disabled),.actions-col .link-btn:hover:not(:disabled),.actions-col .btn.btn-sm:hover:not(:disabled){transform:none}table td .link-btn:not(.danger):not(.pill-info):not(.pill-edit):hover:not(:disabled),table td .btn:not(.btn-primary):not(.primary):not(.btn-danger):not(.pill-info):not(.pill-edit):hover:not(:disabled),.actions-col .link-btn:not(.danger):not(.pill-info):not(.pill-edit):hover:not(:disabled),.actions-col .btn.btn-sm:not(.btn-primary):not(.primary):not(.btn-danger):not(.pill-info):not(.pill-edit):hover:not(:disabled){background:var(--btn-pill-neutral-bg-hover);box-shadow:var(--btn-pill-neutral-shadow-hover,var(--btn-pill-neutral-shadow,none));color:var(--btn-pill-neutral-text,var(--text-main,var(--color-text-main)))}table td .link-btn.pill-info:hover:not(:disabled),table td .btn.pill-info:hover:not(:disabled),.actions-col .link-btn.pill-info:hover:not(:disabled),.actions-col .btn.btn-sm.pill-info:hover:not(:disabled){background:var(--btn-pill-info-bg-hover);box-shadow:var(--btn-pill-info-shadow-hover,var(--btn-pill-info-shadow,none));color:var(--btn-pill-info-text,#6d5a32)}table td .link-btn.pill-edit:hover:not(:disabled),table td .btn.btn-primary:hover:not(:disabled),table td .btn.primary:hover:not(:disabled),table td .btn.pill-edit:hover:not(:disabled),.actions-col .link-btn.pill-edit:hover:not(:disabled),.actions-col .btn.btn-sm.btn-primary:hover:not(:disabled),.actions-col .btn.btn-sm.primary:hover:not(:disabled),.actions-col .btn.btn-sm.pill-edit:hover:not(:disabled),.actions-col .link-btn.pill-edit:hover:not(:disabled){background:var(--btn-pill-primary-bg-hover,var(--btn-primary-bg-hover));box-shadow:var(--btn-pill-primary-shadow-hover,var(--btn-pill-primary-shadow,none));color:var(--btn-pill-primary-text,#1f4f3f);background-clip:border-box;transform:none}table td .btn.btn-primary:hover:not(:disabled):before,table td .btn.primary:hover:not(:disabled):before,.actions-col .btn.btn-sm.btn-primary:hover:not(:disabled):before,.actions-col .btn.btn-sm.primary:hover:not(:disabled):before{background:linear-gradient(145deg,#ffffff29 0%,#ffffff08 42%,#0000 72%)}table td .link-btn.danger:hover:not(:disabled),.actions-col .link-btn.danger:hover:not(:disabled){background:var(--btn-pill-danger-bg-hover);box-shadow:var(--btn-pill-danger-shadow-hover,var(--btn-pill-danger-shadow,none));color:var(--btn-pill-danger-text,#9a4a3d)}.export-menu--hover{position:relative}.export-menu--hover:before{content:"";z-index:39;height:12px;position:absolute;top:100%;left:0;right:0}.export-menu--hover .export-dropdown{z-index:40;background:var(--color-bg-paper);border-radius:var(--radius-lg);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;border:none;min-width:200px;padding:10px 0;transition:opacity .22s,transform .34s cubic-bezier(.22,1.08,.48,1),visibility .22s;position:absolute;top:calc(100% + 8px);left:auto;right:0;transform:perspective(760px)rotateX(-14deg)scale(.95)translateY(-8px);box-shadow:0 14px 40px #0000001f}.export-menu--hover:hover .export-dropdown,.export-menu--hover:focus-within .export-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:perspective(760px)rotateX(0)scale(1)translateY(0)}@media (prefers-reduced-motion:reduce){.export-menu--hover .export-dropdown{transition:opacity .15s,visibility .15s;transform:none}.export-menu--hover:hover .export-dropdown,.export-menu--hover:focus-within .export-dropdown{transform:none}}*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0;padding:0}body{background:var(--bg)}button,input{font:inherit}h1,h2,h3{font-family:var(--font-sans);letter-spacing:-.01em;font-weight:600}.booking-layout{grid-template-columns:var(--sidebar-width,232px) minmax(0, 1fr);background:linear-gradient(180deg, var(--green-950) 0%, var(--green-900) 50%, var(--shell-gradient-end,var(--green-800)) 100%);min-height:100dvh;display:grid}.booking-layout.staff-pos-layout{grid-template-columns:var(--sidebar-width,232px) minmax(0, 1fr) minmax(280px, 360px)}.booking-sidebar{color:var(--color-sidebar-text);scrollbar-color:#fffdf838 transparent;background:0 0;border-right:none;flex-direction:column;gap:1rem;padding:20px 10px 16px;display:flex;overflow-y:auto}.booking-sidebar h1{color:#fffdf8eb;letter-spacing:.01em;margin:0;padding:0 10px 4px;font-size:1.2rem}.search-field{flex-direction:column;gap:.35rem;padding:0 4px;display:flex}.search-field span{color:var(--sidebar-section-label);padding-left:6px;font-size:.85rem;font-weight:500}.search-field input{border-radius:var(--radius-sm);color:#fffdf8eb;background:#fffdf814;border:1px solid #fffdf824;padding:.6rem .8rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.search-field input::placeholder{color:#fffdf861}.search-field input:focus{box-shadow:var(--focus-ring);border-color:#fffdf847;outline:none}.nav-btn{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--color-sidebar-text);background:0 0;border:none;padding:8px 10px;font-size:.96rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:block}.nav-btn:hover{background:var(--sidebar-item-hover);color:var(--color-sidebar-text-active)}.nav-btn.active{background:var(--sidebar-item-active-gradient,var(--sidebar-item-active));color:#fffdf8f5;font-weight:600;box-shadow:inset 0 1px #fffdf812}.nav-btn .hint{color:#fffdf86b;margin-top:.15rem;font-size:.8rem;font-weight:400;display:block}.category-list{flex-direction:column;gap:1px;padding:0 4px;display:flex}.category-list h2{color:var(--sidebar-section-label);margin:0 0 4px;padding:6px 10px 4px;font-size:.85rem;font-weight:500}.booking-main{min-width:0;min-height:0;padding:16px var(--layout-main-gutter,20px);flex-direction:column;display:flex}.booking-main-panel{background:var(--surface-panel,var(--surface-page));border:1px solid var(--border-warm);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);flex-direction:column;flex:1;min-height:0;padding:24px 28px 20px;display:flex}.breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.88rem;display:flex}.breadcrumb a{color:inherit}.pickup-date{color:var(--color-text-main);align-items:center;gap:.4rem;margin-left:auto;font-size:.85rem;display:flex}.pickup-date input{border:1px solid var(--border-warm);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--color-text-main);padding:.4rem .55rem}.pickup-date input:focus{box-shadow:var(--focus-ring);border-color:var(--border-strong);outline:none}.pickup-hint{color:var(--danger);text-align:right;margin:0 0 .75rem;font-size:.85rem}.stock-hint{color:var(--color-text-faint);font-size:.78rem}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}@media (width<=1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.booking-layout,.booking-layout.staff-pos-layout{grid-template-columns:1fr}.booking-sidebar{border-bottom:1px solid #ffffff0f;max-height:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-list{grid-template-columns:1fr}}.product-card{background:var(--surface-card);border:1px solid var(--border-warm);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;transition:box-shadow .18s,transform .18s;display:flex;overflow:hidden}.product-card:not(.sold-out):hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.product-card .thumb{aspect-ratio:1;background:var(--surface-zebra);color:var(--color-text-faint);justify-content:center;align-items:center;font-size:.85rem;display:flex}.product-card .thumb img{object-fit:cover;width:100%;height:100%}.product-card .body{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .75rem 1rem;display:flex}.product-list{grid-template-columns:1fr 1fr;gap:.5rem .75rem;display:grid}.product-list-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.35rem;padding:.5rem .7rem;display:flex}.product-list-item .list-line-1{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.product-list-item .name{min-width:0;font-size:.9rem;font-weight:600}.product-list-item .price{color:var(--muted);flex-shrink:0;font-size:.85rem}.product-list-item .list-line-2{justify-content:flex-end;display:flex}.product-list-item .qty-row{margin-top:0}.product-card .name{color:var(--color-text-main);font-size:.92rem;font-weight:600}.product-card .price{font-variant-numeric:tabular-nums;color:var(--green-700);font-weight:600}.product-card.sold-out .thumb img,.product-card.sold-out .thumb{opacity:.35}.sold-out-label{color:var(--danger);margin-top:.35rem;font-size:.85rem;font-weight:700}.order-lookup{flex-direction:column;gap:.5rem;margin-top:.5rem;padding:0 4px;display:flex}.order-lookup h2{color:var(--sidebar-section-label);margin:0;padding:6px 10px 4px;font-size:.85rem;font-weight:500}.order-lookup label{color:#fffdf8b8;flex-direction:column;gap:.25rem;padding:0 6px;font-size:.9rem;display:flex}.order-lookup input{border-radius:var(--radius-sm);color:#fffdf8eb;background:#fffdf814;border:1px solid #fffdf824;padding:.55rem .75rem;font-size:.95rem}.order-lookup input:focus{box-shadow:var(--focus-ring);border-color:#fffdf847;outline:none}.order-lookup .btn{align-self:stretch;margin:.25rem 6px 0}.lookup-list{color:#fffdf8c7;flex-direction:column;gap:.75rem;margin:0;padding:0 6px;font-size:.9rem;line-height:1.45;list-style:none;display:flex}.field-hint{color:#fffdf86b;margin:0;padding:0 10px;font-size:.68rem;line-height:1.45;display:block}.booking-sidebar .field-hint{font-size:.8rem}.booking-sidebar .notice-reopen{padding:.5rem .85rem;font-size:.95rem}.booking-sidebar .order-lookup .btn{font-size:.95rem}.booking-sidebar .mock-banner{font-size:.8rem}.qty-row{align-items:center;gap:.35rem;margin-top:.25rem;display:flex}.qty-row button{border:1px solid var(--border-warm);background:var(--surface-page);cursor:pointer;width:2rem;height:2rem;color:var(--color-text-main);border-radius:999px;font-weight:600;transition:background .15s,border-color .15s}.qty-row button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.qty-row button:disabled{opacity:.45;cursor:not-allowed}.qty-row input{text-align:center;border:1px solid var(--border-warm);border-radius:var(--radius-sm);background:var(--surface-card);width:3rem;padding:.35rem}.dine-in-panel{background:var(--surface-card);border:1px solid var(--border-warm);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:center;max-width:420px;padding:2.5rem}.dine-in-panel h2{color:var(--color-text-main);margin-top:0}.dine-in-panel p{color:var(--color-text-muted)}.cart-fab{background:var(--btn-metal-solid,var(--green-700));width:3.5rem;height:3.5rem;color:var(--btn-metal-text,#fffdf8);cursor:pointer;box-shadow:var(--btn-metal-shadow,var(--shadow-elevated));border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;margin-top:auto;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.cart-fab:hover{box-shadow:var(--btn-metal-shadow-hover,var(--shadow-elevated));transform:translateY(-1px)}.cart-fab svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.cart-fab .badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.2rem;height:1.2rem;padding:0 .3rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:-.2rem;right:-.2rem;box-shadow:0 2px 8px #b65a4a59}.showcase-page{min-height:100vh;padding:1.25rem 1.5rem 6rem}.showcase-header{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.25rem;display:flex}.showcase-header h1{margin:0;font-size:1.25rem}.shop-fab{background:var(--btn-metal-solid,var(--green-700));color:var(--btn-metal-text,#fffdf8);cursor:pointer;box-shadow:var(--btn-metal-shadow,var(--shadow-elevated));z-index:40;border:none;border-radius:999px;padding:.85rem 1.35rem;font-size:1rem;font-weight:600;position:fixed;bottom:1.25rem;right:1.25rem}.shop-fab:hover{box-shadow:var(--btn-metal-shadow-hover,var(--shadow-elevated))}.shopper-dialog label{flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.shopper-dialog input{border:1px solid var(--border-warm);border-radius:var(--radius-sm);padding:.5rem .7rem}.shopper-actions{justify-content:flex-end;gap:.5rem;display:flex}.cart-drawer-backdrop{background:var(--modal-overlay-bg);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.cart-drawer{background:var(--modal-body-bg,var(--surface-card));width:min(400px,100%);height:100%;box-shadow:var(--modal-shadow,var(--shadow-elevated));z-index:60;border-radius:var(--modal-radius,20px) 0 0 var(--modal-radius,20px);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow:hidden}.cart-drawer header{background:var(--modal-header-bg);color:var(--modal-header-text);justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.cart-drawer header strong{font-size:1rem;font-weight:600}.cart-drawer header .btn{border:1px solid var(--modal-ghost-border);color:var(--modal-ghost-text);background:0 0;padding:6px 14px;font-size:.82rem}.cart-drawer header .btn:hover{background:var(--modal-ghost-bg-hover)}.staff-cart-dock{background:var(--surface-panel,var(--surface-page));border:1px solid var(--border-warm);border-radius:var(--radius-lg);min-width:0;min-height:0;box-shadow:var(--shadow-panel);flex-direction:column;margin:16px 16px 16px 0;display:flex;overflow:hidden}.staff-cart-dock header{background:var(--modal-header-bg);color:var(--modal-header-text);justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.staff-cart-dock header strong{font-size:1rem;font-weight:600}.staff-cart-dock header .btn{border:1px solid var(--modal-ghost-border);color:var(--modal-ghost-text);background:0 0;padding:6px 14px;font-size:.82rem}.cart-drawer>.checkout-error,.cart-drawer>.checkout-done,.cart-drawer>ul,.cart-drawer>.checkout-form,.staff-cart-dock>.checkout-error,.staff-cart-dock>.checkout-done,.staff-cart-dock>ul,.staff-cart-dock>.checkout-form,.staff-cart-dock>.empty{padding-left:1rem;padding-right:1rem}.cart-drawer ul,.staff-cart-dock ul{flex:1;margin:0;padding-top:.5rem;list-style:none;overflow:auto}.cart-line{border-bottom:1px solid var(--border-warm);grid-template-columns:1fr auto;gap:.35rem .75rem;padding:.75rem 0;font-size:.88rem;display:grid}.cart-drawer footer,.staff-cart-dock footer{border-top:1px solid var(--border-warm);background:var(--modal-footer-bg);color:var(--modal-header-text);flex-direction:column;flex-shrink:0;gap:.75rem;margin-top:auto;padding:1rem 1.1rem;display:flex}.cart-total{font-variant-numeric:tabular-nums;justify-content:space-between;font-weight:700;display:flex}.cart-drawer footer .btn-primary,.staff-cart-dock footer .btn-primary{background:var(--modal-cta-bg);color:var(--modal-cta-text);border:none;font-weight:700}.cart-drawer footer .btn-primary:hover:not(:disabled),.staff-cart-dock footer .btn-primary:hover:not(:disabled){background:var(--modal-cta-bg-hover)}.notice-reopen{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:8px;width:fit-content;padding:.45rem .7rem;font-size:.85rem}.notice-overlay{z-index:80;background:#2a252073;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.notice-dialog{background:var(--surface);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:32rem;max-height:min(88vh,40rem);padding:1.25rem 1.35rem 1.15rem;display:flex}.notice-dialog h2{margin:0;font-size:1.2rem}.notice-body{flex-direction:column;gap:1rem;display:flex;overflow:auto}.notice-section h3{margin:0 0 .35rem;font-size:.95rem}.notice-section p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.notice-temp{background:var(--accent-soft);border-radius:8px;padding:.75rem .85rem}.notice-temp h3{color:var(--accent)}.notice-pre{white-space:pre-wrap}.notice-dialog>.btn-primary{align-self:stretch}.alert-dialog{max-width:22rem}.alert-dialog-body{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.empty{color:var(--color-text-muted);text-align:center;padding:2rem}.page-error{color:var(--danger);text-align:center;background:var(--danger-bg);border-radius:var(--radius-sm);border:1px solid #b65a4a33;margin-bottom:.5rem;padding:1rem}.mock-banner{color:#fffdf885;border-radius:var(--radius-sm);background:#fffdf80f;margin:0 10px;padding:.35rem .5rem;font-size:.72rem}.checkout-form{flex-direction:column;flex:1;gap:.75rem;padding-bottom:.5rem;display:flex;overflow:auto}.checkout-form label{color:var(--color-text-main);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.checkout-form input:not([type=radio]){border:1px solid var(--border-warm);border-radius:var(--radius-sm);background:var(--surface-card);padding:.5rem .7rem}.checkout-form input:focus{box-shadow:var(--focus-ring);border-color:var(--border-strong);outline:none}.pay-methods{border:1px solid var(--border-warm);border-radius:var(--radius-sm);background:var(--surface-page);margin:0;padding:.65rem .75rem}.pay-methods label{flex-direction:row;align-items:center;gap:.4rem}.bank-account{background:var(--surface-zebra);border:1px solid var(--border-warm);border-radius:var(--radius-sm);padding:.75rem;font-size:.85rem;line-height:1.5}.checkout-error{color:var(--danger);margin:.5rem 0 0;font-size:.85rem}.checkout-done{min-height:0;color:var(--color-text-main);flex-direction:column;flex:1;padding-top:.5rem;line-height:1.6;display:flex}.page-loading{min-height:100vh;color:var(--color-text-muted);background:var(--surface-page);justify-content:center;align-items:center;display:flex}.checkout-done .print-receipt{flex:1;min-height:0;overflow:auto}.checkout-done-actions{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:.65rem;margin-top:.75rem;padding-top:.85rem;display:flex}.checkout-done-actions .btn{width:100%}.staff-pos-badge{color:var(--accent);font-size:.85rem;font-weight:600}.print-receipt{font-family:標楷體,DFKai-SB,BiauKai,KaiTi,serif;font-size:1.02rem;line-height:1.45}.print-receipt h3,.print-receipt .receipt-brand{text-align:center;letter-spacing:.06em;white-space:nowrap;margin:0;font-family:Arial Black,Impact,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:1.25rem;font-weight:800;line-height:1.1}.receipt-brand{flex:1;justify-content:center;align-items:center;display:flex}.receipt-head{flex-direction:row;align-items:center;gap:.7rem;margin:0 0 .55rem;display:flex}.receipt-logo{background:0 0;border-radius:0;flex-shrink:0;width:3.6rem;height:auto;margin:0;display:block}.receipt-rule{background:#222;border:0;height:1px;margin:.28rem 0;padding:0}.receipt-datetime{margin:.15rem 0 .05rem}.receipt-split{justify-content:space-between;gap:.75rem;margin:.12rem 0;display:flex}.receipt-table{border-collapse:collapse;width:100%;font-size:inherit;margin:.2rem 0}.receipt-table th,.receipt-table td{text-align:left;border-bottom:none;padding:.15rem 0}.receipt-table th:nth-child(2),.receipt-table td:nth-child(2),.receipt-table th:nth-child(3),.receipt-table td:nth-child(3){text-align:right}.receipt-table th,.receipt-table td,.receipt-total{font-weight:400}.receipt-footer{text-align:center;margin:.35rem 0 0}@media print{body *{visibility:hidden}.print-receipt,.print-receipt *{visibility:visible}.print-receipt{color:#111;background:#fff;padding:1.5rem;position:absolute;inset:0}}