@layer reset,tokens,base,ui,patterns,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer tokens{:root{color-scheme:light dark;--n-0: #ffffff;--n-25: #fafaf8;--n-50: #f3f3f0;--n-100: #e8e8e4;--n-200: #d5d5d0;--n-300: #b6b6b0;--n-400: #8d8d87;--n-500: #6a6a65;--n-600: #51514d;--n-700: #393936;--n-800: #262624;--n-850: #1c1c1b;--n-900: #141414;--n-950: #0b0b0b;--orange-300: #ffad66;--orange-500: #ff7300;--amber-100: #ffefc7;--amber-300: #ffcd5c;--amber-500: #ffaf1f;--amber-700: #8a5900;--amber-900: #2a1d04;--blue-100: #e6eaff;--blue-300: #b4c0ff;--blue-400: #8a9cff;--blue-600: #3a55e0;--blue-700: #1742b8;--blue-900: #101a3d;--pink-300: #f5a0c0;--green-100: #dcf2e3;--green-300: #7fd3a0;--green-700: #0f6339;--green-900: #0b2416;--red-100: #fde3e0;--red-300: #ff9a8f;--red-600: #c8261b;--red-900: #2e0d0a;--coral-400: #e8806f;--steel-400: #6f93c4;--mustard-400: #e3b856;--bone-200: #e6e2d6;--cream-100: #f4efe4;--color-bg: light-dark(var(--n-25), var(--n-900));--color-surface: light-dark(var(--n-0), var(--n-850));--color-surface-sunken: light-dark(var(--n-50), var(--n-950));--color-surface-raised: light-dark(var(--n-0), var(--n-800));--color-surface-hover: light-dark(var(--n-50), var(--n-800));--color-surface-inverse: light-dark(var(--n-900), var(--n-25));--color-border: light-dark(var(--n-200), var(--n-700));--color-border-strong: var(--n-500);--color-text: light-dark(var(--n-900), var(--n-25));--color-text-muted: light-dark(var(--n-600), var(--n-300));--color-text-subtle: light-dark(var(--n-500), var(--n-400));--color-text-inverse: light-dark(var(--n-25), var(--n-900));--color-text-disabled: light-dark(var(--n-300), var(--n-600));--color-focus: light-dark(var(--blue-600), var(--blue-400));--color-info: light-dark(var(--blue-600), var(--blue-300));--color-info-subtle: light-dark(var(--blue-100), var(--blue-900));--color-success: light-dark(var(--green-700), var(--green-300));--color-success-subtle: light-dark(var(--green-100), var(--green-900));--color-warning: light-dark(var(--amber-700), var(--amber-300));--color-warning-subtle: light-dark(var(--amber-100), var(--amber-900));--color-danger: light-dark(var(--red-600), var(--red-300));--color-danger-subtle: light-dark(var(--red-100), var(--red-900));--color-on-danger: light-dark(var(--n-0), var(--n-900));--color-success-on-inverse: light-dark(var(--green-300), var(--green-700));--color-danger-on-inverse: light-dark(var(--red-300), var(--red-600));--color-selection: light-dark(var(--blue-100), var(--blue-900));--color-backdrop: light-dark(rgb(20 20 20 / .32), rgb(0 0 0 / .6));--color-shadow-soft: light-dark(rgb(20 20 20 / .06), rgb(0 0 0 / .5));--color-shadow-near: light-dark(rgb(20 20 20 / .06), rgb(0 0 0 / .4));--color-shadow-far: light-dark(rgb(20 20 20 / .12), rgb(0 0 0 / .6));--color-stripe-1: var(--coral-400);--color-stripe-2: var(--steel-400);--color-stripe-3: var(--mustard-400);--color-stripe-4: light-dark(var(--n-400), var(--bone-200));--color-poster-paper: light-dark(var(--cream-100), var(--n-950));--color-receipt-backdrop: light-dark(var(--n-200), var(--n-950));--texture-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--color-accent: light-dark(var(--n-900), var(--n-25));--color-accent-hover: light-dark(var(--n-700), var(--orange-300));--color-on-accent: light-dark(var(--n-0), var(--n-900));--color-accent-text: light-dark(var(--n-900), var(--n-25));--color-accent-subtle: light-dark(var(--n-100), var(--n-800));--color-brand-orange: var(--orange-500);--color-brand-amber: var(--amber-500);--color-brand-periwinkle: var(--blue-400);--color-brand-cobalt: var(--blue-700);--color-brand-pink: var(--pink-300);--color-brand-ink: var(--n-900);--color-brand-paper: var(--n-0);--color-on-brand-ink: var(--n-25);--color-on-brand-cobalt: var(--n-0);--color-on-brand-tile: var(--n-900);--color-paper-text: var(--n-900);--color-paper-text-muted: var(--n-600);--color-paper-text-subtle: var(--n-500);--color-paper-rule: var(--n-300);--color-paper-control-border: var(--n-500);--color-pos-surface: var(--n-800);--color-pos-text-disabled: var(--n-400);--font-sans: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--type-display-xl: 500 96px/.92 var(--font-sans);--type-display-lg: 500 64px/.95 var(--font-sans);--type-display-md: 500 44px/1 var(--font-sans);--type-h1: 600 30px/36px var(--font-sans);--type-h2: 600 22px/28px var(--font-sans);--type-h3: 600 17px/24px var(--font-sans);--type-h4: 600 15px/20px var(--font-sans);--type-dialog-title: 600 19px/26px var(--font-sans);--type-body-lg: 400 17px/26px var(--font-sans);--type-body: 400 15px/22px var(--font-sans);--type-body-strong: 600 15px/22px var(--font-sans);--type-body-sm: 400 13px/18px var(--font-sans);--type-label: 500 13px/18px var(--font-sans);--type-control: 600 15px/22px var(--font-sans);--type-control-sm: 600 13px/18px var(--font-sans);--type-control-lg: 600 16px/22px var(--font-sans);--type-nav: 500 15px/20px var(--font-sans);--type-chip: 500 15px/22px var(--font-sans);--type-segment: 500 13px/18px var(--font-sans);--type-stat: 500 44px/1 var(--font-sans);--type-ticket-title: 500 32px/.98 var(--font-sans);--type-receipt-title: 500 52px/.9 var(--font-sans);--type-receipt-total: 500 48px/1 var(--font-sans);--type-brand-headline: 500 56px/.95 var(--font-sans);--type-brand-number: 500 72px/.9 var(--font-sans);--type-pos-cat: 500 17px/22px var(--font-sans);--type-pos-tile: 600 18px/22px var(--font-sans);--type-mark: 600 15px/1 var(--font-sans);--type-receipt-line: 400 15px/20px var(--font-sans);--type-eyebrow: 500 11px/16px var(--font-mono);--type-label-mono: 500 12px/16px var(--font-mono);--type-meta: 400 13px/18px var(--font-mono);--type-meta-sm: 400 12px/16px var(--font-mono);--type-ticket-meta: 400 12px/18px var(--font-mono);--type-meta-xs: 400 11px/16px var(--font-mono);--type-tag: 400 12px/16px var(--font-mono);--type-price: 500 15px/22px var(--font-mono);--type-price-row: 500 15px/24px var(--font-mono);--type-board-price: 500 16px/24px var(--font-mono);--type-board-cat: 500 15px/20px var(--font-mono);--type-price-lg: 500 20px/26px var(--font-mono);--type-pos-price: 400 14px/18px var(--font-mono);--type-pos-qty: 500 14px/30px var(--font-mono);--tracking-display-xl: -.035em;--tracking-display-lg: -.03em;--tracking-display-md: -.025em;--tracking-h1: -.02em;--tracking-h2: -.015em;--tracking-h3: -.01em;--tracking-control: -.005em;--tracking-tight: -.04em;--tracking-meta: .02em;--tracking-mono: .04em;--tracking-ticket: .06em;--tracking-badge: .08em;--tracking-receipt: .1em;--tracking-eyebrow: .12em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--space-half: 2px;--space-1-5: 6px;--space-2-5: 10px;--radius-xs: 4px;--radius-sm: 8px;--radius-sm-inner: 6px;--radius-md: 12px;--radius-pos: 14px;--radius-lg: 20px;--radius-pill: 999px;--radius-phone: 36px;--control-sm: 32px;--control-md: 40px;--control-lg: 48px;--control-xl: 56px;--touch-min: 44px;--sidebar-width: 248px;--sidebar-collapsed-width: 64px;--topbar-height: 56px;--menu-max-width: 640px;--content-max-width: 1200px;--dialog-width: 440px;--menu-min-width: 200px;--field-min-width: 240px;--textarea-min-height: 88px;--text-measure: 52ch;--size-dot: 6px;--size-swatch: 24px;--size-mark: 32px;--size-badge: 24px;--size-tag: 22px;--size-nav-item: 36px;--size-segment: 30px;--size-switch-width: 40px;--size-switch-height: 24px;--size-switch-knob: 16px;--size-icon: 18px;--size-icon-sm: 16px;--size-spinner: 16px;--size-toast: 360px;--size-empty-icon: 40px;--size-ticket: 320px;--size-ticket-art: 160px;--size-pattern-cell: 48px;--size-menu-thumb: 72px;--size-menu-card-min: 260px;--size-label-stripe: 6px;--size-label-barcode: 72px;--size-label-notch: 10px;--size-label-venn: 96px;--size-receipt-zigzag: 8px;--size-poster-num: 40px;--size-poster-ribbon: 8px;--size-poster-dot: .55em;--radius-poster: 40px;--size-receipt-stamp: 120px;--size-price-col: 10ch;--size-phone-width: 390px;--size-phone-height: 780px;--size-option-min: 200px;--size-ticket-punch-width: 96px;--size-ticket-punch-height: 26px;--size-receipt: 330px;--size-receipt-punch-width: 88px;--size-receipt-punch-height: 22px;--size-pos-nav: 180px;--size-pos-cat: 64px;--size-pos-tile: 132px;--size-pos-qty: 30px;--size-bento-row: 120px;--size-brand-row: 180px;--stroke-hairline: 1px;--stroke-control: 1px;--stroke-focus: 2px;--stroke-punch-ring: 3px;--stroke-rule: 2px;--stroke-phone: 6px;--underline-offset: 3px;--focus-offset: 2px;--shadow-sm: 0 1px 2px var(--color-shadow-soft);--shadow-md: 0 6px 20px var(--color-shadow-far), 0 1px 3px var(--color-shadow-near);--shadow-lg: 0 12px 32px var(--color-shadow-far), 0 2px 6px var(--color-shadow-near);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .28s;--duration-spin: .7s;--press-scale: .97;--enter-scale: .96;--enter-shift: 8px;--loading-delay: .4s;--label-print-from: 0;--z-sticky: 10;--z-sidebar: 20;--z-overlay: 40;--z-dialog: 50;--z-toast: 60}@media(prefers-reduced-motion:reduce){:root{--press-scale: 1;--enter-scale: 1;--enter-shift: 0px;--label-print-from: 1}}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}[data-tenant=tinta]{--color-accent: light-dark(#141414, #fafaf8);--color-accent-hover: light-dark(#3e3e3e, #d8d8d6);--color-on-accent: light-dark(#ffffff, #141414);--color-accent-text: light-dark(#141414, #fafaf8);--color-accent-subtle: light-dark(#e8e8e8, #393938)}[data-tenant=narandza]{--color-accent: light-dark(#c2410c, #ff8a4c);--color-accent-hover: light-dark(#a7380a, #dc7844);--color-on-accent: light-dark(#ffffff, #141414);--color-accent-text: light-dark(#b03a0a, #ff8a4c);--color-accent-subtle: light-dark(#f9ece7, #3a271d)}[data-tenant=espresso]{--color-accent: light-dark(#6f4a35, #d0a383);--color-accent-hover: light-dark(#5f402e, #b48e72);--color-on-accent: light-dark(#ffffff, #141414);--color-accent-text: light-dark(#6f4a35, #d0a383);--color-accent-subtle: light-dark(#f1edeb, #322b26)}[data-tenant=bordo]{--color-accent: light-dark(#8c1d3a, #ec8aa2);--color-accent-hover: light-dark(#781932, #cc788d);--color-on-accent: light-dark(#ffffff, #141414);--color-accent-text: light-dark(#8c1d3a, #ec8aa2);--color-accent-subtle: light-dark(#f4e8eb, #37272b)}[data-tenant=maslina]{--color-accent: light-dark(#59652a, #b3c071);--color-accent-hover: light-dark(#4d5724, #9ba663);--color-on-accent: light-dark(#ffffff, #141414);--color-accent-text: light-dark(#59652a, #b3c071);--color-accent-subtle: light-dark(#eef0ea, #2d3023)}[data-tenant=teget]{--color-accent: light-dark(#1f3a8a, #9db0ff);--color-accent-hover: light-dark(#1b3277, #8899dc);--color-on-accent: light-dark(#ffffff, #141414);--color-accent-text: light-dark(#1f3a8a, #9db0ff);--color-accent-subtle: light-dark(#e9ebf3, #2a2d3a)}[data-tenant=kobalt]{--color-accent: light-dark(#2f4bd6, #9db0ff);--color-accent-hover: light-dark(#2840b8, #8899dc);--color-on-accent: light-dark(#ffffff, #141414);--color-accent-text: light-dark(#2f4bd6, #9db0ff);--color-accent-subtle: light-dark(#eaedfb, #2a2d3a)}[data-tenant=smaragd]{--color-accent: light-dark(#0f6e66, #5fcdbf);--color-accent-hover: light-dark(#0d5f58, #54b1a5);--color-on-accent: light-dark(#ffffff, #141414);--color-accent-text: light-dark(#0f6e66, #5fcdbf);--color-accent-subtle: light-dark(#e7f0f0, #20322f)}[data-tenant=senf]{--color-accent: #e0a100;--color-accent-hover: light-dark(#ca9100, #c18c03);--color-on-accent: #141414;--color-accent-text: light-dark(#7d5a00, #e0a100);--color-accent-subtle: light-dark(#fcf6e6, #352b11)}[data-tenant=roze]{--color-accent: #f08bb0;--color-accent-hover: light-dark(#d87d9e, #cf7999);--color-on-accent: #141414;--color-accent-text: light-dark(#a12a5d, #f08bb0);--color-accent-subtle: light-dark(#fef3f7, #37272d)}[data-font]{--type-display-xl: 500 96px/.92 var(--font-sans);--type-display-lg: 500 64px/.95 var(--font-sans);--type-display-md: 500 44px/1 var(--font-sans);--type-h1: 600 30px/36px var(--font-sans);--type-h2: 600 22px/28px var(--font-sans);--type-h3: 600 17px/24px var(--font-sans);--type-h4: 600 15px/20px var(--font-sans);--type-dialog-title: 600 19px/26px var(--font-sans);--type-body-lg: 400 17px/26px var(--font-sans);--type-body: 400 15px/22px var(--font-sans);--type-body-strong: 600 15px/22px var(--font-sans);--type-body-sm: 400 13px/18px var(--font-sans);--type-label: 500 13px/18px var(--font-sans);--type-control: 600 15px/22px var(--font-sans);--type-control-sm: 600 13px/18px var(--font-sans);--type-control-lg: 600 16px/22px var(--font-sans);--type-nav: 500 15px/20px var(--font-sans);--type-chip: 500 15px/22px var(--font-sans);--type-segment: 500 13px/18px var(--font-sans);--type-stat: 500 44px/1 var(--font-sans);--type-ticket-title: 500 32px/.98 var(--font-sans);--type-receipt-title: 500 52px/.9 var(--font-sans);--type-receipt-total: 500 48px/1 var(--font-sans);--type-brand-headline: 500 56px/.95 var(--font-sans);--type-brand-number: 500 72px/.9 var(--font-sans);--type-pos-cat: 500 17px/22px var(--font-sans);--type-pos-tile: 600 18px/22px var(--font-sans);--type-mark: 600 15px/1 var(--font-sans);--type-receipt-line: 400 15px/20px var(--font-sans)}[data-font=onest]{--font-sans: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}[data-font=manrope]{--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}[data-font=plex]{--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}}@layer base{html{background:var(--color-bg)}body{background:var(--color-bg);color:var(--color-text);font:var(--type-body);-webkit-font-smoothing:antialiased}h1{font:var(--type-h1);letter-spacing:var(--tracking-h1)}h2{font:var(--type-h2);letter-spacing:var(--tracking-h2)}h3{font:var(--type-h3);letter-spacing:var(--tracking-h3)}h4{font:var(--type-h4)}:is(h1,h2,h3,h4){text-wrap:balance}p{text-wrap:pretty}:is(a,button,label,summary,[role=button],[role=tab],[role=option]){-webkit-tap-highlight-color:transparent;touch-action:manipulation}::selection{background:var(--color-selection)}a{color:var(--color-accent-text);text-underline-offset:.2em}hr{border:0;border-block-start:var(--stroke-hairline) dashed var(--color-border)}:focus-visible{outline:var(--stroke-focus) solid var(--color-focus);outline-offset:var(--focus-offset)}::placeholder{color:var(--color-text-subtle)}}@layer ui{[appButton]{--button-ink: var(--color-on-accent);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);block-size:var(--control-md);padding-inline:var(--space-4);border:var(--stroke-hairline) solid transparent;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--button-ink);font:var(--type-control);letter-spacing:var(--tracking-control);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),scale var(--duration-fast) var(--ease-out)}[appButton]:active:not(:disabled,[aria-disabled=true],[data-loading]){scale:var(--press-scale)}@media(hover:hover)and (pointer:fine){[appButton]:hover{background:var(--color-accent-hover)}[appButton]:is([data-variant=secondary],[data-variant=ghost]):hover{background:var(--color-surface-hover)}[appButton][data-variant=secondary]:hover{border-color:var(--color-text-muted)}[appButton]:is([data-variant=inverse],[data-variant=danger]):hover{opacity:.9}}[appButton][data-variant=secondary]{--button-ink: var(--color-text);background:var(--color-surface);border-color:var(--color-border-strong)}[appButton][data-variant=ghost]{--button-ink: var(--color-text);background:transparent}[appButton][data-variant=inverse]{--button-ink: var(--color-text-inverse);background:var(--color-surface-inverse)}[appButton][data-variant=danger]{--button-ink: var(--color-on-danger);background:var(--color-danger)}[appButton][data-size=sm]{block-size:var(--control-sm);padding-inline:var(--space-3);font:var(--type-control-sm)}[appButton][data-size=lg]{block-size:var(--control-lg);padding-inline:var(--space-6);font:var(--type-control-lg)}[appButton]:is(:disabled,[aria-disabled=true]):not([data-loading]){background:var(--color-surface-sunken);color:var(--color-text-disabled);border-color:var(--color-border);opacity:1;cursor:not-allowed}[appButton][data-loading]{color:transparent;cursor:progress;pointer-events:none}[appButton][data-loading]:after{content:"";position:absolute;inset:0;margin:auto;inline-size:var(--size-spinner);block-size:var(--size-spinner);border:var(--stroke-focus) solid var(--button-ink);border-inline-end-color:transparent;border-radius:var(--radius-pill);animation:spin var(--duration-spin) linear infinite}[appButton]>svg{inline-size:var(--size-icon);block-size:var(--size-icon);flex:none}}@layer ui{[appInput]{inline-size:100%;block-size:var(--control-md);padding-inline:var(--space-3) var(--suffix-space, var(--space-3));background:var(--color-surface);color:var(--color-text);border:var(--stroke-control) solid var(--color-border-strong);border-radius:var(--radius-sm);font:var(--type-body);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){[appInput]:hover:not(:disabled,:focus-visible,[aria-invalid=true]){border-color:var(--color-text-muted)}}[appInput]:focus-visible{outline-offset:0}textarea[appInput]{block-size:auto;min-block-size:var(--textarea-min-height);padding-block:var(--space-2);resize:vertical}[appInput][data-variant=price]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:end}[appInput][aria-invalid=true]{border-color:var(--color-danger);background:var(--color-danger-subtle)}[appInput]:disabled{background:var(--color-surface-sunken);color:var(--color-text-disabled);border-color:var(--color-border);cursor:not-allowed}}@layer ui{label:has(>[appSwitch]){display:inline-flex;align-items:center;gap:var(--space-3);min-block-size:var(--touch-min);font:var(--type-body);cursor:pointer}[appSwitch]{appearance:none;position:relative;flex:none;inline-size:var(--size-switch-width);block-size:var(--size-switch-height);border:var(--stroke-control) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-sunken);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}[appSwitch]:after{content:"";position:absolute;inset-block-start:calc(var(--space-1) - var(--stroke-control));inset-inline-start:calc(var(--space-1) - var(--stroke-control));inline-size:var(--size-switch-knob);block-size:var(--size-switch-knob);border-radius:var(--radius-pill);background:var(--color-text-muted);transition:translate var(--duration-base) var(--ease-out),inline-size var(--duration-fast) var(--ease-out),background-color var(--duration-base) var(--ease-out)}[appSwitch]:active:not(:disabled):after{inline-size:calc(var(--size-switch-knob) + var(--space-1))}[appSwitch]:checked{background:var(--color-text);border-color:var(--color-text)}[appSwitch]:checked:after{translate:var(--size-switch-knob) 0;background:var(--color-surface)}[appSwitch]:checked:active:not(:disabled):after{translate:calc(var(--size-switch-knob) - var(--space-1)) 0}[appSwitch]:disabled{opacity:.5;cursor:not-allowed}}@layer patterns{.display{font:var(--type-display-md);letter-spacing:var(--tracking-display-md)}.display[data-size=lg]{font:var(--type-display-lg);letter-spacing:var(--tracking-display-lg)}.display[data-size=xl]{font:var(--type-display-xl);letter-spacing:var(--tracking-display-xl)}.eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-subtle)}.meta{font:var(--type-meta);letter-spacing:var(--tracking-meta);color:var(--color-text-muted)}.price{font:var(--type-price);font-variant-numeric:tabular-nums;white-space:nowrap}.price[data-size=lg]{font:var(--type-price-lg)}.badge{display:inline-flex;align-items:center;gap:var(--space-1-5);block-size:var(--size-badge);padding-inline:var(--space-2);border-radius:var(--radius-xs);background:var(--color-surface-sunken);color:var(--color-text-muted);font:var(--type-eyebrow);letter-spacing:var(--tracking-badge);text-transform:uppercase}.badge:before{content:"";inline-size:var(--size-dot);block-size:var(--size-dot);border-radius:var(--radius-pill);background:currentColor}.badge[data-plain]:before{display:none}.badge[data-tone=success]{background:var(--color-success-subtle);color:var(--color-success)}.badge[data-tone=warning]{background:var(--color-warning-subtle);color:var(--color-warning)}.badge[data-tone=danger]{background:var(--color-danger-subtle);color:var(--color-danger)}.badge[data-tone=info]{background:var(--color-info-subtle);color:var(--color-info)}.badge[data-tone=accent]{background:var(--color-accent-subtle);color:var(--color-accent-text)}.tag{display:inline-flex;align-items:center;block-size:var(--size-tag);padding-inline:var(--space-1-5);border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-xs);font:var(--type-tag);letter-spacing:var(--tracking-meta);color:var(--color-text-muted)}.card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6);background:var(--color-surface);border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-md)}.card__eyebrow{padding-block-end:var(--space-2);font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-subtle)}.card__title{font:var(--type-h3);letter-spacing:var(--tracking-h3)}.card__body{color:var(--color-text-muted)}.card[data-variant=inverse]{background:var(--color-surface-inverse);color:var(--color-text-inverse);border-color:transparent}.card[data-variant=accent]{background:var(--color-accent);color:var(--color-on-accent);border-color:transparent}.card:is([data-variant=inverse],[data-variant=accent]) :is(.card__eyebrow,.card__body){color:inherit}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--size-bento-row);gap:var(--space-4);inline-size:100%}.bento>.card{justify-content:space-between;border-radius:var(--radius-lg)}.bento>[data-span="2"]{grid-column:span 2}.bento>[data-rows="2"]{grid-row:span 2}@media(max-width:720px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.filters__count{margin-inline-start:auto;font:var(--type-meta);color:var(--color-text-subtle)}.ticket{position:relative;inline-size:var(--size-ticket);max-inline-size:100%;overflow:hidden;background:var(--color-brand-paper);color:var(--color-paper-text);border-radius:var(--radius-lg)}.ticket__art{position:relative;display:grid;place-items:center;block-size:var(--size-ticket-art);container-type:size;background:var(--color-brand-ink)}.ticket__punch{position:absolute;inset-block-start:var(--space-3);inset-inline-start:50%;translate:-50% 0;inline-size:var(--size-ticket-punch-width);block-size:var(--size-ticket-punch-height);border-radius:var(--radius-pill);background:var(--color-brand-ink);box-shadow:0 0 0 var(--stroke-punch-ring) var(--color-brand-paper);z-index:1}.ticket__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5)}.ticket__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.ticket__title{font:var(--type-ticket-title);letter-spacing:var(--tracking-display-lg)}.ticket__id{font:var(--type-meta);color:var(--color-paper-text-subtle)}.ticket__rule{border:0;border-block-start:var(--stroke-hairline) dashed var(--color-paper-rule);margin-block:var(--space-2) var(--space-1)}.ticket__meta{display:flex;justify-content:space-between;gap:var(--space-3);font:var(--type-ticket-meta);letter-spacing:var(--tracking-ticket);text-transform:uppercase}.menu-cat{display:flex;align-items:baseline;justify-content:space-between}.menu-cat__title{font:var(--type-h2);letter-spacing:var(--tracking-h2)}.menu-cat__count{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);color:var(--color-text-subtle)}.menu-item{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-4);padding-block:var(--space-4);border-block-end:var(--stroke-hairline) dashed var(--color-border)}.menu-item__name{font:var(--type-h3);letter-spacing:var(--tracking-h3)}.menu-item__price{font:var(--type-price-row);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.menu-item__desc{grid-column:1 / -1;max-inline-size:var(--text-measure);color:var(--color-text-muted)}.menu-item__meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-1);padding-block-start:var(--space-1)}.menu-item[data-status=unavailable] :is(.menu-item__name,.menu-item__price){color:var(--color-text-subtle)}.menu-item[data-status=unavailable] .menu-item__price{text-decoration:line-through}.menu-items{display:flex;flex-direction:column}.menu-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-1) var(--space-4);padding-block:var(--space-4);border-block-end:var(--stroke-hairline) dashed var(--color-border)}.menu-item[data-photo]{grid-template-columns:auto minmax(0,1fr) auto}.menu-item__photo{display:block;inline-size:var(--size-menu-thumb);aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}.menu-item__text{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.menu-item__name{font:var(--type-h3);letter-spacing:var(--tracking-h3)}.menu-item__open{padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:start;cursor:pointer}.menu-item__open:after{content:"";position:absolute;inset:0;border-radius:var(--radius-sm)}.menu-item__open:focus-visible{outline:none}.menu-item__open:focus-visible:after{outline:var(--stroke-focus) solid var(--color-focus);outline-offset:var(--focus-offset)}.menu-item__desc{max-inline-size:var(--text-measure);color:var(--color-text-muted)}.menu-item__meta{display:flex;flex-wrap:wrap;gap:var(--space-1);padding-block-start:var(--space-1)}.menu-item__price{font:var(--type-price-row);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.menu-item__line{display:block}.menu-item__variant{padding-inline-end:var(--space-1);font:var(--type-meta);color:var(--color-text-muted)}.menu-item[data-status=unavailable] :is(.menu-item__name,.menu-item__price){color:var(--color-text-subtle)}.menu-item[data-status=unavailable] .menu-item__price{text-decoration:line-through}.menu-item[data-status=unavailable] .menu-item__photo{opacity:.5}[data-template=galerija] .menu-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--size-menu-card-min)),1fr));gap:var(--space-4);padding-block-start:var(--space-4)}[data-template=galerija] .menu-item{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-content:start;padding:0 0 var(--space-4);overflow:hidden;border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}[data-template=galerija] .menu-item__photo{grid-column:1 / -1;inline-size:100%;aspect-ratio:4 / 3;border-radius:0}[data-template=galerija] :is(.menu-item__text,.menu-item__price){padding-inline:var(--space-4)}[data-template=galerija] .menu-item:not([data-photo]){padding-block-start:var(--space-4)}[data-template=galerija] .menu-item[data-photo] :is(.menu-item__text,.menu-item__price){padding-block-start:var(--space-3)}[data-template=galerija] .menu-item__price{padding-inline-start:0}[data-template=galerija] .menu-item__open:after{border-radius:var(--radius-md)}[data-template=tabla] .menu-cat{position:relative;padding-block-end:var(--space-2);border-block-end:var(--stroke-rule) solid var(--color-text)}[data-template=tabla] .menu-cat__title{font:var(--type-board-cat);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}[data-template=tabla] .menu-item{align-items:baseline;padding-block:var(--space-2-5);border-block-end-style:solid}[data-template=tabla] .menu-item__name{font:var(--type-body-lg);font-weight:600}[data-template=tabla] .menu-item__desc{font:var(--type-body-sm)}[data-template=tabla] .menu-item__price{font:var(--type-board-price)}.menu-cat__cols,.menu-item__price[data-cols]{display:grid;grid-auto-flow:column;grid-auto-columns:var(--size-price-col);justify-items:end}.menu-cat__cols{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-muted)}.menu-item__cell{display:block}app-public-menu-view[data-template=racun] .page{background:var(--texture-grain),var(--color-surface)}app-public-menu-view[data-template=racun] .page{margin-block:var(--space-3);padding-block-start:calc(var(--size-receipt-zigzag) + var(--space-4));-webkit-mask:conic-gradient(from 135deg at top,transparent,black 1deg 89deg,transparent 90deg) top / calc(var(--size-receipt-zigzag) * 2) 51% repeat-x,conic-gradient(from -45deg at bottom,transparent,black 1deg 89deg,transparent 90deg) bottom / calc(var(--size-receipt-zigzag) * 2) 51% repeat-x;mask:conic-gradient(from 135deg at top,transparent,black 1deg 89deg,transparent 90deg) top / calc(var(--size-receipt-zigzag) * 2) 51% repeat-x,conic-gradient(from -45deg at bottom,transparent,black 1deg 89deg,transparent 90deg) bottom / calc(var(--size-receipt-zigzag) * 2) 51% repeat-x}.stamp{align-self:flex-end;inline-size:var(--size-receipt-stamp);margin-block-end:calc(-1 * var(--space-6));color:var(--color-accent-text);opacity:.8;rotate:-12deg}.stamp__ring{fill:none;stroke:currentColor;stroke-width:2}.stamp__ring-text{fill:currentColor;font:600 10px var(--font-mono);letter-spacing:.08em}.stamp__initial{fill:currentColor;font:600 28px var(--font-sans)}.stamp__year{fill:currentColor;font:500 9px var(--font-mono);letter-spacing:.12em}[data-stripe="1"]{--stripe: var(--color-stripe-1)}[data-stripe="2"]{--stripe: var(--color-stripe-2)}[data-stripe="3"]{--stripe: var(--color-stripe-3)}[data-stripe="4"]{--stripe: var(--color-stripe-4)}[data-template=etiketa] .menu-cat{align-items:center;gap:var(--space-3);padding-block-end:var(--space-2);border-block-end:var(--stroke-rule) solid var(--color-text)}[data-template=etiketa] .menu-cat__title{flex:1;min-inline-size:0}.menu-cat__stripes{flex:none;inline-size:var(--space-8);block-size:var(--space-5);background:repeating-linear-gradient(to bottom,var(--stripe) 0 var(--stroke-rule),transparent var(--stroke-rule) calc(var(--stroke-rule) * 2))}[data-template=etiketa] .menu-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--size-menu-card-min)),1fr));gap:var(--space-3);padding-block-start:var(--space-3)}[data-template=etiketa] .menu-item{grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--space-2);padding:calc(var(--size-label-stripe) + var(--space-3)) var(--space-4) var(--space-3);overflow:hidden;border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}[data-template=etiketa] .menu-item:before{content:"";position:absolute;inset:0 0 auto;block-size:var(--size-label-stripe);background:var(--stripe);transform-origin:left;animation:label-print var(--duration-slow) var(--ease-out) both}@keyframes label-print{0%{scale:var(--label-print-from) 1}}[data-template=etiketa] .menu-item[data-status=unavailable]:before{background:var(--color-border)}.menu-item__code{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block-end:var(--space-2);border-block-end:var(--stroke-hairline) solid var(--color-border);font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);color:var(--color-text-muted)}.menu-item__code:after{content:"";inline-size:var(--size-label-barcode);block-size:var(--space-4);background:repeating-linear-gradient(to right,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 6px,currentColor 6px 7px,transparent 7px 10px);opacity:.7}[data-template=etiketa] .menu-item__name{font:var(--type-h2);letter-spacing:var(--tracking-h2)}[data-template=etiketa] .menu-item__photo{inline-size:100%;aspect-ratio:3 / 2;border-radius:var(--radius-xs)}[data-template=etiketa] .menu-item__price{padding-block-start:var(--space-2);border-block-start:var(--stroke-hairline) dashed var(--color-border);font:var(--type-price-lg)}[data-template=etiketa] .menu-item__open:after{border-radius:var(--radius-sm)}[data-template=etiketa] .promo{flex-direction:row;align-items:center;border:0;border-radius:var(--radius-sm);background:var(--color-accent-subtle);box-shadow:none;-webkit-mask:radial-gradient(circle at 0 50%,transparent var(--size-label-notch),#000 calc(var(--size-label-notch) + .5px)) left / 51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent var(--size-label-notch),#000 calc(var(--size-label-notch) + .5px)) right / 51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent var(--size-label-notch),#000 calc(var(--size-label-notch) + .5px)) left / 51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent var(--size-label-notch),#000 calc(var(--size-label-notch) + .5px)) right / 51% 100% no-repeat}[data-template=etiketa] .promo:has(.promo__photo){flex-direction:column;align-items:stretch}[data-template=etiketa] .promo__body{flex:1;min-inline-size:0}.promo__venn{flex:none;inline-size:var(--size-label-venn);margin-inline-start:var(--space-5)}.promo__venn-a{fill:var(--color-stripe-3)}.promo__venn-b{fill:var(--color-stripe-1)}.promo__venn-line{fill:var(--color-stripe-2)}@media(max-width:420px){[data-template=etiketa] .promo{flex-direction:column;align-items:flex-start}.promo__venn{margin-block-start:var(--space-4)}}[data-template=plakat] .menu-cat{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-2) var(--space-2);border-radius:var(--radius-pill) var(--radius-pill) var(--radius-pill) 0;background:var(--color-text);color:var(--color-text-inverse)}[data-template=plakat] .menu-cat:not(:has(.menu-cat__num)){padding-inline-start:var(--space-5)}.menu-cat__num{display:grid;flex:none;place-items:center;inline-size:var(--size-poster-num);block-size:var(--size-poster-num);border-radius:var(--radius-pill);background:var(--color-poster-paper);color:var(--color-text);font:var(--type-eyebrow);font-weight:700}[data-template=plakat] .menu-cat__title{flex:1;min-inline-size:0;font-weight:700}[data-template=plakat] .menu-cat__count{color:inherit;opacity:.7}[data-template=plakat] .menu-item{border-block-end-style:solid}[data-template=plakat] .menu-item__name{font-weight:700}[data-template=plakat] .menu-item[data-highlight] .menu-item__name:before{content:"";display:inline-block;inline-size:var(--size-poster-dot);block-size:var(--size-poster-dot);margin-inline-end:var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent);vertical-align:.05em}[data-template=plakat] .promo{border:0;border-radius:var(--radius-poster) var(--radius-poster) var(--radius-poster) 0;background:var(--color-text);box-shadow:none;color:var(--color-text-inverse)}[data-template=plakat] .promo :is(.menu-item__desc,.meta,.menu-item__variant,.promo__savings){color:inherit;opacity:.8}[data-template=plakat] .promo__strike{color:inherit}[data-template=plakat] .foot{position:relative}[data-template=plakat] .foot:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:calc(var(--size-poster-ribbon) * 3);block-size:var(--space-6);background:linear-gradient(to right,var(--color-brand-orange) 0 33.33%,var(--color-brand-amber) 0 66.66%,var(--color-brand-cobalt) 0)}.stripes{display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));column-gap:var(--stroke-rule);inline-size:100cqi;block-size:100cqb;padding:var(--space-2);background:var(--color-brand-paper)}.stripes__cell{background:var(--bg)}.promo{display:flex;flex-direction:column;overflow:hidden;border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.promo[data-featured]{border-color:var(--color-accent);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-accent);background:var(--color-accent-subtle)}.promo[data-status=unavailable]{opacity:.6}.promo__photo{display:block;inline-size:100%;aspect-ratio:16 / 7;object-fit:cover}.promo__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.promo__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4)}.promo__name{font:var(--type-h2);letter-spacing:var(--tracking-h2)}.promo__slots{display:flex;flex-direction:column;gap:var(--space-1);padding:0;list-style:none}.promo__slots li{display:flex;gap:var(--space-2)}.promo__savings{display:flex;flex-wrap:wrap;gap:var(--space-3);font:var(--type-meta);color:var(--color-accent-text)}.promo__strike{color:var(--color-text-subtle);text-decoration:line-through}.pill-btn{position:relative;display:inline-grid;place-items:center;min-inline-size:var(--touch-min);block-size:var(--touch-min);padding-inline:var(--space-2);border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-decoration:none;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),scale var(--duration-fast) var(--ease-out)}.pill-btn:active:not([aria-disabled=true]){scale:var(--press-scale)}.pill-btn[aria-disabled=true]{cursor:default}.lang-pick select{position:absolute;inset:0;inline-size:100%;opacity:0;cursor:pointer}.lang-pick:has(select:focus-visible){outline:var(--stroke-focus) solid var(--color-focus)}.pill-btn[aria-expanded=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-accent)}.chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-block:var(--space-1);scrollbar-width:none}.chip{display:inline-flex;flex:none;align-items:center;block-size:var(--control-md);padding-inline:var(--space-4);border:var(--stroke-hairline) solid var(--color-border-strong);border-radius:var(--radius-pill);background:transparent;color:var(--color-text);font:var(--type-chip);text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),scale var(--duration-fast) var(--ease-out)}.chip:active{scale:var(--press-scale)}@media(hover:hover)and (pointer:fine){.chip:not([aria-current=true],[aria-pressed=true]):hover{background:var(--color-surface-hover)}}.chip:is([aria-current=true],[aria-pressed=true]){background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.sidebar{display:flex;flex-direction:column;gap:var(--space-1);inline-size:var(--sidebar-width);min-block-size:100%;padding:var(--space-4) var(--space-3);background:var(--color-surface-sunken);border-inline-end:var(--stroke-hairline) solid var(--color-border)}.sidebar__venue{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);padding-block-end:var(--space-6)}.sidebar__mark{display:grid;place-items:center;inline-size:var(--size-mark);block-size:var(--size-mark);border-radius:var(--radius-sm);background:var(--color-surface-inverse);color:var(--color-text-inverse);font:var(--type-mark)}.sidebar__mark.pattern{--cell: calc(var(--size-mark) / 2);place-items:stretch;overflow:hidden}.sidebar__venue-name{font:var(--type-h4)}.sidebar__venue-plan{font:var(--type-meta-sm);letter-spacing:var(--tracking-mono);color:var(--color-text-subtle)}.sidebar__section{padding:var(--space-4) var(--space-2) var(--space-1);font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-subtle)}.nav-item{display:flex;align-items:center;gap:var(--space-3);block-size:var(--size-nav-item);padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font:var(--type-nav);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-item>svg{flex:none;inline-size:var(--size-icon);block-size:var(--size-icon)}@media(hover:hover)and (pointer:fine){.nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}}.nav-item[aria-current=page]{background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-border)}.nav-item__count{margin-inline-start:auto;font:var(--type-meta-sm);color:var(--color-text-subtle)}.table{inline-size:100%;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--color-surface);border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-md)}.table th{padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);border-block-end:var(--stroke-hairline) solid var(--color-border);font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;text-align:start;color:var(--color-text-subtle)}.table td{padding:var(--space-3) var(--space-4);border-block-end:var(--stroke-hairline) solid var(--color-border);vertical-align:middle}.table tr:last-child td{border-block-end:0}.table td{transition:background-color var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.table tbody tr:hover td{background:var(--color-surface-hover)}}.table :is(th,td)[data-num]{text-align:end;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table__sub{display:block;font:var(--type-body-sm);color:var(--color-text-muted)}.stat{display:flex;flex-direction:column;gap:var(--space-2)}.stat__label{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-subtle)}.stat__value{font:var(--type-stat);letter-spacing:var(--tracking-display-md);font-variant-numeric:tabular-nums}.stat__delta{font:var(--type-meta);color:var(--color-text-muted)}.stat__delta[data-trend=up]{color:var(--color-success)}.stat__delta[data-trend=down]{color:var(--color-danger)}.brand{background:var(--color-brand-ink);color:var(--color-on-brand-ink)}.brand-label{font:var(--type-label-mono);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--size-brand-row);gap:var(--space-4)}.brand-grid>[data-span="2"]{grid-column:span 2}.brand-grid>[data-rows="2"]{grid-row:span 2}.brand-tile{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:var(--space-7);border-radius:var(--radius-lg);background:var(--color-brand-paper);color:var(--color-on-brand-tile)}.brand-tile[data-color=cobalt]{background:var(--color-brand-cobalt);color:var(--color-on-brand-cobalt)}.brand-tile[data-color=amber]{background:var(--color-brand-amber)}.brand-tile[data-color=pink]{background:var(--color-brand-pink)}.brand-tile[data-color=periwinkle]{background:var(--color-brand-periwinkle)}.brand-tile__headline{font:var(--type-brand-headline);letter-spacing:var(--tracking-display-xl)}.brand-tile__number{font:var(--type-brand-number);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.brand-tile__caption{padding-block-start:var(--space-2);font:var(--type-body)}.pattern{display:grid;overflow:hidden;grid-template-columns:repeat(var(--cols),var(--cell, var(--size-pattern-cell)));grid-template-rows:repeat(var(--rows),var(--cell, var(--size-pattern-cell)));background:var(--color-brand-ink)}.pattern[data-fluid]{inline-size:min(100cqi,100cqb * var(--cols) / var(--rows));aspect-ratio:var(--cols) / var(--rows);grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr))}.pattern__cell{position:relative;overflow:hidden;background:var(--bg)}.pattern__cell:after{content:"";position:absolute;background:var(--fg)}.pattern__cell[data-kind=solid]:after{display:none}.pattern__cell[data-kind=qtr]:after{inset:0;border-radius:100% 0 0}.pattern__cell[data-kind=half]:after{inset:50% 0 0;border-radius:var(--radius-pill) var(--radius-pill) 0 0;transform-origin:50% 0}.pattern__cell[data-kind=circle]:after{inset:16%;border-radius:50%}.pattern__cell[data-kind=tri]:after{inset:0;clip-path:polygon(0 0,100% 0,0 100%)}.pattern__cell[data-kind=dots]:after{inset:8%;background:radial-gradient(var(--fg) 22%,transparent 26%) 0 0 / 20% 20%}.pattern__cell[data-kind=bars]:after{inset:0;background:repeating-linear-gradient(90deg,var(--fg) 0 6.25%,transparent 6.25% 12.5%)}.pattern__cell[data-rot="1"]:after{rotate:90deg}.pattern__cell[data-rot="2"]:after{rotate:180deg}.pattern__cell[data-rot="3"]:after{rotate:270deg}.pos-nav{display:flex;flex-direction:column;gap:var(--space-2);inline-size:var(--size-pos-nav)}.pos-cat{display:flex;align-items:center;gap:var(--space-2-5);block-size:var(--size-pos-cat);padding-inline:var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-pos-surface);color:var(--color-on-brand-ink);font:var(--type-pos-cat);text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),scale var(--duration-fast) var(--ease-out)}.pos-cat:active{scale:var(--press-scale)}.pos-cat__swatch{flex:none;inline-size:var(--size-swatch);block-size:var(--size-swatch);--cell: var(--size-swatch);border-radius:var(--radius-xs)}.pos-cat[aria-current=true]{background:var(--cat-color);color:var(--cat-text, var(--color-on-brand-tile));font-weight:600}.pos-cat[aria-current=true] .pos-cat__swatch{display:none}.pos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--size-pos-tile);gap:var(--space-2-5)}.pos-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4);border:0;border-radius:var(--radius-pos);background:var(--cat-color);color:var(--cat-text, var(--color-on-brand-tile));text-align:start;cursor:pointer;transition:scale var(--duration-fast) var(--ease-out)}.pos-tile:active:not(:disabled){scale:var(--press-scale)}.pos-tile__name{font:var(--type-pos-tile);letter-spacing:var(--tracking-h3)}.pos-tile__price{font:var(--type-pos-price)}.pos-tile__qty{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);min-inline-size:var(--size-pos-qty);block-size:var(--size-pos-qty);padding-inline:var(--space-1-5);border-radius:var(--radius-pill);background:var(--cat-text, var(--color-on-brand-tile));color:var(--cat-color);font:var(--type-pos-qty);text-align:center}.pos-tile:disabled{background:var(--color-pos-surface);color:var(--color-pos-text-disabled);cursor:not-allowed}.pos-tile:disabled .pos-tile__price{text-decoration:line-through}:is(.pos-cat,.pos-tile)[data-color=amber]{--cat-color: var(--color-brand-amber)}:is(.pos-cat,.pos-tile)[data-color=periwinkle]{--cat-color: var(--color-brand-periwinkle)}:is(.pos-cat,.pos-tile)[data-color=pink]{--cat-color: var(--color-brand-pink)}:is(.pos-cat,.pos-tile)[data-color=cobalt]{--cat-color: var(--color-brand-cobalt);--cat-text: var(--color-on-brand-cobalt)}.receipt{position:relative;display:flex;flex-direction:column;inline-size:var(--size-receipt);max-inline-size:100%;padding:var(--space-11) var(--space-6) var(--space-6);background:var(--color-brand-paper);color:var(--color-paper-text);border-radius:var(--radius-lg)}.receipt:before{content:"";position:absolute;inset-block-start:var(--space-3);inset-inline-start:50%;translate:-50% 0;inline-size:var(--size-receipt-punch-width);block-size:var(--size-receipt-punch-height);border-radius:var(--radius-pill);background:var(--color-brand-ink)}.receipt__head{display:flex;justify-content:space-between;align-items:flex-end}.receipt__title{font:var(--type-receipt-title);letter-spacing:var(--tracking-tight)}.receipt__id{font:var(--type-meta-sm);color:var(--color-paper-text-subtle)}.receipt__meta{padding-block-start:var(--space-2-5);font:var(--type-meta-xs);letter-spacing:var(--tracking-receipt);text-transform:uppercase;color:var(--color-paper-text-muted)}.receipt__rule{border:0;border-block-start:var(--stroke-hairline) dashed var(--color-paper-rule);margin-block:var(--space-4) var(--space-2)}.receipt__line{display:flex;gap:var(--space-2-5);padding-block:var(--space-2);font:var(--type-receipt-line)}.receipt__qty{flex:none;inline-size:var(--space-6);font-family:var(--font-mono)}.receipt__name{flex:1 1 auto}.receipt__note{display:block;font:var(--type-meta-sm);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-paper-text-muted)}.receipt__sum{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.receipt__total-label{display:flex;justify-content:space-between;font:var(--type-meta-sm);letter-spacing:var(--tracking-receipt);text-transform:uppercase;color:var(--color-paper-text-muted)}.receipt__total{display:flex;justify-content:flex-end;align-items:baseline;gap:var(--space-2);padding-block:var(--space-1-5) var(--space-4)}.receipt__total strong{font:var(--type-receipt-total);letter-spacing:var(--tracking-display-lg);font-variant-numeric:tabular-nums}.receipt__total span{font:var(--type-pos-price)}.receipt__stamp{overflow:hidden;margin:var(--space-4) calc(var(--space-6) * -1) calc(var(--space-6) * -1);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.receipt__stamp .pattern{inline-size:100%;aspect-ratio:var(--cols) / var(--rows);grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr))}.receipt__actions{display:flex;gap:var(--space-2)}.receipt__actions>[appButton]{flex:1 1 0;block-size:var(--control-xl);border-radius:var(--radius-sm);font:var(--type-control-lg)}.receipt__actions>[appButton][data-action=send]{flex-grow:2;background:var(--color-brand-ink);color:var(--color-on-brand-ink)}.receipt__actions>[appButton][data-action=pay]{background:var(--color-brand-paper);color:var(--color-paper-text);border-color:var(--color-paper-control-border)}.alert{padding:var(--space-3) var(--space-4);border:var(--stroke-hairline) solid color-mix(in oklab,var(--color-danger) 24%,transparent);border-radius:var(--radius-sm);background:var(--color-danger-subtle);color:var(--color-danger);font:var(--type-body-sm);text-wrap:pretty;animation:fade-in var(--duration-base) var(--ease-out)}.alert[data-tone=success]{border-color:color-mix(in oklab,var(--color-success) 24%,transparent);background:var(--color-success-subtle);color:var(--color-success)}.alert[data-tone=warning]{border-color:color-mix(in oklab,var(--color-warning) 24%,transparent);background:var(--color-warning-subtle);color:var(--color-warning)}.alert[data-tone=info]{border-color:color-mix(in oklab,var(--color-info) 24%,transparent);background:var(--color-info-subtle);color:var(--color-info)}.loading{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--type-meta);letter-spacing:var(--tracking-meta);color:var(--color-text-muted);animation:fade-in var(--duration-base) var(--ease-out) var(--loading-delay) both}.loading:before,.spinner{content:"";flex:none;inline-size:var(--size-spinner);block-size:var(--size-spinner);border:var(--stroke-focus) solid currentColor;border-inline-end-color:transparent;border-radius:var(--radius-pill);animation:spin var(--duration-spin) linear infinite}.spinner{display:inline-block}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);border:var(--stroke-hairline) dashed var(--color-border);border-radius:var(--radius-md);text-align:center;color:var(--color-text-muted)}.empty-state>svg{inline-size:var(--size-empty-icon);block-size:var(--size-empty-icon);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text-subtle)}.empty-state__title{font:var(--type-h4);color:var(--color-text)}.empty-state__body{max-inline-size:var(--text-measure);font:var(--type-body-sm)}.tabs{display:flex;gap:var(--space-1);overflow-x:auto;border-block-end:var(--stroke-hairline) solid var(--color-border);scrollbar-width:none}.tab{position:relative;display:inline-flex;flex:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font:var(--type-label);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.tab:after{content:"";position:absolute;inset-inline:var(--space-3);inset-block-end:0;block-size:var(--stroke-rule);border-radius:var(--radius-pill);background:var(--color-text);scale:0 1;transition:scale var(--duration-base) var(--ease-out)}@media(hover:hover)and (pointer:fine){.tab:hover{color:var(--color-text)}}.tab[aria-selected=true]{color:var(--color-text)}.tab[aria-selected=true]:after{scale:1 1}.tab:focus-visible{outline:var(--stroke-focus) solid var(--color-focus);outline-offset:calc(-1 * var(--stroke-focus));border-radius:var(--radius-xs)}.popover{background:var(--color-surface-raised);color:var(--color-text);border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:opacity var(--duration-fast) var(--ease-out),scale var(--duration-base) var(--ease-out)}@starting-style{.popover{opacity:0;scale:var(--enter-scale)}}.toast{display:flex;align-items:center;gap:var(--space-3);inline-size:var(--size-toast);max-inline-size:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-inverse);color:var(--color-text-inverse);font:var(--type-body-sm);box-shadow:var(--shadow-lg)}.toast>svg{flex:none;inline-size:var(--size-icon);block-size:var(--size-icon)}@keyframes spin{to{rotate:1turn}}@keyframes fade-in{0%{opacity:0}}}@layer utilities{.stack{display:flex;flex-direction:column;--gap: var(--space-4);gap:var(--gap)}.row{display:flex;flex-wrap:wrap;align-items:center;--gap: var(--space-3);gap:var(--gap)}.row[data-justify=between]{justify-content:space-between}:is(.stack,.row)[data-gap="1"]{--gap: var(--space-1)}:is(.stack,.row)[data-gap="2"]{--gap: var(--space-2)}:is(.stack,.row)[data-gap="3"]{--gap: var(--space-3)}:is(.stack,.row)[data-gap="4"]{--gap: var(--space-4)}:is(.stack,.row)[data-gap="6"]{--gap: var(--space-6)}:is(.stack,.row)[data-gap="8"]{--gap: var(--space-8)}:is(.stack,.row)[data-gap="12"]{--gap: var(--space-12)}}