@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-GZpp1pK2.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@theme{ --bg-page: #ffffff; --bg-surface: #fafafb; --bg-card: #ffffff; --gray-a04: rgba(118, 118, 132, .04); --gray-a08: rgba(118, 118, 132, .08); --gray-a16: rgba(118, 118, 132, .16); --gray-a48: rgba(118, 118, 132, .48); --ink: #2b2b34; --ink-2: #5f5f6f; --ink-3: #adadb7; --ink-icon: #90909d; --line: #ececee; --line-2: #dbdbe0; --ring-input: rgba(25, 28, 33, .12); --ring-card: rgba(25, 28, 33, .04); --ring-btn: rgba(0, 0, 0, .1); --ring-popover: rgba(25, 28, 33, .08); --accent: #d4845a; --accent-deep: #b86b42; --accent-soft: rgba(212, 132, 90, .06); --accent-ring: rgba(212, 132, 90, .14); --accent-glow: rgba(212, 132, 90, .22); --accent-range: #faefe8; --chart-1: #d4845a; --chart-2: #e8956a; --chart-3: #f0c9b0; --chart-dark: #232328; --chart-gray: #90909d; --chart-gray-2: #c7c7cf; --info: #236dd7; --info-soft: rgba(35, 109, 215, .04); --info-ring: rgba(35, 109, 215, .56); --success: #31c854; --warning: #fd7224; --danger: #e5484d; --font-sans: "Geist Variable", system-ui, sans-serif; --font-mono: "Geist Mono Variable", ui-monospace, monospace; --font-display: "Geist Variable", system-ui, sans-serif; --r-xs: 4px; --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 16px; --r-full: 9999px; --sh-btn: 0 0 0 1px var(--ring-btn), 0 4px 4px -2px rgba(0, 0, 0, .04), 0 2px 2px -1px rgba(0, 0, 0, .06), inset 0 1px .5px rgba(255, 255, 255, .05); --sh-btn-primary: 0 0 0 1px var(--accent), 0 4px 4px -2px rgba(0, 0, 0, .24), 0 2px 2px -1px rgba(0, 0, 0, .16), inset 0 1px 1px rgba(255, 255, 255, .12); --sh-card: 0 0 2px rgba(0, 0, 0, .08), 0 1px 2px rgba(25, 28, 33, .06), 0 0 0 1px var(--ring-card); --sh-input: 0 4px 4px -2px rgba(0, 0, 0, .04), 0 2px 2px -1px rgba(0, 0, 0, .06), 0 0 0 1px var(--ring-input); --sh-popover: 0 6px 16px -2px rgba(0, 0, 0, .2), 0 16px 36px -6px rgba(0, 0, 0, .07), 0 0 0 1px var(--ring-popover); --sidebar-width: 232px; --topbar-height: 56px; --color-bg: var(--bg-page); --color-bg-2: var(--gray-a08); --color-card: var(--bg-card); --color-inset: var(--bg-surface); --color-bg-warm: var(--bg-page); --color-surface: var(--bg-surface); --color-surface-warm: var(--bg-surface); --color-ink: var(--ink); --color-ink-2: var(--ink-2); --color-ink-3: var(--ink-3); --color-line: var(--line); --color-line-2: var(--line-2); --color-line-strong: var(--line-2); --color-border: var(--line); --color-border-warm: var(--line); --color-separator: var(--line); --color-muted: var(--ink-2); --color-subtle: var(--ink-3); --color-brand: var(--accent); --color-brand-hover: var(--accent-deep); --color-brand-soft: var(--accent-soft); --color-on-brand: #ffffff; --color-primary: var(--accent); --color-primary-hover: var(--accent-deep); --color-on-primary: #ffffff; --color-rec: var(--success); --color-rec-soft: rgba(49, 200, 84, .08); --color-stop: var(--danger); --color-stop-soft: rgba(229, 72, 77, .08); --color-amber: var(--warning); --color-amber-soft: rgba(253, 114, 36, .08); --color-info: var(--info); --color-info-soft: var(--info-soft); --color-success: var(--success); --color-rating: var(--warning); --color-status-pending: var(--ink-3); --color-status-pending-soft: var(--gray-a04); --color-status-preparing: var(--warning); --color-status-preparing-soft: var(--gray-a04); --color-status-ready: var(--success); --color-status-ready-soft: var(--gray-a04); --color-status-ready-for-pickup: var(--warning); --color-status-ready-for-pickup-soft: var(--gray-a04); --color-status-out-for-delivery: var(--info); --color-status-out-for-delivery-soft: var(--gray-a04); --color-status-completed: var(--ink-2); --color-status-completed-soft: var(--gray-a04); --color-status-cancelled: var(--danger); --color-status-cancelled-soft: var(--gray-a04); --color-status-payment-failed: var(--danger); --color-status-payment-failed-soft: var(--gray-a04); --radius-card: var(--r-lg); --radius-btn: var(--r-sm); --radius-nav: var(--r-sm); --radius-field: var(--r-sm); --radius-input: var(--r-sm); --radius-pill: var(--r-full); --radius-sm: var(--r-xs); --radius-md: var(--r-md); --radius-lg: var(--r-lg); --radius-xl: var(--r-xl); --radius-2xl: var(--r-xl); --radius-sheet: var(--r-xl); --field-padding-x: .625rem; --field-padding-end-select: 2.5rem; --field-chevron-inset: .625rem; --shadow-sm: var(--sh-card); --shadow-nav: var(--sh-popover); --shadow-sheet: var(--sh-popover); --shadow-card: var(--sh-card); --shadow-lift: var(--sh-popover); --shadow-cta: var(--sh-btn-primary); }body{font-family:var(--font-sans);color:var(--ink);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.fig{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.mono{font-family:var(--font-mono)}.scroll-hidden{scrollbar-width:none;-ms-overflow-style:none}.scroll-hidden::-webkit-scrollbar{display:none}.tray{background:var(--bg-surface);border-radius:var(--r-xl);padding:4px}.card-v7{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--sh-card)}.btn-depth:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.02) 100%)}.btn-primary-depth:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent)}@layer base{input:where(:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden])),select,textarea{padding-inline:var(--field-padding-x)}select{appearance:none;-webkit-appearance:none;padding-inline-end:var(--field-padding-end-select)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235F5F6F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--field-chevron-inset) center;background-size:1rem}}.field-control{min-height:32px;padding-block:.375rem;padding-inline:var(--field-padding-x);border-radius:var(--r-sm);border:none;box-shadow:var(--sh-input);background-color:var(--bg-card);font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--ink)}.field-control:focus-visible{outline:none;box-shadow:var(--sh-input),0 0 0 2px var(--accent-ring)}select.field-control{padding-inline-end:var(--field-padding-end-select)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding-inline:4px;border-radius:var(--r-xs);background:var(--bg-surface);box-shadow:0 0 0 1px var(--line-2);font-family:var(--font-mono);font-size:12px;line-height:1;font-weight:500;letter-spacing:.12px;color:var(--ink-2)}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.block{display:block}.flex{display:flex}}body{background:var(--bg-app,#faf9f7);color:var(--ink,#1a1a1a);margin:0;font-family:system-ui,sans-serif}.demo-banner{color:#92400e;text-align:center;background:#fef3c7;padding:.75rem 1rem;font-weight:600}.demo-shell{max-width:960px;margin:0 auto;padding:1.5rem}.demo-card{background:#fff;border:1px solid #e8e6e3;border-radius:12px;margin-top:1rem;padding:1.25rem}.demo-btn{cursor:pointer;background:#fff;border:1px solid #d4d2cf;border-radius:8px;padding:.5rem 1rem;font-weight:500}.demo-btn-primary{color:#fff;background:#1a5d45;border-color:#1a5d45}