:root{--brand: #F97316;--brand-600: #EA580C;--brand-700: #C2410C;--brand-200: #FED7AA;--brand-50: #FFF7ED;--slate-900: #0F172A;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--gray-200: #E5E7EB;--gray-100: #F1F5F9;--gray-50: #F8F9FA;--bg: #F9F9FA;--white: #FFFFFF;--success: #15803D;--success-bg: #DCFCE7;--danger: #B91C1C;--danger-bg: #FEE2E2;--info: #1D4ED8;--info-bg: #DBEAFE;--warning: #B45309;--warning-bg: #FEF3C7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-card: 12px;--radius-control: 10px;--radius-sheet: 16px;--radius-pill: 999px;--touch-min: 44px;--touch-critical: 52px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-display: 24px;--text-title-lg: 20px;--text-title-md: 18px;--text-body: 15px;--text-label: 13px;--text-caption: 14px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .06);--shadow-raised: 0 2px 12px rgba(15, 23, 42, .08);--shadow-sheet: 0 -8px 32px rgba(15, 23, 42, .16);--scrim: rgba(15, 23, 42, .4);--ease-standard: cubic-bezier(.2, .8, .2, 1);--duration-state: .12s;--duration-press: 80ms;--duration-sheet: .22s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--slate-900);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{min-height:100vh;min-height:100dvh}button,input{font-family:inherit}button{cursor:pointer}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-control);border:1px solid transparent;font-family:var(--font-sans);font-size:var(--text-body);font-weight:600;line-height:1;transition:background-color var(--duration-state) var(--ease-standard),transform var(--duration-press) var(--ease-standard),opacity var(--duration-state) var(--ease-standard);white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-full{width:100%}.btn-lg{height:var(--touch-critical);font-size:var(--text-title-md);border-radius:14px}.btn-primary{background:var(--brand);color:var(--white)}.btn-primary:active{background:var(--brand-600)}.btn-secondary{background:var(--gray-100);color:var(--slate-900)}.btn-secondary:active{background:var(--gray-200)}.btn-ghost{background:transparent;color:var(--slate-700);border-color:var(--gray-200)}.btn-ghost:active{background:var(--gray-50)}.btn-danger{background:var(--white);color:var(--danger);border-color:var(--danger-bg)}.btn-danger:active{background:var(--danger-bg)}.btn-danger-solid{background:var(--danger);color:var(--white)}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-page{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--brand)}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:600;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--gray-100);color:var(--slate-600)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);color:var(--slate-500)}.empty-state-icon{font-size:40px;line-height:1;margin-bottom:var(--space-2)}.empty-state-title{font-size:var(--text-title-md);font-weight:600;color:var(--slate-700)}.empty-state-desc{font-size:var(--text-caption);max-width:240px}.pinpad{width:100%}.pinpad-dots{display:flex;justify-content:center;gap:var(--space-3);margin:var(--space-6) 0}.pinpad-dot{width:12px;height:12px;border-radius:50%;border:0;background:var(--gray-200);transition:transform .16s var(--ease-standard),background-color .16s var(--ease-standard)}.pinpad-dot-filled{background:var(--brand);transform:scale(1.1)}.pinpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);max-width:320px;margin:0 auto}.pinpad-key{display:flex;align-items:center;justify-content:center;height:64px;border:1px solid var(--gray-200);border-radius:18px;background:var(--white);box-shadow:none;font-family:var(--font-sans);font-size:24px;font-weight:600;color:var(--slate-900);cursor:pointer;transition:transform .16s var(--ease-standard),background-color .16s var(--ease-standard),border-color .16s var(--ease-standard)}.pinpad-key:active{transform:scale(.97);background:var(--gray-50);border-color:var(--gray-200)}.pinpad-key-delete{background:var(--gray-50);color:var(--slate-600);font-size:22px}.pinpad-key-delete:active{background:var(--gray-100)}.pinpad-key-ghost{visibility:hidden;pointer-events:none;border-color:transparent;background:transparent;box-shadow:none}.appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:calc(56px + var(--safe-top));padding:var(--safe-top) var(--space-4) 0;background:var(--bg);border-bottom:1px solid var(--gray-200)}.appbar-title{font-size:var(--text-title-md);font-weight:700;color:var(--slate-900)}.appbar-sub{font-size:var(--text-caption);color:var(--slate-500);font-weight:400}.appbar-actions{display:flex;align-items:center;gap:var(--space-2)}.appbar-icon-btn{width:var(--touch-min);height:var(--touch-min);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:var(--gray-100);color:var(--slate-700);font-size:20px;font-weight:600}.appbar-icon-btn>svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.appbar-icon-btn:active{background:var(--gray-200)}.appbar-icon-btn:disabled{opacity:.5}.appbar-refresh-spin{display:inline-block;animation:appbar-refresh-spin .6s linear infinite}@keyframes appbar-refresh-spin{to{transform:rotate(360deg)}}.segment{display:flex;background:var(--gray-100);border-radius:var(--radius-control);padding:3px;gap:2px}.segment-btn{flex:1;height:38px;border:none;border-radius:8px;background:transparent;font-size:var(--text-label);font-weight:600;color:var(--slate-600);transition:background-color var(--duration-state) var(--ease-standard),color var(--duration-state) var(--ease-standard)}.segment-btn-active{background:var(--white);color:var(--slate-900);box-shadow:var(--shadow-card)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:40;animation:fadeIn var(--duration-sheet) var(--ease-standard)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--white);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + var(--safe-bottom));box-shadow:var(--shadow-sheet);animation:slideUp var(--duration-sheet) var(--ease-standard);max-height:80vh;overflow-y:auto}.sheet-title{font-size:var(--text-title-md);font-weight:700;margin:0 0 var(--space-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field-label{font-size:var(--text-label);font-weight:600;color:var(--slate-600)}.field-input,.field-textarea{height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-control);border:1.5px solid var(--gray-200);background:var(--white);font-size:var(--text-body);color:var(--slate-900);font-family:var(--font-sans);transition:border-color var(--duration-state) var(--ease-standard)}.field-input:focus,.field-textarea:focus{outline:none;border-color:var(--brand)}.field-textarea{height:auto;min-height:90px;padding:var(--space-3) var(--space-4);resize:vertical}.reason-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.reason-chip{padding:10px 14px;border-radius:999px;border:1.5px solid var(--gray-200);background:var(--white);color:var(--slate-700);font-size:var(--text-caption);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:border-color var(--duration-state) var(--ease-standard),background var(--duration-state) var(--ease-standard),color var(--duration-state) var(--ease-standard)}.reason-chip--active{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.banner{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font-size:var(--text-caption);margin:0 var(--space-4) var(--space-3)}.banner-warning{background:var(--warning-bg);color:var(--warning)}.banner-danger{background:var(--danger-bg);color:var(--danger)}.select{position:relative;min-width:0;min-height:52px;z-index:5}.select--open{z-index:20}.select__trigger{display:flex;align-items:center;width:100%;min-height:52px;padding:var(--space-2) var(--space-3);box-sizing:border-box;border:1px solid var(--gray-200);border-radius:var(--radius-control);background:var(--white);box-shadow:var(--shadow-card);color:var(--slate-900);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.select--open .select__trigger{border-color:var(--brand);background:var(--brand-50);box-shadow:0 0 0 3px #f9731617}.select__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px}.select__caption{color:var(--slate-500);font-size:12px;font-weight:500}.select__value{overflow:hidden;min-width:0;color:var(--slate-900);font-size:var(--text-caption);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.select__chevron{margin-left:var(--space-2);color:var(--slate-400);font-size:20px;line-height:1;transition:transform .2s ease}.select--open .select__chevron{transform:rotate(180deg)}.select__menu{position:absolute;top:calc(100% + 8px);right:0;width:100%;min-width:190px;padding:7px;box-sizing:border-box;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:#fffffffa;box-shadow:0 18px 40px #0f172a24,0 4px 12px #0f172a12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:top right;animation:select-menu-in .22s cubic-bezier(.22,1,.36,1)}.select__option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:0 var(--space-3);border:0;border-radius:12px;background:transparent;color:var(--slate-700);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.select__option:active{background:var(--gray-100)}.select__option--active{background:var(--brand-50);color:var(--brand-600)}.select__check{width:20px;color:var(--brand);font-weight:800;text-align:right}@keyframes select-menu-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.splash-logo{width:120px;height:120px;object-fit:contain}.login-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--space-6) + var(--safe-bottom));background:var(--bg)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.login-brand-mark{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(234,88,12,.2))}.login-brand-title{font-size:var(--text-title-lg);font-weight:700;color:var(--slate-900)}.login-brand-sub{font-size:var(--text-caption);color:var(--slate-500)}.login-form{width:100%;max-width:360px;margin:0 auto}.login-pin-label{text-align:center;font-size:var(--text-caption);color:var(--slate-500);margin-bottom:var(--space-2)}.login-switch-user{display:block;margin:var(--space-4) auto 0;background:none;border:none;color:var(--brand-600);font-size:var(--text-caption);font-weight:600;height:var(--touch-min);padding:0 var(--space-2)}.login-error{text-align:center;color:var(--danger);font-size:var(--text-caption);font-weight:500;margin:0 0 var(--space-3);min-height:18px}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.screen-body{flex:1;padding-bottom:calc(var(--space-6) + var(--safe-bottom))}.list-toolbar{padding:var(--space-4)}.history-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.history-filter-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:52px;padding:var(--space-2) var(--space-3);box-sizing:border-box;border:1px solid var(--gray-200);border-radius:var(--radius-control);background:var(--white);text-align:left;font-family:var(--font-sans);box-shadow:var(--shadow-card)}.history-filter-trigger--active{border-color:var(--brand);background:var(--brand-50)}.history-filter-trigger__icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--gray-100);color:var(--slate-600);font-size:17px}.history-filter-trigger--active .history-filter-trigger__icon{background:var(--white);color:var(--brand-600)}.history-filter-trigger__content{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px}.history-filter-trigger__caption{color:var(--slate-500);font-size:12px;font-weight:500}.history-filter-trigger__value{overflow:hidden;color:var(--slate-900);font-size:var(--text-caption);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.history-filter-trigger__chevron{color:var(--slate-400);font-size:24px}.history-filter-options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.history-filter-option{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:0 var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-control);background:var(--white);color:var(--slate-700);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:600;text-align:left}.history-filter-option--active{border-color:var(--brand);background:var(--brand-50);color:var(--brand-600)}.history-filter-option__icon{width:20px;color:var(--slate-400);text-align:center}.history-filter-option--active .history-filter-option__icon{color:var(--brand)}.history-filter-option__check{width:20px;margin-left:auto;color:var(--brand);font-weight:700;text-align:center}.history-filter-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3);margin:calc(var(--space-2) * -1) 0 var(--space-4);border-radius:var(--radius-control);background:var(--gray-50)}.history-filter-date{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.history-filter-date span{color:var(--slate-500);font-size:12px;font-weight:600}.history-filter-date input{width:100%;height:var(--touch-min);box-sizing:border-box;padding:0 var(--space-2);border:1px solid var(--gray-200);border-radius:8px;background:var(--white);color:var(--slate-900);font-family:var(--font-sans);font-size:13px}.history-filter-date input:focus{outline:none;border-color:var(--brand)}.history-filter-error{grid-column:1 / -1;margin:0;color:var(--danger);font-size:12px}.history-filter-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:var(--space-2)}@media (min-width: 640px){.history-filter-trigger{max-width:360px}.history-filter-row{max-width:728px}.history-filter-row .history-filter-trigger{max-width:none}}.order-list{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.order-card{display:flex;align-items:center;gap:var(--space-4);background:var(--white);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--shadow-card);border:2px solid var(--gray-200);width:100%;text-align:left;cursor:pointer;transition:transform var(--duration-press) var(--ease-standard)}.order-card:active{transform:scale(.985);border-color:var(--slate-400)}.order-card-table{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0;border-radius:14px;background:var(--brand-50);color:var(--brand-600)}.order-card-table-no{font-size:var(--text-title-lg);font-weight:700;line-height:1.1}.order-card-table-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.order-card-main{flex:1;min-width:0}.order-card-branch{font-size:var(--text-caption);color:var(--slate-500);margin-bottom:2px}.order-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--slate-600);margin-top:var(--space-1)}.order-card-amount{font-weight:700;color:var(--slate-900)}.order-card-time{font-size:12px;color:var(--slate-400);white-space:nowrap}.order-card--sending{border:2px solid var(--brand-200)}.order-card--failed{border:2px solid #f97316;box-shadow:0 0 0 1px #f9731626}.order-card-badges{display:flex;align-items:center;gap:var(--space-2)}.order-card-gateway{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.order-card-gateway--sending{background:var(--brand-50);color:var(--brand-700)}.order-card-gateway--failed{background:#fff7ed;color:#c2410c}.order-card-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--brand-200);border-top-color:var(--brand-600);border-radius:50%;animation:order-card-spin .7s linear infinite}@keyframes order-card-spin{to{transform:rotate(360deg)}}.order-card-retry{margin-top:var(--space-2);padding:4px 10px;font-size:12px;font-weight:600;color:#c2410c;background:#fff7ed;border:1px solid #fdba74;border-radius:8px;cursor:pointer}.order-card-retry:disabled{opacity:.6;cursor:not-allowed}.order-card-actions{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.order-card-action{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:none;font-size:20px;font-weight:700;line-height:1;cursor:pointer;transition:opacity var(--duration-press) var(--ease-standard)}.order-card-action:disabled{opacity:.5;cursor:not-allowed}.order-card-action--approve{background:#dcfce7;color:#15803d}.order-card-action--reject{background:#fee2e2;color:#b91c1c}.detail-header{padding:var(--space-4);background:var(--white);border-bottom:1px solid var(--gray-200)}.detail-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.detail-table-no{font-size:var(--text-display);font-weight:700;color:var(--slate-900)}.detail-meta{font-size:var(--text-caption);color:var(--slate-500)}.detail-items-region{position:relative;min-height:120px}.detail-items-region--refreshing .item-list{opacity:.45;pointer-events:none}.detail-items-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-2);color:var(--slate-600);font-size:var(--text-caption);font-weight:600}.detail-items-loading .spinner-page{width:26px;height:26px}.item-list{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-4)}.item-card{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--gray-200);border-radius:10px;padding:var(--space-2) var(--space-3);box-shadow:none}.item-card-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-1)}.item-card-name{font-weight:600;color:var(--slate-900);font-size:13px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-card-qty{flex-shrink:0;background:var(--gray-100);color:var(--slate-700);font-weight:700;font-size:11px;border-radius:var(--radius-pill);padding:1px var(--space-2)}.item-card-portion{display:inline-block;align-self:flex-start;margin-top:var(--space-1);font-size:11px;font-weight:600;color:var(--brand-600);background:var(--brand-50);border-radius:var(--radius-pill);padding:1px var(--space-2)}.item-card-ingredients{margin-top:var(--space-1);font-size:11px;color:var(--slate-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card-price{margin-top:auto;padding-top:var(--space-2);text-align:right;font-weight:700;color:var(--slate-900);font-size:13px}.detail-total-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--white);border-top:1px solid var(--gray-200);font-size:var(--text-title-md);font-weight:700}.detail-bottom-dock{position:sticky;z-index:20;bottom:0;margin-top:auto;background:var(--bg);box-shadow:0 -4px 12px #0f172a0f}.action-bar{display:flex;gap:var(--space-3);padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-bottom));background:var(--bg);border-top:1px solid var(--gray-200)}.action-bar .btn{flex:1}.qty-stepper{display:flex;align-items:center;gap:6px}.qty-stepper-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:none;background:var(--gray-100);color:var(--slate-700);font-size:14px;font-weight:700;line-height:1}.qty-stepper-btn:disabled{opacity:.5}.qty-stepper-value{min-width:16px;text-align:center;font-weight:700;font-size:12px;color:var(--slate-900)}.item-card-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:none;background:var(--danger-bg);color:var(--danger);font-size:12px;flex-shrink:0}.item-card-remove:disabled{opacity:.5}.item-card-actions-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px dashed var(--gray-200)}.add-item-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:100%;border:1.5px dashed var(--brand-200);border-radius:10px;background:var(--brand-50);color:var(--brand-600);font-weight:700;font-size:12px}.add-item-card:active{background:var(--brand-200)}.add-item-card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--white);font-size:18px;line-height:1;box-shadow:inset 0 0 0 1.5px var(--brand-200)}.appbar-done-btn{height:36px;padding:0 var(--space-4);font-size:var(--text-caption)}.catalog-search-wrap{padding:var(--space-4) var(--space-4) 0}.catalog-search-input{width:100%}.catalog-chip-row{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.catalog-chip-row::-webkit-scrollbar{display:none}.catalog-chip{flex-shrink:0;height:34px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1.5px solid var(--gray-200);background:var(--white);color:var(--slate-600);font-size:13px;font-weight:600;white-space:nowrap}.catalog-chip-active{border-color:var(--brand);background:var(--brand-50);color:var(--brand-600)}.catalog-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4)}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-4);background:var(--white);border-radius:var(--radius-control);box-shadow:var(--shadow-card)}.catalog-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.catalog-row-name{font-weight:600;font-size:var(--text-caption);color:var(--slate-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-row-price{font-size:12px;color:var(--slate-500);font-weight:600}.catalog-add-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;border:none;background:var(--brand-50);color:var(--brand-600);font-size:20px;font-weight:700;line-height:1}.catalog-add-btn:disabled{opacity:.7}.catalog-add-btn--done{background:var(--success-bg);color:var(--success)}.catalog-portion-list{display:flex;flex-direction:column;gap:var(--space-2)}.catalog-portion-option{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-control);border:1.5px solid var(--gray-200);background:var(--white);font-size:var(--text-caption);font-weight:600;color:var(--slate-900)}.catalog-portion-option:active{border-color:var(--brand);background:var(--brand-50)}.catalog-portion-price{color:var(--slate-500);font-weight:600}