.home{gap:var(--space-5);padding-top:var(--space-6);padding-bottom:var(--space-8);flex-direction:column;display:flex}.home__hero{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-5) 0;flex-direction:column;display:flex}.home__lead{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}.home__demo-brand{justify-content:center}.status-list,.feature-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.status-list li{align-items:center;gap:var(--space-2);display:flex}.feature-list li{gap:var(--space-3);grid-template-columns:120px 1fr;align-items:start;display:grid}.feature-list .badge{justify-self:start;margin-top:2px}@media (width<=480px){.feature-list li{gap:var(--space-1);grid-template-columns:1fr}}.home .grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cust{--cust-max:560px;--bar-space:108px;overflow-wrap:anywhere;flex-direction:column;min-height:100dvh;font-size:16px;display:flex}.cust h1{color:var(--color-accent);margin:0;font-size:1.625rem}.cust h2{color:var(--color-accent);margin:0;font-size:1.25rem}.cust input,.cust textarea,.cust select{font-size:16px}.cust-header{z-index:30;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}.cust-header__inner{max-width:var(--cust-max);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:8px 16px;display:flex}.cust-header__home{border-radius:8px;display:inline-flex}.table-tag{background:var(--color-accent);min-width:84px;min-height:52px;color:var(--color-on-accent);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4px 14px;line-height:1.15;display:flex}.table-tag__label{letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-size:.6875rem;font-weight:700}.table-tag__name{font-size:1.25rem;font-weight:800}.cust-banner{max-width:var(--cust-max);margin:0 auto;padding:10px 16px;font-size:.9375rem;line-height:1.4}.cust-banner--warn{color:#4d3800;background:#fff1cc;border-top:1px solid #ecd48f}.cust-banner--closed{background:var(--lk-lemon-100);color:var(--lk-olive-900);border-top:1px solid #ecd48f;font-weight:600}@media (width>=561px){.cust-banner{border-radius:0 0 10px 10px}}.cust-main{width:100%;max-width:var(--cust-max);flex:1;min-width:0;margin:0 auto;padding:16px 16px 24px}.cust-footer{padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;font-size:.8125rem;display:flex}.cust:has(.bottom-bar) .cust-footer{padding-bottom:calc(var(--bar-space) + env(safe-area-inset-bottom,0px))}.back-link{min-height:44px;color:var(--color-accent);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.link{color:var(--color-accent);font-weight:600}.row-gap{flex-wrap:wrap;gap:8px;display:flex}.stack-sm{flex-direction:column;gap:10px;margin-top:16px;display:flex}.field-label{margin-bottom:6px;font-weight:700;display:block}.textarea{border:1px solid var(--color-border);background:var(--color-surface);resize:vertical;border-radius:12px;width:100%;min-height:72px;padding:12px;line-height:1.4}.textarea:disabled{background:var(--color-surface-muted)}.counter{text-align:right;margin-top:4px}.screen-msg{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 8px;display:flex}.screen-msg p{margin:0 0 6px}.cust .btn--line{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.cust .btn--sm{min-height:44px}.cust .btn--ghost{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.tag{background:var(--color-surface-muted);color:var(--color-text);border-radius:999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.tag--out{color:#6e1d10;background:#f6dcd4}.search{margin-bottom:4px;position:relative}.search input{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;width:100%;min-height:48px;padding:0 44px}.search input::-webkit-search-cancel-button{display:none}.search__icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search__clear{width:44px;height:44px;color:var(--color-text-muted);background:0 0;border:0;border-radius:50%;font-size:1.5rem;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.cat-nav{top:var(--cust-header-h,69px);z-index:20;background:var(--color-bg);scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin:0 -16px;padding:10px 16px;display:flex;position:sticky;overflow-x:auto}.cat-nav::-webkit-scrollbar{display:none}.cat-chip{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);border-radius:999px;flex-shrink:0;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.cat-chip:hover,.cat-chip:focus-visible{border-color:var(--lk-lemon-500);background:var(--lk-lemon-100)}.menu{flex-direction:column;gap:12px;display:flex}.menu--with-bar{padding-bottom:0}.menu-cat{scroll-margin-top:calc(var(--cust-header-h,69px) + 70px);flex-direction:column;gap:8px;margin-top:12px;display:flex}.prod-list{flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.prod{background:var(--color-surface);border:1px solid var(--color-border);min-height:96px;color:inherit;border-radius:14px;grid-template-columns:minmax(0,1fr) 96px;gap:12px;padding:12px;text-decoration:none;display:grid}.prod:hover{border-color:var(--lk-lemon-500)}.prod__text{flex-direction:column;gap:4px;min-width:0;display:flex}.prod h3{font-family:var(--font-sans);color:var(--color-text);margin:0;font-size:1.0625rem;font-weight:700}.prod__desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;line-height:1.35;display:-webkit-box;overflow:hidden}.prod__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.prod__price{color:var(--color-accent);font-weight:800}.prod--out .prod__price{color:var(--color-text-muted);text-decoration:line-through}.prod--out .p-img{opacity:.6}.p-img{object-fit:cover;background:var(--color-surface-muted);display:block}.p-img--thumb{border-radius:12px;width:96px;height:96px}.p-img--hero{aspect-ratio:16/10;border-radius:16px;width:100%;max-width:100%;height:auto}.p-img--empty{color:var(--lk-olive-500);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.bottom-bar{z-index:25;background:var(--color-surface);border-top:1px solid var(--color-border);padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.bottom-bar>*{max-width:calc(var(--cust-max) - 32px);margin-left:auto;margin-right:auto}.bar-btn{justify-content:space-between;min-height:52px;font-size:1.0625rem;text-decoration:none}.bar-hint{color:#6b3d00;text-align:center;margin:0 auto 8px;font-size:.875rem}.active-orders{flex-direction:column;gap:8px;display:flex}.active-order{background:var(--color-surface);border:1px solid var(--color-border);border-left:5px solid var(--lk-lemon-500);min-height:56px;color:inherit;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.orders-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.status-pill{border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.8125rem;font-weight:700}.status-pill--pending{color:#3b1a7a;background:#ede9fe}.status-pill--confirmed{color:#1e3a8a;background:#dbeafe}.status-pill--preparing{color:#6b3d00;background:#fdecc8}.status-pill--ready{color:#14532d;background:#d9f2df}.status-pill--served{color:#3a3a33;background:#e6e6e1}.status-pill--cancelled{color:#6e1d10;background:#f6dcd4}.pd{flex-direction:column;gap:16px;display:flex}.pd .back-link{margin-bottom:-8px}.pd__head{flex-direction:column;gap:4px;display:flex}.pd__price{color:var(--color-accent);font-size:1.25rem;font-weight:800}.pd__out{color:#6e1d10;background:#f6dcd4;border-radius:10px;margin:4px 0 0;padding:8px 12px;font-weight:700}.pd__sec{flex-direction:column;gap:8px;display:flex}.pd__sec h2{font-size:1.125rem}.pd__sec p{margin:0;line-height:1.5}.pd__note{background:var(--lk-lemon-100);border-left:4px solid var(--lk-lemon-500);border-radius:10px;padding:10px 12px;font-size:.875rem}.allergens{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.allergens li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:6px 12px;font-size:.9375rem;font-weight:600}.opt-group{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;min-width:0;margin:0;padding:4px 12px 8px}.opt-group legend{color:var(--color-accent);flex-wrap:wrap;align-items:center;gap:8px;padding:0 6px;font-size:1.0625rem;font-weight:700;display:flex}.opt-group--error{border-color:#b4321c;box-shadow:0 0 0 1px #b4321c}.opt-rule{background:var(--color-surface-muted);color:var(--color-text);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.opt{border-top:1px solid var(--color-border);cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:0 4px;display:flex}.opt:first-of-type{border-top:0}.opt input{width:22px;height:22px;accent-color:var(--lk-olive-700);flex-shrink:0}.opt__name{flex:1}.opt__delta{color:var(--color-text-muted);font-size:.9375rem}.opt--disabled{opacity:.55;cursor:not-allowed}.stepper{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;align-items:center;display:inline-flex}.stepper button{width:44px;height:44px;color:var(--color-accent);background:0 0;border:0;border-radius:50%;font-size:1.375rem;font-weight:700}.stepper button:disabled{color:var(--color-border);cursor:not-allowed}.stepper output{text-align:center;min-width:32px;font-size:1.0625rem;font-weight:800}.cart{flex-direction:column;gap:14px;display:flex}.cart-lines{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cart-line{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.cart-line--bad{border-color:#d98a78}.cart-line__top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cart-line__top h2{font-family:var(--font-sans);color:var(--color-text);font-size:1.0625rem}.cart-line__total{white-space:nowrap;font-weight:800}.cart-opts{color:var(--color-text-muted);margin:0;padding:0;font-size:.9375rem;list-style:none}.cart-opts li{justify-content:space-between;gap:12px;display:flex}.cart-note{margin:0;font-size:.9375rem;font-style:italic}.cart-line__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.line-issue{background:var(--lk-lemon-100);border-radius:10px;margin:0;padding:8px 10px;font-size:.9375rem}.line-issue--bad{color:#6e1d10;background:#f6dcd4}.summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.summary p{margin:0}.total-row{border-top:1px solid var(--color-border);margin-top:4px;padding-top:10px;font-size:1.125rem;font-weight:800}.confirm,.order{flex-direction:column;gap:14px;display:flex}.confirm-lines{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.table-card{background:var(--color-accent);color:var(--color-on-accent);border-radius:14px;flex-direction:column;padding:12px 16px;display:flex}.table-card strong{font-size:1.75rem;line-height:1.2}.callout{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.callout p{margin:0}.callout--warn{color:#3f2e00;background:#fff4d6;border-color:#e3c15a}.callout--error{color:#5e1609;background:#fbe3dd;border-color:#e0a090}.callout--ok{color:var(--lk-olive-900);background:#e6efd8;border-color:#a9bd86}.change-list{flex-direction:column;gap:4px;margin:4px 0 8px;padding-left:20px;display:flex}.order__head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.order__no{font-size:2.5rem;line-height:1;font-family:var(--font-sans);font-weight:800}.order__meta{text-align:right;color:var(--color-text-muted)}.live-note{color:var(--color-text-muted);align-items:center;gap:8px;margin:0;display:flex}.live-note .dot{background:#2f7d32;border-radius:50%;width:9px;height:9px}.live-note--off .dot{background:#b26a00}.steps{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;margin:0;padding:14px;list-style:none;display:flex}.step{grid-template-columns:32px minmax(0,1fr);gap:12px;padding-bottom:18px;display:grid;position:relative}.step:last-child{padding-bottom:0}.step:before{content:"";background:var(--color-border);width:2px;position:absolute;top:32px;bottom:0;left:15px}.step:last-child:before{display:none}.step__dot{z-index:1;border:2px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);border-radius:50%;place-items:center;font-size:.875rem;font-weight:800;display:grid;position:relative}.step--done .step__dot{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.step--done:before{background:var(--color-accent)}.step--now .step__dot{background:var(--lk-lemon-500);border-color:var(--lk-olive-700);color:var(--lk-olive-900)}.step--now strong{font-size:1.0625rem}.cust .num{white-space:nowrap}.join-card{background:var(--color-surface);border:2px solid var(--lk-lemon-500);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.join-card h2{font-size:1.25rem}.join-card p{margin:0;line-height:1.45}.join-row{gap:8px;display:flex}.join-input{border:1px solid var(--color-border);background:var(--color-bg);letter-spacing:.25em;text-align:center;border-radius:12px;flex:1;min-width:0;min-height:52px;padding:0 14px;font-weight:800;font-size:1.5rem!important}.join-btn{min-height:52px;padding:0 20px}.join-error{color:#6e1d10;background:#f6dcd4;border-radius:10px;padding:8px 12px;font-weight:600}.join-note{color:var(--color-text-muted);font-size:.8125rem}.join-card--compact .join-note{display:none}.staff-main h1{margin:0;font-size:1.5rem}.staff-main h2{margin:0 0 8px;font-size:1.125rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack-xs{flex-direction:column;gap:6px;display:flex}.text-warn{color:#8a4b00}.text-danger{color:#a3261a!important}.link-btn{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;margin-left:8px;text-decoration:underline}.btn--danger{color:#fff;background:#b4321c}.btn--danger:hover:not(:disabled){background:#96281a}.staff-nav__foot{flex-direction:column;gap:2px;display:flex}.staff-nav__foot strong{color:#fff;font-size:.875rem}.staff-nav__logout{justify-content:flex-start;margin-top:6px;padding-left:0;color:#d6deeb!important}.conn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.conn__dot{background:#9ca3af;border-radius:50%;width:9px;height:9px}.conn--ok .conn__dot{background:#15803d;box-shadow:0 0 0 3px #15803d33}.conn--wait .conn__dot{background:#d97706}.conn--bad{color:#8f1d10;border-color:#e0a090}.conn--bad .conn__dot{background:#b4321c}.sound-on{color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.staff-banner{border:1px solid;border-radius:10px;padding:10px 14px;font-size:.9375rem}.staff-banner--bad{color:#6e1d10;background:#fdecea;border-color:#f0b4ab}.staff-banner--info{color:#1b3557;background:#eaf1fb;border-color:#b7cbe8}.staff-banner--warn{color:#4d3600;background:#fff6e0;border-color:#ecc66b}.new-alert{background:var(--masago-orange-100);border:2px solid var(--masago-orange-500);color:var(--masago-navy-900);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:.875rem;font-weight:600;display:inline-flex}.filter[aria-pressed=true]{background:var(--masago-navy-800);color:#fff;border-color:var(--masago-navy-800)}.filter__n{opacity:.8;font-size:.75rem}.empty{text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:12px;padding:28px}.orders{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:12px;display:grid}.ocard{background:var(--color-surface);border:1px solid var(--color-border);border-top:5px solid var(--sc,var(--color-border));border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.ocard--fresh{border-color:var(--masago-orange-500);box-shadow:0 0 0 2px var(--masago-orange-500)}.s-PENDING{--sc:#6d28d9}.s-CONFIRMED{--sc:#2563eb}.s-PREPARING{--sc:#d97706}.s-READY{--sc:#15803d}.s-SERVED{--sc:#64748b}.s-CANCELLED{--sc:#b4321c}.ocard__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ocard__table{font-size:1.375rem;font-weight:800;line-height:1.1}.ocard__right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.badge--new{background:var(--masago-orange-500);color:var(--masago-navy-900)}.badge--muted{color:#374151;background:#e5e7eb}.badge--warn{color:#78350f;background:#fef3c7}.elapsed{background:var(--color-surface-muted);border-radius:999px;padding:2px 8px;font-size:.8125rem;font-weight:700}.elapsed--warn{color:#78350f;background:#fef3c7}.elapsed--late{color:#8f1d10;background:#fde2dd}.ocard__items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ocard__items li{grid-template-columns:34px minmax(0,1fr) auto;align-items:baseline;gap:8px;display:grid}.ocard__items .q{font-weight:800}.ocard__name{flex-direction:column;min-width:0;display:flex}.ocard__name .opts{color:var(--color-text-muted);font-size:.8125rem}.note{color:#5c4300;background:#fff7d6;border-radius:6px;margin-top:2px;padding:2px 8px;font-size:.8125rem;display:inline-block}.note--order{margin:0}.note--cancel{color:#6e1d10;background:#fdecea;margin:0}.ocard__foot{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.ocard__total{color:var(--color-text-muted);font-size:.875rem}.ocard__total strong{color:var(--color-text);font-size:1rem}.ocard__actions{flex-wrap:wrap;gap:6px;display:flex}.dlg{background:var(--color-surface,#fff);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-text,#132540);border:0;border-radius:16px;padding:0;box-shadow:0 20px 50px #0000004d}.dlg--wide{width:min(760px,100vw - 32px)}.dlg::backdrop{background:#0c1a2f8c}.dlg__inner{flex-direction:column;max-height:calc(100dvh - 32px);display:flex}.dlg__head{border-bottom:1px solid var(--color-border,#d9dfe9);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.dlg__head h2{margin:0;font-size:1.125rem}.dlg__x{cursor:pointer;background:0 0;border:0;border-radius:50%;width:40px;height:40px;font-size:1.5rem}.dlg__body{flex-direction:column;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.dlg__foot{border-top:1px solid var(--color-border,#d9dfe9);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;min-height:36px;font:inherit;border-radius:999px;padding:0 12px;font-size:.875rem}.chip[aria-pressed=true]{background:var(--masago-navy-800);color:#fff}.form{flex-direction:column;gap:12px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.field{flex-direction:column;gap:4px;font-size:.875rem;font-weight:600;display:flex}.textarea{resize:vertical;min-height:64px;padding:8px 12px}.check{cursor:pointer;align-items:center;gap:8px;min-height:36px;display:flex}.check input{width:18px;height:18px;accent-color:var(--masago-navy-800)}.form-error{color:#8f1d10;margin:0;font-size:.875rem;font-weight:600}.fset{border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:8px;margin:0;padding:8px 14px 14px;display:flex}.fset legend{padding:0 6px;font-weight:700}.tgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.tcard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.tcard--off{opacity:.7;background:var(--color-surface-muted)}.tcard__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tcard__name{font-size:1.125rem}.tcard__info{min-height:1.4em;margin:0}.tcard__actions{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.st{border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:700}.st--open{color:#14532d;background:#dcfce7}.st--closed{color:#475569;background:#eceff3}.st--off{color:#374151;background:#e5e7eb}.mini-orders,.resolve-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mini-orders li,.resolve{border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.resolve__opts label{cursor:pointer;align-items:center;gap:6px;min-height:36px;margin-right:12px;display:inline-flex}.resolve__opts label.is-disabled{opacity:.45;cursor:not-allowed}.qr-box{border:1px solid var(--color-border);background:#fff;border-radius:12px;justify-content:center;padding:12px;display:flex}.qr-box img{max-width:100%;height:auto}.qr-url{word-break:break-all;margin:0}.menu-admin{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.menu-admin{grid-template-columns:minmax(0,1fr)}}.cat-list,.prod-admin,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px}.cat-list ol{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.cat-list li{border-radius:8px;align-items:center;gap:4px;display:flex}.cat-list li.is-selected{background:var(--masago-navy-100)}.cat-list__name{text-align:left;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;flex:1;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:flex}.order-btns{gap:2px;display:inline-flex}.order-btns button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:6px;width:32px;height:32px;font-size:.875rem}.order-btns button:disabled{opacity:.35;cursor:not-allowed}.prod-admin{flex-direction:column;gap:12px;display:flex}.prod-admin__head{flex-wrap:wrap;align-items:flex-start}.padmin-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.padmin{border:1px solid var(--color-border);border-radius:10px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px 12px;padding:10px;display:grid}.padmin--archived{background:var(--color-surface-muted)}.padmin__img{object-fit:cover;border-radius:8px;width:56px;height:56px}.padmin__img--lg{width:96px;height:96px}.padmin__img--empty{background:var(--color-surface-muted);color:var(--color-text-muted);text-align:center;place-items:center;font-size:.6875rem;display:grid}.padmin__main{flex-direction:column;gap:2px;min-width:0;display:flex}.badges{gap:4px}.padmin__actions{border-top:1px dashed var(--color-border);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;padding-top:6px;display:flex}.switch{cursor:pointer;align-items:center;gap:6px;min-height:36px;font-size:.8125rem;font-weight:600;display:inline-flex}.switch input{accent-color:#15803d;width:36px;height:20px}.allergen-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 12px;display:grid}.verify{font-weight:700}.og-edit{border:1px dashed var(--color-border);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.og-edit__head,.og-edit__item{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.og-edit__head .input:first-child,.og-edit__item .input:first-child{flex:160px}.og-edit__item .input.num{width:100px}.mini{align-items:center;gap:4px;font-size:.8125rem;display:inline-flex}.mini .input{width:64px}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}.dtable{border-collapse:collapse;width:100%;font-size:.9375rem}.dtable th,.dtable td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px}.dtable th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.75rem}.dtable .num{text-align:right;font-variant-numeric:tabular-nums}.dtable tr.is-off td{color:var(--color-text-muted)}.kpis{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.kpi span{color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.kpi b{font-size:1.625rem}.kpi small{color:var(--color-text-muted)}.two-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:12px;display:grid}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login__card{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:400px;box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;gap:14px;padding:28px;display:flex}.login__logo{justify-content:center;display:flex}.login h1{text-align:center;margin:0;font-size:1.375rem}.kitchen{flex-direction:column;min-height:100dvh;display:flex}.kitchen .staff-banner{margin:8px 16px 0}.kitchen-bar{flex-wrap:wrap}.kitchen-bar__title{font-size:1.375rem}.kitchen-bar__clock{color:var(--color-text-muted);font-size:1.375rem;font-weight:700}.kitchen .btn--ghost{color:var(--color-text)}.kitchen .btn--secondary{background:var(--masago-navy-600);color:#fff;border-color:#0000}.kitchen .conn{background:var(--masago-navy-800);border-color:var(--color-border);color:var(--color-text)}.kitchen .sound-on{color:var(--color-text-muted)}.kcols{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;padding:16px;display:grid}@media (width<=1000px){.kcols{grid-template-columns:minmax(0,1fr)}}.kcol h2{text-transform:uppercase;letter-spacing:.06em;border-bottom:4px solid var(--sc);align-items:center;gap:10px;margin:0 0 12px;padding-bottom:8px;font-size:1.25rem;display:flex}.kcount{background:var(--color-surface-muted);border-radius:999px;padding:0 12px;font-size:1.125rem}.kempty{color:var(--color-text-muted);font-size:1.125rem}.kcard{background:var(--color-surface);border:2px solid var(--color-border);border-left:8px solid var(--sc);border-radius:14px;flex-direction:column;gap:10px;margin-bottom:14px;padding:16px;display:flex}.kcol.s-CONFIRMED .kcard{--sc:#60a5fa}.kcol.s-PREPARING .kcard{--sc:#fbbf24}.kcol.s-READY .kcard{--sc:#4ade80}.kcol.s-CONFIRMED{--sc:#60a5fa}.kcol.s-PREPARING{--sc:#fbbf24}.kcol.s-READY{--sc:#4ade80}.kcard--fresh{border-color:var(--masago-orange-500);box-shadow:0 0 0 3px var(--masago-orange-500)}.kcard__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.kcard__table{font-size:2rem;font-weight:900;line-height:1}.kcard__time{font-size:1.375rem;font-weight:800}.kcard__time.warn{color:#fbbf24}.kcard__time.late{color:#fca5a5}.kcard__no{color:var(--color-text-muted);margin-top:-6px;font-size:1rem}.kcard__items{flex-direction:column;gap:10px;margin:0;padding:0;font-size:1.375rem;line-height:1.25;list-style:none;display:flex}.kcard__items li{grid-template-columns:52px minmax(0,1fr);gap:6px;display:grid}.kq{color:var(--masago-orange-500);font-weight:900}.kopts{color:#cbd5e1;margin-top:2px;font-size:1.0625rem;display:block}.knote{color:#1f1600;background:#fde68a;border-radius:8px;margin-top:4px;padding:4px 10px;font-size:1.0625rem;font-weight:700;display:block}.knote--order{margin:0}.kbtn{min-height:60px;font-size:1.25rem}.kwait{color:var(--color-text-muted);margin:0;font-size:1.0625rem}.staff>*{min-width:0}.orders{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.tgrid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}@media (width<=800px){.staff{grid-template-columns:minmax(0,1fr)}.staff-nav{flex-flow:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.staff-nav__logo{padding:6px 10px}.staff-nav ul{scrollbar-width:none;flex-direction:row;flex:none;order:3;width:100%;min-width:0;max-width:100%;overflow-x:auto}.staff-nav__foot{flex-direction:row;align-items:center;gap:8px;margin-left:auto!important;display:flex!important}.staff-nav__foot>span{display:none}.staff-nav__logout{margin:0;padding:0 8px}.staff-main{padding:16px}.page-head h1{font-size:1.25rem}}.join-code{background:var(--masago-orange-100);border:1px solid #f7b98f;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.join-code--bad{background:#fdecea;border-color:#f0b4ab}.join-code__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.75rem;font-weight:700}.join-code__value{letter-spacing:.12em;color:var(--masago-navy-900);font-size:2rem;font-weight:900;line-height:1.1}.join-code__warn{color:#8f1d10}.join-code .btn{align-self:flex-start;margin-top:4px}.card-layout{grid-template-columns:minmax(0,420px) minmax(0,280px);align-items:start;gap:20px;display:grid}@media (width<=800px){.card-layout{grid-template-columns:minmax(0,1fr)}}.card-preview{box-shadow:var(--shadow-md);background:#fff;border-radius:12px;padding:8px}.card-preview img{aspect-ratio:105/148;width:100%;height:auto;display:block}.card-actions{flex-direction:column;gap:8px;display:flex}.card-actions hr{border:0;border-top:1px solid var(--color-border);width:100%;margin:4px 0}@media print{@page{size:105mm 148mm;margin:0}body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{box-shadow:none;border-radius:0;padding:0;position:fixed;inset:0}.print-area img{width:105mm;height:148mm}}.order-btns button{width:40px;height:40px}@media (width<=800px){.order-btns button{width:44px;height:44px}}:root{--masago-navy-900:#0c1a2f;--masago-navy-800:#132540;--masago-navy-600:#2a3d5e;--masago-navy-100:#e6eaf1;--masago-orange-600:#e2560c;--masago-orange-500:#fd691b;--masago-orange-100:#ffeadd;--lk-cream-50:#fdfaf2;--lk-cream-100:#f7f0de;--lk-cream-200:#ece2c8;--lk-olive-900:#2b3819;--lk-olive-700:#3e4f27;--lk-olive-500:#66773f;--lk-olive-100:#e8ecd9;--lk-lemon-500:#eab32c;--lk-lemon-300:#f5d273;--lk-lemon-100:#fbf0cf;--status-received:#2563eb;--status-preparing:#d97706;--status-ready:#15803d;--status-served:#64748b;--status-cancelled:#b91c1c;--color-danger:#b91c1c;--color-success:#15803d;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000000f, 0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--tap-min:44px;--container:1120px;--container-narrow:560px}.theme-masago{--color-bg:#f5f7fb;--color-surface:#fff;--color-surface-muted:var(--masago-navy-100);--color-text:var(--masago-navy-800);--color-text-muted:#55627a;--color-border:#d9dfe9;--color-primary:var(--masago-orange-500);--color-primary-hover:var(--masago-orange-600);--color-on-primary:var(--masago-navy-900);--color-accent:var(--masago-navy-800);--color-on-accent:#fff;--color-focus:var(--masago-orange-500);--font-heading:var(--font-sans)}.theme-kitchen{--color-bg:var(--masago-navy-900);--color-surface:var(--masago-navy-800);--color-surface-muted:var(--masago-navy-600);--color-text:#f3f5f9;--color-text-muted:#a9b5ca;--color-border:#2f4466;--color-primary:var(--masago-orange-500);--color-primary-hover:#ff8240;--color-on-primary:var(--masago-navy-900);--color-accent:#fff;--color-on-accent:var(--masago-navy-900);--color-focus:var(--masago-orange-500);--font-heading:var(--font-sans)}.theme-restaurant{--color-bg:var(--lk-cream-100);--color-surface:var(--lk-cream-50);--color-surface-muted:var(--lk-cream-200);--color-text:var(--lk-olive-900);--color-text-muted:#5d6648;--color-border:#dcd2b4;--color-primary:var(--lk-lemon-500);--color-primary-hover:var(--lk-lemon-300);--color-on-primary:var(--lk-olive-900);--color-accent:var(--lk-olive-700);--color-on-accent:var(--lk-cream-50);--color-focus:var(--lk-olive-700);--font-heading:var(--font-serif)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}#root{min-height:100dvh}.theme-masago,.theme-restaurant,.theme-kitchen{background:var(--color-bg);min-height:100dvh;color:var(--color-text)}h1,h2,h3,h4{font-family:var(--font-heading);margin:0 0 var(--space-3);line-height:1.2}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--space-3)}a{color:inherit}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container);padding:0 var(--space-4);margin:0 auto}.container-narrow{width:100%;max-width:var(--container-narrow);padding:0 var(--space-4);margin:0 auto}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.brand-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:100%;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--accent{background:var(--color-accent);color:var(--color-on-accent)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-muted)}.btn--ghost{color:var(--color-text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-muted)}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card--flat{box-shadow:none}.card__title{margin-bottom:var(--space-2)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.02em;background:var(--color-surface-muted);color:var(--color-text);white-space:nowrap;padding:2px 10px;font-weight:700;display:inline-flex}.badge--status{color:#fff}.badge--pending{background:#7c3aed}.badge--confirmed{background:var(--status-received)}.badge--preparing{background:var(--status-preparing)}.badge--ready{background:var(--status-ready)}.badge--served{background:var(--status-served)}.badge--cancelled{background:var(--status-cancelled)}.badge--done{color:#14532d;background:#dcfce7}.badge--partial{color:#78350f;background:#fef3c7}.badge--todo{color:#374151;background:#e5e7eb}.badge--later{color:#4c1d95;background:#ede9fe}.notice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px dashed var(--color-border);background:var(--color-surface-muted);font-size:var(--text-sm);display:flex}.notice--warn{color:#78350f;background:#fffbeb;border-color:#d97706}.notice--error{border-style:solid;border-color:var(--color-danger);color:#7f1d1d;background:#fef2f2}.dot{background:#9ca3af;border-radius:50%;width:10px;height:10px;display:inline-block}.dot--ok{background:var(--color-success);box-shadow:0 0 0 3px #15803d33}.dot--warn{background:#d97706}.dot--err{background:var(--color-danger)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center{padding:var(--space-8) var(--space-4);text-align:center;place-items:center;gap:var(--space-3);display:grid}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{font-weight:600;font-size:var(--text-sm)}.input{min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.input:disabled{background:var(--color-surface-muted)}.img-placeholder{aspect-ratio:4/3;background:repeating-linear-gradient(45deg, var(--color-surface-muted), var(--color-surface-muted) 10px, var(--color-surface) 10px, var(--color-surface) 20px);color:var(--color-text-muted);font-size:var(--text-xs);border-radius:var(--radius-md);place-items:center;display:grid}.staff{grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.staff-nav{background:var(--masago-navy-800);color:#fff;padding:var(--space-5) var(--space-4);gap:var(--space-5);flex-direction:column;display:flex}.staff-nav__logo{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:#fff;justify-content:center;display:flex}.staff-nav ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.staff-nav a{min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-sm);color:#d6deeb;align-items:center;font-weight:500;text-decoration:none;display:flex}.staff-nav a:hover{background:var(--masago-navy-600);color:#fff}.staff-nav a.active{background:var(--masago-orange-500);color:var(--masago-navy-900);font-weight:700}.staff-nav__foot{font-size:var(--text-xs);color:#a9b5ca;margin-top:auto}.staff-main{padding:var(--space-6);gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.staff-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=800px){.staff{grid-template-columns:1fr}.staff-nav{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.staff-nav ul{flex-direction:row;overflow-x:auto}.staff-nav a{white-space:nowrap}.staff-nav__foot{display:none}.staff-main{padding:var(--space-4)}}.kitchen-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.kitchen-bar__logo{border-radius:var(--radius-sm);background:#fff;padding:4px 10px;display:flex}.kitchen-cols{gap:var(--space-4);padding:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.kitchen-cols{grid-template-columns:1fr}}