:root{--color-bg-canvas:#fff;--color-bg-surface:#f2f4f6;--color-bg-weak:#e8f3ff;--color-bg-primary:#3182f6;--color-bg-primary-pressed:#2272eb;--color-text-strong:#191f28;--color-text-body:#4e5968;--color-text-muted:#8b95a1;--color-text-weak:#1b64da;--color-text-on-primary:#fff;--color-status-accepted-bg:#e8f3ff;--color-status-accepted-fg:#1b64da;--color-status-preparing-bg:#fff4e6;--color-status-preparing-fg:#a35b00;--color-status-served-bg:#e6f7ee;--color-status-served-fg:#0f7a43;--color-status-closed-bg:#f2f4f6;--color-status-closed-fg:#4e5968;--color-status-cancelled-bg:#f2f4f6;--color-status-cancelled-fg:#8b95a1;--color-status-attention-bg:#ffecee;--color-status-attention-fg:#e42939;--color-border-default:#e5e8eb;--color-border-selected:#3182f6;--radius-sm:4px;--radius-md:6px;--radius-btn-sm:8px;--radius-btn-md:10px;--radius-btn-lg:14px;--radius-btn-xl:16px;--radius-row:12px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:16px;--space-5:24px;--space-6:32px;--font-sans:"Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--type-display-total:700 36px / 54px var(--font-sans);--type-title-screen:700 24px / 36px var(--font-sans);--type-title-section:700 22px / 33px var(--font-sans);--type-body-strong:700 16px / 24px var(--font-sans);--type-body-default:400 16px / 24px var(--font-sans);--type-label-button-xl:700 17px / 24px var(--font-sans);--type-label-button-m:700 15px / 22px var(--font-sans);--type-caption-strong:700 14px / 21px var(--font-sans);--type-caption-default:400 14px / 21px var(--font-sans);--type-micro-badge:400 12px / 18px var(--font-sans);--layout-max-width:480px;--layout-side-margin:var(--space-4);--layout-app-bar-height:56px;--layout-category-tabs-height:48px;--layout-hero-height:160px;--layout-min-touch-target:48px;--layout-safe-area:max(34px, env(safe-area-inset-bottom,0px));--type-staff-table-no:700 32px / 40px var(--font-sans);--type-staff-metric:700 20px / 28px var(--font-sans);--color-staff-status-new-bg:#e8f3ff;--color-staff-status-new-fg:#1b64da;--color-staff-status-cooking-bg:#fff4e6;--color-staff-status-cooking-fg:#a35b00;--color-staff-status-ready-bg:#e6f7ee;--color-staff-status-ready-fg:#0f7a43;--color-staff-status-served-bg:#f2f4f6;--color-staff-status-served-fg:#4e5968;--color-staff-status-unpaid-bg:#f0edff;--color-staff-status-unpaid-fg:#5b3fd6;--color-staff-status-paid-bg:#f2f4f6;--color-staff-status-paid-fg:#8b95a1;--color-text-danger:#e42939;--layout-staff-rail-width:88px;--layout-staff-header-height:72px;--layout-staff-gutter:24px;--layout-staff-card-width:198px;--layout-staff-card-height:190px;--layout-staff-control-height:56px;--radius-sheet:16px;--layout-staff-panel-width:420px;--layout-staff-station-card-width:342px}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg-surface)}body{font:var(--type-body-default);color:var(--color-text-strong);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}#root{max-width:var(--layout-max-width);background:var(--color-bg-canvas);min-height:100dvh;margin:0 auto}#root:has(>[data-staff-app]){max-width:none}h1,h2,h3,p{font:inherit;margin:0}button{font:inherit;color:inherit;margin:0}:where(button):focus-visible{outline:2px solid var(--color-bg-primary);outline-offset:2px}img{max-width:100%;display:block}.quantity-selector{align-items:center;gap:var(--space-3);display:flex}.quantity-selector__button{border-radius:var(--radius-btn-sm);background:var(--color-bg-surface);width:32px;height:32px;font:var(--type-body-strong);color:var(--color-text-body);cursor:pointer;border:0;justify-content:center;align-items:center;display:flex;position:relative}.quantity-selector__button:before{content:"";width:var(--layout-min-touch-target);height:var(--layout-min-touch-target);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quantity-selector__button:disabled{color:var(--color-text-muted);cursor:default}.quantity-selector__value{text-align:center;width:40px;font:var(--type-body-strong);color:var(--color-text-strong)}.category-tabs{top:var(--layout-app-bar-height);z-index:2;scrollbar-width:none;background:var(--color-bg-canvas);border-bottom:1px solid var(--color-border-default);display:flex;position:sticky;overflow:auto hidden}.category-tabs::-webkit-scrollbar{display:none}.category-tab{align-items:center;gap:var(--space-3);height:var(--layout-category-tabs-height);padding:14px var(--space-4) 0;background:var(--color-bg-canvas);cursor:pointer;border:0;flex-direction:column;flex:none;display:flex}.category-tab__label{font:var(--type-body-default);color:var(--color-text-muted);white-space:nowrap}.category-tab[aria-selected=true] .category-tab__label{font:var(--type-body-strong);color:var(--color-text-strong)}.category-tab__indicator{background:0 0;width:100%;height:2px}.category-tab[aria-selected=true] .category-tab__indicator{background:var(--color-bg-primary)}.category-tab:focus-visible{outline-offset:-2px}.category-tabs--pill{gap:var(--space-3);background:0 0;border-bottom:none;padding:0;position:static}.category-tabs--pill .category-tab{height:auto;padding:12px var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-btn-md);background:var(--color-bg-canvas)}.category-tabs--pill .category-tab[aria-selected=true]{border-color:var(--color-border-selected);background:var(--color-bg-weak)}.category-tabs--pill .category-tab__label{font:var(--type-caption-strong);color:var(--color-text-body)}.category-tabs--pill .category-tab[aria-selected=true] .category-tab__label{color:var(--color-text-weak)}.category-tabs--pill .category-tab__indicator{display:none}