*{box-sizing:border-box}:root{--navbar-height:58px;--app-navbar-offset:calc(var(--navbar-height) + env(safe-area-inset-top));--sidebar-width:240px;--brand-primary:#b3261e;--brand-primary-hover:#8f1e18;--brand-primary-active:#6e1713;--brand-primary-light:#fbeae8;--brand-accent:#d97706;--color-bg:#faf7f2;--color-surface:#fff;--color-surface-elevated:#f8f4f0;--color-text-primary:#2a2321;--color-text-secondary:#7a716f;--color-text-muted:#a89c95;--color-border:#eee1db;--color-border-focus:#b3261e;--border-radius-base:10px;--focus-ring:rgba(179,38,30,.08);--color-success:#12805c;--color-warning:#d97706;--color-danger:#d92d20;--color-info:#1976d2;--sys-control-height:38px;--sys-button-height:38px;--sys-input-radius:10px;--sys-card-radius:10px;--sys-table-row-height:42px;--sys-sidebar-bg:#fff;--sys-sidebar-text:#2a2321;--sys-topbar-bg:#b3261e;--sys-topbar-text:#fff;--posm-control-height:44px;--posm-icon-control:44px;--posm-radius-control:12px;--posm-radius-sheet:18px}body.sidebar-collapsed{--sidebar-width:68px}.help-tip-wrap{position:relative;display:inline-flex;vertical-align:middle;margin-left:6px}.help-tip-button{border:1px solid #cbbeb8;border-radius:50%;background:#fff;color:#6b5b54;font-size:13px;font-weight:800;line-height:20px}.help-tip-button:focus-visible,.help-tip-button:hover{border-color:var(--brand,#b3261e);color:var(--brand,#b3261e);outline:none}.help-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#81756f;cursor:pointer;transition:color .15s ease,transform .15s ease}.help-tooltip-trigger:focus-visible,.help-tooltip-trigger:hover,.help-tooltip-trigger[aria-expanded=true]{background:transparent;color:var(--brand-primary);outline:none;transform:scale(1.06)}.help-tip-popover{position:absolute;z-index:400;top:calc(100% + 8px);left:0;width:min(320px,calc(100vw - 40px));padding:11px 13px;border:1px solid #eadbd5;border-radius:12px;background:#fffdfb;color:#3c332f;box-shadow:0 12px 32px rgba(48,36,31,.16);font-size:13px;font-weight:500;line-height:1.55;text-align:left;white-space:normal}@media (max-width:639px){.help-tip-popover{position:fixed;left:16px;right:16px;top:auto;bottom:calc(18px + env(safe-area-inset-bottom));width:auto;font-size:15px}}.production-page{display:grid;grid-gap:18px;gap:18px}.production-explainer{padding:14px 16px;border:1px solid #eadbd5;border-radius:14px;background:#fff9f6;line-height:1.6}.production-form{display:grid;grid-gap:14px;gap:14px;padding:18px;border:1px solid var(--border,#e4ddda);border-radius:16px;background:#fff}.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.production-field{display:grid;grid-gap:6px;gap:6px}.production-field label{font-size:13px;font-weight:750;color:#4c413c}.production-field :is(select,.native-select-trigger),.production-field input,.production-field textarea{width:100%;min-height:42px}.production-input-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 42px;grid-gap:8px;gap:8px;align-items:end}.production-history{display:grid;grid-gap:10px;gap:10px}.production-card{padding:14px;border:1px solid var(--border,#e4ddda);border-radius:14px;background:#fff}.production-card summary{cursor:pointer;font-weight:800}.production-input-summary{margin:10px 0 0;padding-left:20px;color:#61534d}.stock-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stock-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.dashboard-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #eee7e3}.dashboard-list-row>span{display:grid;grid-gap:2px;gap:2px}.dashboard-list-row small{color:#766861}@media (max-width:760px){.production-grid{grid-template-columns:1fr}.production-input-row{grid-template-columns:minmax(0,1fr) 100px 40px}.production-form{padding:14px}.stock-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-dashboard-grid{grid-template-columns:1fr}}html{overscroll-behavior-y:none;height:100%}body,html{background:var(--color-bg,#faf7f2)}body{margin:0;min-height:100dvh;font-family:-apple-system,Segoe UI,Roboto,Noto Sans Thai,sans-serif;color:var(--color-text-primary,#2a2321)}.po-test-page{display:grid;grid-gap:18px;gap:18px;max-width:1180px;margin:0 auto;padding-bottom:32px}.purchase-overview-page{display:grid;grid-gap:26px;gap:26px;max-width:1240px;margin:0 auto;padding-bottom:36px}.purchase-hero{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(520px,1.2fr);align-items:flex-end;grid-gap:32px;gap:32px;padding:28px;border:1px solid #eadbd5;border-radius:18px;background:linear-gradient(135deg,#fff,#fff 64%,#fff5f2);box-shadow:0 8px 30px rgb(62 38 31/5%)}.purchase-eyebrow{display:block;margin-bottom:9px;color:var(--brand-primary);font-size:12px;font-weight:800;letter-spacing:.12em}.purchase-hero h2{margin:0;font-size:clamp(28px,4vw,38px);line-height:1.2}.purchase-hero p{max-width:540px;margin:12px 0 0;color:#71645f;font-size:15px;line-height:1.65}.purchase-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.purchase-action{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 15px;border:1px solid #e8dcd6;border-radius:12px;color:#342b28;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.purchase-action:hover{transform:translateY(-1px);border-color:#cdbbb3;box-shadow:0 7px 20px rgb(62 38 31/8%)}.purchase-action>svg{flex:0 0 auto}.purchase-action span{display:grid;grid-gap:1px;gap:1px}.purchase-action strong{font-size:15px}.purchase-action small{color:#81756f;font-size:12px}.purchase-action-primary{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}.purchase-action-primary small{color:#f8deda}.purchase-action-warning{border-color:#e5a33c;background:#fff8ea;color:#87520a}.purchase-error{padding:12px 14px;border:1px solid #ffc9c5;border-radius:10px;background:#fff1f0;color:#a3221b}.purchase-section{display:grid;grid-gap:14px;gap:14px}.purchase-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.purchase-section-title h3{margin:0;font-size:19px}.purchase-section-title p{margin:4px 0 0;color:#81756f;font-size:13px}.purchase-activity-header>a,.purchase-section-title>a{display:inline-flex;align-items:center;gap:5px;color:var(--brand-primary);font-size:13px;font-weight:700;text-decoration:none}.purchase-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.purchase-metric{--metric:#b3261e;display:grid;min-height:180px;padding:20px;border:1px solid #eadfd9;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgb(62 38 31/4%)}.purchase-metric-amber{--metric:#b56a00}.purchase-metric-blue{--metric:#2366b1}.purchase-metric-red{--metric:#c43631}.purchase-metric-green{--metric:#14815d}.purchase-metric-purple{--metric:#7750a8}.purchase-metric-cyan{--metric:#087f8d}.purchase-metric-top{display:flex;align-items:center;gap:10px}.purchase-metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--metric) 10%,#fff);color:var(--metric)}.purchase-metric-label{display:flex;align-items:center;color:#665b56;font-size:14px;font-weight:700}.purchase-metric-value{align-self:center;color:#241d1b;font-size:clamp(26px,3vw,34px);line-height:1}.purchase-card-link{display:inline-flex;align-items:center;gap:6px;align-self:end;width:max-content;color:var(--metric);font-size:13px;font-weight:750;text-decoration:none}.purchase-loading-line{display:block;width:92px;height:26px;border-radius:6px;background:#eee7e3;animation:pulse 1.2s infinite alternate}.purchase-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.purchase-activity-card{overflow:hidden;border:1px solid #eadfd9;border-radius:15px;background:#fff}.purchase-activity-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid #eee5e1}.purchase-activity-header h3{display:flex;align-items:center;margin:0;font-size:17px}.purchase-activity-header p{margin:4px 0 0;color:#81756f;font-size:12.5px}.purchase-activity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-bottom:1px solid #f0e9e5}.purchase-activity-row:last-child{border-bottom:0}.purchase-activity-row>div{display:grid;grid-gap:3px;gap:3px}.purchase-activity-row>div:last-child{text-align:right}.purchase-activity-row small,.purchase-activity-row span{color:#756a65;font-size:12px}.purchase-status{justify-self:end;padding:3px 8px;border-radius:99px;font-weight:700}.purchase-status.active{background:#edf4ff;color:#2366b1}.purchase-status.complete{background:#e9f8f2;color:#14815d}.purchase-empty{display:grid;place-items:center;grid-gap:5px;gap:5px;min-height:170px;padding:28px;color:#948781;text-align:center}.purchase-empty strong{color:#514641}.purchase-empty span{font-size:13px}.purchase-list-loading{display:grid;grid-gap:12px;gap:12px;padding:20px}.purchase-list-loading span{height:50px;border-radius:8px;background:#f1ece9;animation:pulse 1.2s infinite alternate}@keyframes pulse{to{opacity:.5}}@media(max-width:900px){.purchase-hero{grid-template-columns:1fr}.purchase-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-activity-grid{grid-template-columns:1fr}}@media(max-width:600px){.purchase-overview-page{gap:22px}.purchase-hero{margin-inline:-2px;padding:20px 16px;border-radius:14px}.purchase-hero h2{font-size:30px}.purchase-primary-actions{grid-template-columns:1fr 1fr}.purchase-action{min-height:62px;padding:10px}.purchase-action strong{font-size:14px}.purchase-action small{font-size:11px}.purchase-metric-grid{grid-template-columns:1fr}.purchase-metric{min-height:150px;padding:17px}.purchase-metric-value{font-size:30px}.purchase-section-title{align-items:flex-start}.purchase-section-title>a{max-width:130px;text-align:right}.purchase-activity-header{padding:16px}.purchase-activity-row{padding:13px 16px}}.po-section-heading,.po-test-actions,.po-test-header{display:flex;justify-content:space-between;align-items:center;gap:14px}.po-test-header h2{margin:0 0 5px;font-size:28px}.po-test-number{color:var(--brand-primary);font-weight:750}.po-test-number span{margin-left:8px;padding:3px 10px;border-radius:99px;background:var(--brand-primary-light);font-size:13px}.po-test-notice{padding:10px 14px;border:1px solid #f1c27d;border-radius:10px;background:#fff8e8;color:#7c4a03;font-size:14px}.po-state-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.po-state-grid>div{display:grid;grid-gap:5px;gap:5px;padding:14px 16px;border:1px solid var(--color-border);border-radius:10px;background:#fff}.po-state-grid small{color:var(--color-text-secondary)}.po-state-grid strong{font-size:16px}.po-test-card{padding:22px 24px;border:1px solid var(--color-border);border-radius:12px;background:#fff}.po-test-card h3{margin:0 0 18px;font-size:19px}.po-test-card h3 span{margin-right:8px;color:var(--brand-primary)}.po-form-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.po-test-card label{display:grid;grid-gap:7px;gap:7px}.po-test-card label>span{color:#685c57;font-size:13px;font-weight:700}.po-test-card :is(select,.native-select-trigger),.po-test-card input,.po-test-card textarea{width:100%}.po-section-heading h3{margin-bottom:12px}.po-section-heading small{color:var(--color-text-secondary)}.po-table-wrap{overflow-x:auto}.po-item-table{width:100%;min-width:900px;border-collapse:collapse}.po-item-table th{padding:10px;background:#f8f4f0;color:#675b55;font-size:13px;text-align:left}.po-item-table td{padding:12px 10px;border-bottom:1px solid var(--color-border);vertical-align:middle}.po-item-table td:first-child{min-width:210px}.po-item-table td small{display:block;margin-top:3px;color:var(--color-text-secondary);font-size:12px}.po-item-table input{min-width:76px;height:36px;padding:6px 8px}.po-money{white-space:nowrap;font-weight:750}.po-remove{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-danger);font-size:22px}.po-remove:hover{background:#fff0ef}.po-add-row{display:flex;align-items:center;gap:16px;margin-top:14px}.po-add-row :is(select,.native-select-trigger){width:220px}.po-add-row span{color:var(--color-text-secondary);font-size:13px}.po-bottom-grid{display:grid;grid-template-columns:1.25fr .85fr;grid-gap:18px;gap:18px}.po-bottom-grid .po-test-card{display:grid;grid-gap:14px;gap:14px}.po-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.po-summary>div input{width:130px;text-align:right}.po-total{margin-top:4px;padding-top:14px;border-top:1px solid var(--color-border)}.po-total strong{color:var(--brand-primary);font-size:22px}.po-test-actions{position:-webkit-sticky;position:sticky;bottom:10px;z-index:5;padding:12px 14px;border:1px solid var(--color-border);border-radius:12px;background:hsla(0,0%,100%,.94);box-shadow:0 10px 32px rgba(61,42,35,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.po-test-actions>div{display:flex;gap:10px}.po-test-actions a{text-decoration:none}.po-test-toast{position:fixed;right:24px;bottom:24px;z-index:210;padding:13px 18px;border-radius:10px;background:#153f32;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18)}.po-preview-backdrop{position:fixed;inset:0;z-index:250;display:grid;place-items:start center;overflow:auto;padding:30px 16px;background:rgba(30,23,21,.55)}.po-preview-sheet{position:relative;width:min(820px,100%);min-height:900px;padding:52px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.25)}.po-preview-close{position:absolute;top:14px;right:14px;width:36px;height:36px;padding:0;border-radius:50%;background:#f3eeeb;color:#463c38;font-size:24px}.po-preview-meta,.po-preview-title{display:flex;justify-content:space-between;gap:28px}.po-preview-title{padding-bottom:24px;border-bottom:3px solid var(--brand-primary)}.po-preview-title strong{color:var(--brand-primary);font-size:28px}.po-preview-meta small,.po-preview-sheet td small,.po-preview-title small{display:block;color:#7a716f}.po-preview-title h2{margin:0}.po-preview-meta{margin:24px 0}.po-preview-meta>div{display:grid;grid-gap:5px;gap:5px}.po-preview-sheet table{width:100%;border-collapse:collapse}.po-preview-sheet td,.po-preview-sheet th{padding:11px;border-bottom:1px solid #ddd;text-align:left}.po-preview-sheet th{background:#f8f4f0}.po-preview-total{margin:18px 0;text-align:right;font-size:17px}.po-preview-total strong{margin-left:18px;color:var(--brand-primary);font-size:22px}@media (max-width:820px){.po-bottom-grid,.po-form-grid,.po-state-grid{grid-template-columns:1fr}.po-test-card{padding:16px}.po-test-header{align-items:flex-start}.po-add-row,.po-test-actions{align-items:stretch;flex-direction:column}.po-add-row :is(select,.native-select-trigger){width:100%}.po-test-actions>div{display:grid;grid-template-columns:1fr}.po-preview-sheet{padding:34px 20px}.po-preview-meta,.po-preview-title{flex-direction:column}}@media print{body *{visibility:hidden}.po-preview-sheet,.po-preview-sheet *{visibility:visible}.po-preview-sheet{position:absolute;inset:0;width:100%;box-shadow:none}.po-preview-close,.po-preview-sheet>button{display:none}}.navbar{display:flex;align-items:center;justify-content:space-between;height:var(--navbar-height);padding:env(safe-area-inset-top) 20px 0;height:var(--app-navbar-offset);background:var(--sys-topbar-bg,var(--brand-primary,#b3261e));color:var(--sys-topbar-text,#fff);position:fixed;top:0;left:0;right:0;z-index:200;transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1)}.navbar-left{min-width:0}.navbar-left,.navbar-right{display:flex;align-items:center;gap:10px}.navbar-right{flex-shrink:0}.brand{font-weight:700;font-size:18px;display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0}.brand-text{min-width:0}.brand-text,.topbar-breadcrumbs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-breadcrumbs{font-size:14px;color:hsla(0,0%,100%,.85);margin-left:6px}.breadcrumb-segment,.topbar-breadcrumbs{display:flex;align-items:center;gap:6px}.breadcrumb-separator{color:hsla(0,0%,100%,.5);font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-link{color:hsla(0,0%,100%,.85);text-decoration:none;transition:color .15s ease;font-weight:500}.breadcrumb-link:hover{color:#fff;text-decoration:underline}.breadcrumb-current{color:#fff}@media (max-width:640px){.topbar-breadcrumbs{display:none}}.hamburger{background:none;border:none;color:#fff;cursor:pointer;line-height:1;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.hamburger:hover{background:hsla(0,0%,100%,.18)}.logout{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.4);color:#fff;padding:6px 14px;border-radius:6px;font-size:14px;cursor:pointer}.logout:hover{background:hsla(0,0%,100%,.25)}.notif-bell-btn,.notif-wrapper{position:relative;display:flex;align-items:center}.notif-bell-btn{background:transparent;border:none;color:#fff;width:36px;height:36px;border-radius:10px;padding:0;justify-content:center;cursor:pointer;transition:background .15s ease}.notif-bell-btn.active,.notif-bell-btn:hover{background:hsla(0,0%,100%,.14)}.notif-badge{top:-4px;right:-4px;color:#b3261e;font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:999px;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}.notif-badge,.notif-popover{position:absolute;background:#fff;display:flex}.notif-popover{top:calc(100% + 12px);right:-10px;width:330px;max-width:calc(100vw - 32px);border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.2);border:1px solid #eee1db;z-index:260;animation:cardDeal .2s cubic-bezier(.22,1,.36,1) backwards;flex-direction:column}.notif-popover-arrow{position:absolute;top:-7px;right:20px;width:14px;height:14px;background:#fff;border-left:1px solid #eee1db;border-top:1px solid #eee1db;transform:rotate(45deg);z-index:1}.notif-popover-header{padding:14px 16px 12px;border-bottom:1px solid #f0e8e3;position:relative;z-index:2}.notif-popover-title-row{display:flex;align-items:center;justify-content:space-between}.notif-popover-title{font-size:15px;font-weight:700;color:#2a2321}.notif-count-pill{background:#fbeae8;color:#b3261e;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.notif-popover-body{max-height:320px;overflow-y:auto}.notif-empty-state{align-items:center;justify-content:center;padding:32px 16px;color:#8a7e78;gap:8px;font-size:13.5px}.notif-empty-state,.notif-item,.notif-list{display:flex;flex-direction:column}.notif-item{padding:12px 16px;border-bottom:1px solid #f8f3f0;transition:background .15s ease;gap:3px}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#faf6f3}.notif-item.unread{background:#fffaf9}.notif-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-type-tag{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:4px}.notif-time{font-size:11px;color:#a89c95}.notif-title{font-size:13px;font-weight:600;color:#2a2321;line-height:1.3}.notif-detail{font-size:12px;color:#6b5f58}.notif-popover-footer{padding:10px 16px;border-top:1px solid #f0e8e3;text-align:center;background:#faf7f4;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.notif-view-all-link{font-size:13px;font-weight:600;color:#b3261e;text-decoration:none}.notif-view-all-link:hover{text-decoration:underline}.topbar-branch-selector{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25);border-radius:14px;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease}.topbar-branch-selector:focus-within,.topbar-branch-selector:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.45)}.topbar-branch-wrapper{position:relative;display:flex;align-items:center}.topbar-branch-trigger{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25);border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease}.topbar-branch-trigger:hover,.topbar-branch-trigger[aria-expanded=true]{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.45)}.topbar-branch-trigger-name{font-size:13px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-branch-dropdown{position:absolute;top:calc(100% + 8px);right:0;left:auto;min-width:220px;max-width:calc(100vw - 20px);background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid #eee1db;padding:6px;z-index:250;animation:cardDeal .2s cubic-bezier(.22,1,.36,1) backwards;display:flex;flex-direction:column;gap:2px}.topbar-branch-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:8px;background:transparent;border:none;text-align:left;font-size:13.5px;font-weight:600;color:#2a2321;cursor:pointer;font-family:inherit;transition:background .15s ease}.topbar-branch-option:hover{background:#f8f2ef}.topbar-branch-option.active{color:#b3261e}.topbar-branch-option svg{flex-shrink:0;color:#b3261e}.topbar-branch-option-divider{height:1px;background:#f0e8e3;margin:4px 6px}@media (max-width:640px){.topbar-branch-trigger-name{max-width:110px}}@media (max-width:560px){.topbar-branch-trigger{padding:0 8px;gap:6px}.topbar-branch-trigger-name{max-width:80px;font-size:12px}.topbar-branch-badge,.topbar-branch-selector{padding:0 8px}}@media (max-width:420px){.navbar-right{gap:6px}.topbar-branch-trigger{padding:0 6px;gap:4px}.topbar-branch-trigger-name{max-width:68px;font-size:11.5px}}.topbar-profile-wrapper{position:relative;display:flex;align-items:center}.topbar-profile-trigger{display:flex;align-items:center;gap:10px;height:40px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25);padding:0 10px 0 5px;border-radius:14px;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease;font-family:inherit}.topbar-profile-trigger:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.45)}.topbar-profile-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#fff;color:#b3261e;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-profile-avatar img{width:100%;height:100%;object-fit:cover}.topbar-profile-avatar.large{width:44px;height:44px;font-size:18px;background:#f4ede9}.topbar-profile-info{display:flex;align-items:center;gap:8px;text-align:left}.topbar-profile-name{font-size:13.5px;font-weight:600;color:#fff;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-profile-badge{background:#fff;color:#b3261e;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap}.topbar-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid #eee1db;padding:14px;z-index:250;animation:cardDeal .2s cubic-bezier(.22,1,.36,1) backwards;display:flex;flex-direction:column}.topbar-profile-dropdown-header{display:flex;align-items:center;gap:12px}.topbar-profile-dropdown-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.topbar-profile-dropdown-name{font-size:14.5px;font-weight:700;color:#2a2321;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-profile-dropdown-meta .topbar-profile-badge{background:#b3261e;color:#fff;width:-moz-fit-content;width:fit-content}.topbar-profile-dropdown-divider{height:1px;background:#f0e8e3;margin:12px 0 10px}.topbar-profile-dropdown-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#fbeae8;color:#b3261e;border:1px solid #f6d3ce;border-radius:8px;padding:10px 14px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.topbar-profile-dropdown-logout:hover{background:#b3261e;color:#fff}@media (max-width:560px){.topbar-profile-info{display:none}.topbar-profile-trigger{padding:3px}}.login-pin-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;z-index:1}.login-pin-pad,.login-pin-pad button{position:relative;pointer-events:auto}.login-pin-pad button{min-height:52px;font-size:19px;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.login-success-card{width:min(360px,calc(100vw - 32px));padding:24px;border-radius:18px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.22);display:flex;flex-direction:column;align-items:center;gap:16px}.login-stage-list{width:100%;display:grid;grid-gap:6px;gap:6px;font-size:13px;color:#999}.login-stage-list span.active{color:var(--brand);font-weight:700}.login-stage-list span.done{color:#12805c}.login-profile-fallback,.login-profile-photo{width:82px;height:82px;border-radius:50%;object-fit:cover}.login-profile-fallback{display:grid;place-items:center;background:#f3e8e4;color:var(--brand);font-size:30px;font-weight:800}.login-profile-details{display:grid;text-align:center;grid-gap:4px;gap:4px;color:#666}.login-profile-details strong{font-size:21px;color:var(--text)}.login-location-status{min-height:20px;margin:0;font-size:13px;color:#666}.login-location-status.error{color:var(--danger)}.content{padding:24px;padding-top:calc(24px + var(--app-navbar-offset));max-width:960px;margin:0 auto;transition:margin-left .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1)}.card{background:var(--color-surface,#fff);border-radius:var(--sys-card-radius,10px);padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid var(--color-border,#eee1db);margin-bottom:16px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--color-border,#eee)}button,td,th{font-size:14px}button{background:var(--brand-primary,#b3261e);color:#fff;border:none;padding:8px 14px;border-radius:var(--border-radius-base,6px);cursor:pointer;min-height:var(--sys-button-height,38px);transition:background .15s ease}button:hover{background:var(--brand-primary-hover,#8f1e18)}:is(select,.native-select-trigger),input,textarea{padding:10px 14px;border:1px solid var(--color-border,#e6dcd6);border-radius:var(--sys-input-radius,10px);font-size:14px;background:var(--color-surface,#fff);color:var(--color-text-primary,#2a2321);transition:border-color .15s ease,box-shadow .15s ease;outline:none;font-family:inherit;min-height:var(--sys-control-height,38px)}input::placeholder,textarea::placeholder{color:var(--color-text-muted,#b0a49d)}:is(select,.native-select-trigger):focus,input:focus,textarea:focus{border-color:var(--color-border-focus,var(--brand-primary,#b3261e));box-shadow:0 0 0 3px var(--focus-ring,rgba(179,38,30,.08))}:is(select,.native-select-trigger):disabled,input:disabled{background:#f7f2ee;color:var(--color-text-muted,#a89c95);border-color:#eee6e0;cursor:not-allowed;opacity:var(--disabled-opacity,.6)}:is(select,.native-select-trigger){-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238a7e78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}input[type=checkbox]{padding:0;box-shadow:none;accent-color:var(--brand-primary,#b3261e);width:16px;height:16px;min-height:unset}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:210}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;box-shadow:2px 0 8px rgba(0,0,0,.15);transform:translateX(-100%);transition:transform .2s ease;z-index:220;display:flex;flex-direction:column;padding:18px 0;overflow:hidden;box-sizing:border-box}.sidebar.open{transform:translateX(0)}@media (max-width:899px){html.mobile-sidebar-open{height:100%;height:100dvh;overscroll-behavior:none}.sidebar,.sidebar-overlay{bottom:auto;height:100%;height:100dvh;box-sizing:border-box}.sidebar{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(18px + env(safe-area-inset-bottom, 0px))}.sidebar-overlay.open{touch-action:none}}.sidebar-brand,.sidebar-footer,.sidebar-header{flex-shrink:0}@keyframes cardDeal{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar.open .sidebar-brand,.sidebar.open .sidebar-item{animation:cardDeal .32s cubic-bezier(.22,1,.36,1) backwards}.sidebar.open .sidebar-item{animation-delay:70ms}.sidebar-submenu.open .sidebar-submenu-inner>*{animation:cardDeal .32s cubic-bezier(.22,1,.36,1) backwards}.sidebar-submenu.open .sidebar-submenu-inner>:first-child{animation-delay:90ms}.sidebar-submenu.open .sidebar-submenu-inner>:nth-child(2){animation-delay:.15s}.sidebar-submenu.open .sidebar-submenu-inner>:nth-child(3){animation-delay:.21s}.sidebar-submenu.open .sidebar-submenu-inner>:nth-child(4){animation-delay:.27s}.sidebar-submenu.open .sidebar-submenu-inner>:nth-child(5){animation-delay:.33s}.sidebar-header{justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 14px 14px 18px;border-bottom:1px solid #eee;margin-bottom:10px}.sidebar-brand,.sidebar-header{display:flex;align-items:center}.sidebar-brand{gap:8px;font-weight:700;font-size:16px;color:#2a2321}.sidebar>.sidebar-brand{padding:calc(14px + env(safe-area-inset-top)) 14px 14px 18px;margin-bottom:10px}.sidebar-brand-icon{width:28px;height:28px;flex-shrink:0;color:#b3261e}.sidebar-brand-icon,.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn{width:34px;height:34px;padding:0;border-radius:8px;background:none;color:#8a7e78;border:1px solid #eee1db}.sidebar-toggle-btn:hover{background:#f4ede9;color:#4a3f3a}.login-success{display:flex;align-items:center;gap:6px;color:#2e7d32}.sidebar-footer{margin-top:auto;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #eee}.sidebar-profile{display:flex;align-items:center;gap:10px}.sidebar-profile-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#eee1db;color:#8f1e18;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-profile-info{min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-profile-name-row{display:flex;align-items:center;gap:6px}.sidebar-profile-name{font-size:14px;font-weight:700;color:#2a2321;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-badge{flex-shrink:0;background:#b3261e;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px}.sidebar-profile-sub{font-size:12px;color:#8a7e78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-section{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:0 12px}.sidebar-item{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:#4a3f3a;text-align:left;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:4px;cursor:pointer}.sidebar-item:hover{background:#f4ede9}.sidebar-item.active{background:#fbeae8;color:#b3261e;font-weight:700}.sidebar-item-split{gap:0;padding:0;min-height:39px;overflow:hidden}.sidebar-item-main{min-width:0;flex:1 1;padding:10px 12px;text-decoration:none}.sidebar-item-chevron,.sidebar-item-main{display:flex;align-items:center;align-self:stretch;color:inherit}.sidebar-item-chevron{justify-content:center;padding:0 12px;border:0;background:transparent;cursor:pointer}.sidebar-item-chevron:hover{background:rgba(0,0,0,.04)}.sidebar-bom-main .sidebar-item-label,.sidebar-bom-main .sidebar-item-label>span{white-space:nowrap}.sidebar-item-label{display:flex;align-items:center;gap:10px}.sidebar-item-label svg{flex-shrink:0;opacity:.85}.chevron{display:flex;align-items:center;transition:transform .2s ease;color:#a89c95;transform:rotate(0deg)}.chevron.open{transform:rotate(180deg)}.sidebar-submenu{display:grid;grid-template-rows:0fr;opacity:0;min-height:0;transition:grid-template-rows .25s ease,opacity .2s ease}.sidebar-submenu.open{grid-template-rows:1fr;opacity:1}.sidebar-submenu-inner{overflow:hidden;display:flex;flex-direction:column;padding:4px 0 4px 12px;margin-left:12px;border-left:1px solid #eee1db;min-height:0}.sidebar-submenu-inner>.sidebar-subitem{margin-bottom:4px}.sidebar-submenu-inner.nested{padding-left:10px;margin-left:20px;border-left:1px solid #eee1db}.sidebar-subitem{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;color:#6b5f58;text-decoration:none;border-radius:8px}.sidebar-subitem.sidebar-item-split{gap:0;padding:0;min-height:39px;border-radius:10px}.sidebar-subitem svg{flex-shrink:0;opacity:.8}.sidebar-subitem:hover{background:#f4ede9}.sidebar-subitem.active{background:#fbeae8;color:#b3261e;font-weight:700}.sidebar-subitem.active svg{opacity:1}.sidebar-subitem-toggle{border:none;background:none;font-family:inherit;cursor:pointer;text-align:left;width:100%;justify-content:space-between}.unit-default-label{display:block;margin-top:3px;color:var(--color-text-secondary,#7a716f);font-size:11px;font-weight:500}@media (min-width:900px){.sidebar{transform:translateX(0)!important;width:var(--sidebar-width);box-shadow:none;border-right:1px solid #eee1db;z-index:150}.sidebar-overlay{display:none!important}.navbar{left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.content{margin-left:var(--sidebar-width);margin-right:0;max-width:calc(100% - var(--sidebar-width));padding:32px 40px;padding-top:calc(32px + var(--app-navbar-offset))}}.sidebar.collapsed{width:var(--sidebar-width)!important;overflow-x:hidden}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:14px 8px}.sidebar.collapsed .chevron,.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-item-text,.sidebar.collapsed .sidebar-submenu,.sidebar.collapsed .sidebar-toggle-btn{display:none!important}.sidebar.collapsed .sidebar-section{padding:0 8px}.sidebar.collapsed .sidebar-item{position:relative;justify-content:center;padding:10px 0;width:44px;height:44px;margin:6px auto;border-radius:10px}.sidebar.collapsed .sidebar-item-label{justify-content:center;gap:0}.sidebar.collapsed .sidebar-item-main{width:44px;height:44px;justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-item-chevron{display:none}.sidebar.collapsed .sidebar-item:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) scale(.95);background:#2a2321;color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:300;box-shadow:0 4px 14px rgba(0,0,0,.25)}.sidebar.collapsed .sidebar-item:hover:after{opacity:1;transform:translateY(-50%) scale(1)}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.employee-card{position:relative;background:#fff;border-radius:10px;padding:20px 14px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.employee-edit-btn{position:absolute;top:8px;right:8px;background:#f4ede9;color:#2a2321;width:28px;height:28px;padding:0;border-radius:50%;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}.employee-edit-btn:hover{background:#eee1db}.employee-avatar{width:64px;height:64px;border-radius:50%;background:#f4ede9;color:#8f1e18;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-name{font-weight:600;font-size:15px}.employee-position{font-size:13px;color:#8a7e78}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:6px}.avatar-upload,.slip-upload{margin:4px 0 6px}.slip-upload-btn{width:100%;height:140px;border-radius:12px;background:#f4ede9;border:1px dashed #d8c9c0;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.slip-upload-btn img{width:100%;height:100%;object-fit:cover}.slip-upload-placeholder{flex-direction:column;gap:6px;font-size:13px;font-weight:500}.avatar-upload-btn,.slip-upload-placeholder{display:flex;align-items:center;color:#8f1e18}.avatar-upload-btn{position:relative;width:84px;height:84px;border-radius:50%;background:#f4ede9;font-weight:700;font-size:26px;justify-content:center;overflow:hidden;padding:0;border:none;cursor:pointer}.avatar-upload-btn img{width:100%;height:100%;object-fit:cover}.avatar-upload-btn:hover{background:#eee1db}.avatar-upload-overlay{position:absolute;right:0;bottom:0;width:26px;height:26px;border-radius:50%;background:#b3261e;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.avatar-upload-hint{font-size:12px;color:#8a7e78;font-weight:400}.modal-overlay{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));z-index:300;background:rgba(0,0,0,.4);overscroll-behavior:none;touch-action:none}.modal-card{position:relative;background:#fff;border-radius:16px;padding:28px;max-width:440px;width:100%;max-height:calc(100% - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));min-height:0;flex-shrink:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 32px rgba(42,35,33,.18);overscroll-behavior:contain;touch-action:pan-y}.modal-card h3{margin:0 0 6px;font-size:19px;font-weight:700;color:#2a2321}.unsaved-dialog-overlay{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:20px;background:rgba(42,35,33,.48);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.unsaved-dialog{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:14px;gap:14px;width:min(440px,100%);padding:22px;border:1px solid var(--color-border,#eee1db);border-radius:var(--sys-card-radius,16px);background:var(--color-surface,#fff);box-shadow:0 24px 70px rgba(42,35,33,.24);color:var(--color-text-primary,#2a2321)}.unsaved-dialog-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand-primary-light,#fff1ef);color:var(--brand-primary,#b3261e)}.unsaved-dialog-copy{min-width:0}.unsaved-dialog-copy h2{margin:1px 0 7px;font-size:19px;line-height:1.3}.unsaved-dialog-copy p{margin:0;color:var(--color-text-secondary,#7a716f);font-size:14px;line-height:1.55}.unsaved-dialog-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:8px}.unsaved-dialog-actions>button{min-height:46px;padding:10px 14px;border-radius:var(--sys-input-radius,11px);font:inherit;font-size:14px;font-weight:750}.unsaved-dialog-confirm{border:1px solid var(--brand-primary,#b3261e);background:var(--brand-primary,#b3261e);color:#fff}.unsaved-dialog-confirm:hover{background:var(--brand-primary-hover,#8f1e18)}@media(max-width:480px){.unsaved-dialog-overlay{align-items:end;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.unsaved-dialog{grid-template-columns:44px minmax(0,1fr);padding:18px;border-radius:20px}.unsaved-dialog-icon{width:44px;height:44px;border-radius:12px}.unsaved-dialog-actions{grid-template-columns:1fr}.unsaved-dialog-confirm{grid-row:1}.unsaved-dialog-copy h2{font-size:18px}}.ingredient-summary-card{display:flex;gap:12px;background:#faf5f1;border:1px solid #f0e8e3;padding:10px 14px;margin-bottom:8px}.ingredient-summary-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#f4ede9;color:#b3261e;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ingredient-summary-avatar img{width:100%;height:100%;object-fit:cover}.ingredient-summary-info{min-width:0;flex:1 1}.ingredient-summary-stats{display:flex;align-items:stretch;gap:10px;flex-shrink:0;padding-left:10px;border-left:1px solid #f0e8e3}.ingredient-summary-stats .ingredient-stat{align-items:flex-end;flex:none}.ingredient-summary-stats .ingredient-stat-label{white-space:nowrap}.ingredient-summary-stats .ingredient-stat-value{white-space:nowrap;overflow:visible}.ingredient-summary-name{font-size:15px;font-weight:700;color:#2a2321;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingredient-summary-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:3px}.ingredient-summary-category{font-size:12px;color:#8a7e78}.modal-delete-btn{position:absolute;top:16px;right:16px;background:#fbeae8;color:#b3261e;width:32px;height:32px;padding:0;border-radius:50%;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.modal-delete-btn:hover{background:#f6d3ce}.field-label{display:block;font-size:13px;font-weight:600;margin-top:14px;margin-bottom:6px}.accordion-body :is(select,.native-select-trigger),.accordion-body input:not([type=checkbox]),.modal-card :is(select,.native-select-trigger),.modal-card input:not([type=checkbox]){width:100%}.input-with-suffix :is(select,.native-select-trigger),.unit-setting-row :is(select,.native-select-trigger){width:auto}.branch-min-input-row,.field-error{margin-top:8px}.field-error{color:#b3261e;font-size:13px}.field-hint{color:#8a7e78;font-size:12.5px;margin-top:6px}.branch-address{font-size:12px;color:#8a7e78;text-align:center}.gps-row{display:flex;gap:8px}.gps-row input{flex:1 1;min-width:0}.gps-btn{margin-top:8px;font-size:13px;padding:8px 12px}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-subtitle{font-size:13px;color:#8a7e78;margin-top:2px}.position-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.position-item,.position-item-row{margin-bottom:0;font-size:14px;font-weight:500}.position-item-row{display:flex;align-items:center;justify-content:space-between}.position-delete-btn{background:#fbeae8;color:#b3261e;width:28px;height:28px;padding:0;border-radius:50%;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}.position-delete-btn:hover{background:#f6d3ce}.position-item-actions{display:flex;align-items:center;gap:6px}.position-edit-btn{background:#f4ede9;color:#8a7e78;width:28px;height:28px;padding:0;border-radius:50%;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}.position-edit-btn:hover{background:#ecdfd8}.audit-list{margin-top:16px;gap:10px}.audit-item,.audit-list{display:flex;flex-direction:column}.audit-item{margin-bottom:0;gap:4px}.audit-item-top{display:flex;align-items:center;justify-content:space-between}.audit-badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#f4ede9;color:#4a3f3a}.audit-badge-create{background:#e5f3e6;color:#2e7d32}.audit-badge-update{background:#e6eef8;color:#1e5aa8}.audit-badge-delete{background:#fbeae8;color:#b3261e}.audit-time{font-size:12px;color:#8a7e78}.audit-detail{font-size:14px;font-weight:500}.audit-actor{font-size:12px;color:#8a7e78}.branch-checkboxes{display:flex;flex-direction:column;gap:6px}.branch-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400}.branch-checkbox input{width:auto}.checkbox-hint-row{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:#6b5f58;padding:4px 0 12px 2px;cursor:pointer}.checkbox-hint-row input{width:auto;accent-color:#b3261e}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #f0e8e3}.modal-actions button{padding:11px 22px;border-radius:10px;font-weight:600}.btn-secondary{background:#f4ede9;color:#2a2321}.btn-secondary:hover{background:#eee1db}.btn-danger{background:#b3261e;color:#fff}.btn-danger:hover{background:#8f1e18}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:#eee1db;border-radius:6px;animation:skeletonPulse 1.4s ease-in-out infinite}.skeleton-circle{border-radius:50%}.skeleton-card{padding:20px 14px;align-items:center;gap:10px}.skeleton-card,.skeleton-row{background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column}.skeleton-row{padding:16px;gap:8px}.skeleton-row-top{display:flex;align-items:center;justify-content:space-between}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.search-input{flex:1 1;min-width:220px}.filter-row :is(select,.native-select-trigger){min-width:130px;flex:0 1 160px}.ingredient-unit{font-size:12px;color:#8a7e78;background:#f4ede9;padding:3px 10px;border-radius:999px}.branch-badge-row,.ingredient-unit-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.branch-badge{font-size:11.5px;font-weight:600;color:#b3261e;background:#fbeae8;padding:3px 10px;border-radius:999px;white-space:nowrap}.branch-badge-all{color:#fff;background:#b3261e}.sidebar-branch-badges{justify-content:flex-start;margin-top:4px}.ingredient-stats-row{display:flex;align-items:stretch;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid #f0e8e3;width:100%}.ingredient-stat{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.ingredient-stat-label{font-size:10.5px;color:#a89c95}.ingredient-stat-label,.ingredient-stat-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ingredient-stat-value{font-size:12.5px;font-weight:700;color:#b3261e}.ingredient-stat-divider{width:1px;background:#f0e8e3}.modal-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#b3261e;margin-top:18px;padding-top:12px;border-top:1px solid #f0e8e3}.modal-section-title:first-of-type{margin-top:6px;padding-top:0;border-top:none}.accordion-section{border-top:1px solid #f0e8e3;margin-top:10px;padding-top:10px}.accordion-section:first-of-type{margin-top:6px;padding-top:0;border-top:none}.accordion-header{background:none;padding:6px 0;border-radius:8px}.accordion-header:hover{background:#faf5f1}.accordion-header .modal-section-title{margin:0;padding:0;border-top:none}.accordion-chevron{color:#b3261e;flex-shrink:0}.accordion-body{padding-top:8px}.unit-setting-row{justify-content:space-between;padding:8px 0}.unit-setting-label,.unit-setting-row{display:flex;align-items:center;gap:10px}.unit-setting-label{font-size:14px;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#e0d5cd;border-radius:999px;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch input:checked+.toggle-slider{background:#b3261e}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(16px)}.input-with-suffix{display:flex;gap:8px}.input-with-suffix input{flex:1 1;min-width:0}.input-with-suffix :is(select,.native-select-trigger){min-width:100px}.input-suffix-label{display:flex;align-items:center;padding:0 16px;font-size:14px;color:#6b5f58;background:#f4ede9;border-radius:10px}.branch-stock-list{display:flex;flex-direction:column;gap:4px}.branch-stock-row{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-bottom:1px solid #f0e8e3}.branch-stock-row:last-child{border-bottom:none}.branch-min-input-row{width:100%}.finance-list-title{font-size:15px;font-weight:700;margin:24px 0 4px;color:#2a2321}.finance-calendar-btn{padding:8px 12px;display:flex;align-items:center;justify-content:center}.finance-date-range-row{display:flex;gap:12px;margin-top:10px}.finance-date-range-row>div{flex:1 1}.finance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.finance-stat-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;align-items:center;gap:12px}.finance-stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.finance-stat-card.income .finance-stat-icon{background:#e5f3e6;color:#2e7d32}.finance-stat-card.expense .finance-stat-icon{background:#fbeae8;color:#b3261e}.finance-stat-card.net .finance-stat-icon{background:#eef2fb;color:#1e5aa8}.finance-stat-card.net.negative .finance-stat-icon{background:#fbeae8;color:#b3261e}.finance-stat-card.sales .finance-stat-icon{background:#fbe7ea;color:#9c2b3d}.finance-stat-card.orders .finance-stat-icon{background:#e7f0fb;color:#1e5aa8}.finance-stat-card.pending .finance-stat-icon{background:#fdf3d9;color:#a16a00}.finance-stat-card.ready .finance-stat-icon{background:#f1e9fb;color:#6a3fa0}.finance-stat-card.cancelled .finance-stat-icon{background:#ececec;color:#5b5652}.finance-stat-card.staff .finance-stat-icon{background:#e3f2fd;color:#0d6aa8}.finance-stat-card.branches .finance-stat-icon{background:#e5f3e6;color:#2e7d32}.finance-stat-label{font-size:12px;color:#8a7e78}.finance-stat-value{font-size:18px;font-weight:700;color:#2a2321}.finance-stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:2px}.finance-stat-trend.up{color:#2e7d32}.finance-stat-trend.down{color:#b3261e}.finance-stat-caption{font-size:12px;color:#8a7e78;margin-top:2px}.dashboard-date-nav{display:flex;align-items:center;gap:8px}.dashboard-date-nav .dashboard-date-label{display:flex;flex-direction:column;align-items:center;min-width:150px;font-size:13px;font-weight:600;line-height:1.3}.dashboard-date-nav .dashboard-date-label small{font-weight:400;color:#8a7e78;font-size:11px}.finance-channel-row{display:flex;align-items:center;gap:12px}.finance-channel-info{flex:1 1;min-width:0}.finance-channel-name{font-size:14px;font-weight:600}.finance-channel-desc{font-size:12px;color:#8a7e78}.finance-channel-amount{text-align:right;flex-shrink:0}.finance-channel-amount b{display:block;font-size:14px;color:#2e7d32}.finance-channel-amount span{font-size:12px;color:#8a7e78}.finance-channel-total{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px;padding:12px 4px 4px;margin-top:4px;border-top:1px solid #eee}.finance-entry-row{display:flex;align-items:center;gap:12px}.finance-entry-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.finance-entry-info{flex:1 1;min-width:0}.finance-entry-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.finance-entry-desc{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-entry-amount{font-size:14px;font-weight:700;white-space:nowrap}.finance-entry-amount.income{color:#2e7d32}.finance-entry-amount.expense{color:#b3261e}.finance-entry-meta{font-size:12px;color:#8a7e78;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-daily-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.finance-daily-date{font-size:14px;font-weight:600;flex:1 1;min-width:120px}.finance-daily-amount{font-size:13px;font-weight:700;min-width:90px;text-align:right}.finance-daily-amount.income{color:#2e7d32}.finance-daily-amount.expense{color:#b3261e}.finance-daily-amount.net{color:#1e5aa8}.finance-daily-amount.net.negative{color:#b3261e}.finance-sale-links{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px;font-size:13px}.artifact-button{border:1px solid;border-radius:8px;font-size:13px;min-height:36px;padding:6px 10px}.artifact-button.available{background:#fff;color:#075bc4}.artifact-button.missing,.artifact-button.missing:disabled{background:#fff4f3;border-color:#c62828;color:#c62828;cursor:not-allowed;opacity:1}.link-button{background:transparent;border:0;color:#0645d9;min-height:auto;padding:0;text-decoration:underline;font:inherit}.link-button:hover{background:transparent;color:#8f1e18}.dashboard-date-picker{margin:-4px 0 16px;max-width:320px}.dashboard-date-picker input{width:100%}.document-preview-overlay{z-index:2100}.document-preview-card{max-width:min(760px,96vw);max-height:92dvh;padding:16px}.document-preview-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:-16px;z-index:2;background:#fff;padding:4px 0 10px}.document-preview-heading h3{margin:0}.document-preview-close{flex:0 0 auto;font-size:24px;min-height:42px;min-width:42px;padding:4px}.document-preview-image{background:#f5f2ef;display:block;margin:0 auto;max-height:calc(92dvh - 92px);max-width:100%;object-fit:contain}.staff-done,.staff-empty,.staff-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:60px 20px;color:#4a3f3a}.staff-done{color:#2e7d32}.staff-done h2{margin:0;color:#2a2321}.staff-home{display:flex;flex-direction:column;align-items:center;gap:28px;padding-top:40px}.staff-greeting{text-align:center}.staff-greeting-name{font-size:20px;font-weight:700}.staff-greeting-sub{font-size:14px;color:#8a7e78;margin-top:4px}.staff-primary-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:220px;height:220px;border-radius:20px;font-size:18px;font-weight:700;box-shadow:0 4px 14px rgba(179,38,30,.3);background:#b3261e;color:#fff;border:none;text-decoration:none;cursor:pointer}.staff-primary-btn:hover{background:#8f1e18}.staff-shift-open-card{width:min(100%,480px);padding:clamp(18px,4vw,28px);border:1px solid #d8eadc;border-radius:18px;background:#f4fbf5;box-shadow:0 4px 16px rgba(46,125,50,.12);text-align:center}.staff-shift-open-card .login-success{justify-content:center;font-size:clamp(20px,4vw,25px)}.staff-shift-open-detail{display:grid;grid-gap:5px;gap:5px;margin-top:10px;font-size:clamp(16px,3vw,20px)}.staff-shift-open-detail span{color:#6e625d;font-size:.85em}.staff-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(12px,3vw,20px);gap:clamp(12px,3vw,20px);width:min(100%,520px)}.staff-menu-grid .staff-primary-btn{width:100%;height:auto;min-height:clamp(120px,28vw,160px)}.staff-primary-btn-pulse{animation:staffBtnPulse 1.6s ease-in-out infinite}@keyframes staffBtnPulse{0%,to{box-shadow:0 4px 14px rgba(179,38,30,.3),0 0 0 0 rgba(179,38,30,.5)}50%{box-shadow:0 4px 14px rgba(179,38,30,.3),0 0 0 14px rgba(179,38,30,0)}}.staff-count-header{display:flex;flex-direction:column;gap:8px}.staff-count-header-row{display:flex;align-items:center;justify-content:space-between;font-size:14px}.staff-step-progress{font-size:13px;font-weight:600;color:#8a7e78;margin:18px 0 10px}.staff-item-list{display:flex;flex-direction:column;gap:10px}.staff-item-row{margin-bottom:0}.staff-item-name{font-weight:600}.staff-item-minstock{font-size:12px;color:#8a7e78;margin-bottom:10px}.staff-item-fields{display:flex;gap:10px;flex-wrap:wrap}.staff-field{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#8a7e78;flex:1 1;min-width:120px}.staff-field input{width:100%}.staff-field-value-btn{width:100%;text-align:right;background:#fff;color:#2a2321;border:1px solid #e6dcd6;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}.staff-field-value-btn:hover{background:#faf5f1}.staff-field-value-empty{color:#b0a49d;font-weight:500;font-style:italic;border-style:dashed}@keyframes staffFieldBlink{0%,to{box-shadow:none}25%,75%{box-shadow:0 0 0 3px rgba(179,38,30,.35)}50%{box-shadow:0 0 0 3px rgba(179,38,30,.6)}}.staff-field-blink .staff-field-value-btn,.staff-field-blink input{border-color:#b3261e;animation:staffFieldBlink .9s ease-in-out 2}.staff-review-group{margin-bottom:12px}.staff-review-group-title{font-weight:700;margin-bottom:10px}.staff-review-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #f1e9e4;font-size:14px}.staff-review-row:last-child{border-bottom:none}.staff-review-values{display:flex;gap:10px;color:#4a3f3a;font-size:13px}.staff-copy-btn{width:100%;justify-content:center;gap:8px;margin-top:4px}.staff-copy-btn,.staff-nav-row{display:flex;align-items:center}.staff-nav-row{justify-content:space-between;gap:12px;margin-top:20px;position:-webkit-sticky;position:sticky;bottom:16px}.staff-nav-row button{display:flex;align-items:center;gap:6px;flex:1 1;justify-content:center}.open-shift-page>h2{font-size:clamp(27px,5vw,36px)}.open-shift-page>.field-hint{font-size:clamp(15px,2.5vw,18px)}.open-shift-page .staff-count-header-row{font-size:clamp(19px,3vw,22px)}.open-shift-page .staff-count-header-row .field-label{font-size:inherit}.open-shift-page .channel-step-title{font-size:clamp(22px,4vw,27px)}.open-shift-page .denom-group-label{font-size:clamp(17px,3vw,20px)}.open-shift-page .denom-label{font-size:clamp(18px,3vw,21px)}.open-shift-page .denom-quantity-field{font-size:clamp(16px,2.5vw,19px)}.open-shift-page .denom-row input{min-height:58px;font-size:clamp(20px,4vw,25px)}.open-shift-page .denom-subtotal{font-size:clamp(17px,3vw,20px)}.open-shift-page .denom-total-row{font-size:clamp(22px,4vw,27px)}.stock-count-page .staff-count-header-row{font-size:17px}.stock-count-page .staff-step-progress{font-size:16px}.stock-count-page .staff-item-name{font-size:19px}.stock-count-page .staff-item-minstock{font-size:14px}.stock-count-page .staff-field{font-size:15px}.stock-count-page .staff-field-value-btn{font-size:17px;min-height:52px}.stock-count-page .staff-review-group-title{font-size:19px}.stock-count-page .staff-review-row{font-size:17px}.stock-count-page .staff-review-values{font-size:16px}.stock-count-page .staff-nav-row button{font-size:17px;min-height:52px}.stock-count-page h3{font-size:19px}.open-shift-page .staff-nav-row button{min-height:58px;font-size:clamp(19px,3vw,22px)}@media (max-width:560px){.staff-home{gap:18px;padding-top:24px}.staff-menu-grid{gap:12px}.staff-menu-grid .staff-primary-btn{border-radius:16px;font-size:16px;gap:7px}.open-shift-page .denom-row{grid-template-columns:minmax(92px,1fr) minmax(112px,1fr)}.open-shift-page .denom-subtotal{grid-column:1/-1;text-align:right;margin-top:-4px}}.staff-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#2a2321;color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:500;max-width:90%;text-align:center}@keyframes saveToastIn{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.save-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);gap:8px;background:#2e7d32;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:500;animation:saveToastIn .25s cubic-bezier(.22,1,.36,1)}.save-toast,.save-toast-icon{display:flex;align-items:center}.save-toast-icon{justify-content:center;width:18px;height:18px;border-radius:50%;background:hsla(0,0%,100%,.25)}.category-drag-handle{background:none;color:#8a7e78;padding:4px 8px 4px 0;cursor:-webkit-grab;cursor:grab;touch-action:none;display:flex;align-items:center}.category-row-dragging{opacity:.6;box-shadow:0 4px 14px rgba(0,0,0,.2)}.loading-stages-overlay{position:fixed;inset:0;background:rgba(42,35,33,.55);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.loading-stages-card{background:#fff;border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:320px;width:100%;box-shadow:0 8px 32px rgba(42,35,33,.25)}.loading-stages-spinner{width:36px;height:36px;border-radius:50%;border:3px solid #f4ede9;border-top-color:#b3261e;animation:loadingStagesSpin .8s linear infinite}@keyframes loadingStagesSpin{to{transform:rotate(1turn)}}.loading-stages-message{margin:0;font-size:14px;font-weight:600;color:#4a3f3a;text-align:center;animation:loadingStagesFadeIn .25s ease}@keyframes loadingStagesFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.denom-counter{display:flex;flex-direction:column;gap:6px}.denom-group-label{font-size:12px;font-weight:700;color:#8a7e78;margin-top:8px}.denom-row{display:grid;grid-template-columns:1fr 90px 90px;align-items:center;grid-gap:8px;gap:8px}.denom-label{font-size:14px}.denom-quantity-field{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.denom-quantity-field input{width:100%;min-width:0;text-align:right}.denom-subtotal{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#8a7e78;font-size:13px}.denom-total-row{display:flex;justify-content:space-between;font-weight:700;font-size:16px;border-top:1px solid #eee;margin-top:10px;padding-top:10px}.branch-schedule-editor{border-top:1px solid #eadfd9;margin-top:18px;padding-top:12px}.branch-schedule-editor :is(select,.native-select-trigger){width:100%}.branch-schedule-day{align-items:center;border-bottom:1px solid #f0e8e4;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(105px,1fr) 2fr;padding:10px 0}.branch-schedule-day>label{align-items:center;display:flex;gap:7px}.branch-schedule-times{align-items:center;display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr auto 1fr}@media (max-width:520px){.branch-schedule-day{grid-template-columns:1fr}}.calc-tape{min-height:23px;text-align:right;color:#8a7e78;font-size:17px;overflow-x:auto;white-space:nowrap;padding:0 3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.calc-display{background:#faf5f1;border-radius:9px;padding:13px;text-align:right;font-size:26px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:9px 0;word-break:break-all}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.calc-key{background:#f4ede9;color:#2a2321;border:none;border-radius:9px;font-size:17px;font-weight:600;padding:13px 0;cursor:pointer}.calc-key:hover{background:#ece1da}.calc-op{background:#b3261e;color:#fff}.calc-op:hover{background:#8f1e18}.calc-fn{background:#e0d5cd}.calc-wide{grid-column:span 2}.calc-op.calc-equals-blink{animation:calcEqualsBlink .55s ease-in-out 3}@keyframes calcEqualsBlink{0%,to{background:#b3261e;box-shadow:none}50%{background:#ffb703;box-shadow:0 0 0 4px rgba(255,183,3,.35)}}.calc-warning{color:#b3261e;font-size:17px;text-align:center;margin:6px 0 0}.channel-step-card{display:flex;flex-direction:column;gap:2px}.channel-step-title{font-size:15px;font-weight:700}.channel-amount-btn{align-items:center;width:100%;background:#faf5f1;border:1px solid #eee1db;border-radius:10px;padding:12px 14px;font-size:18px;font-weight:700;color:#2a2321;cursor:pointer}.channel-amount-btn,.summary-row{display:flex;justify-content:space-between}.summary-row{padding:8px 0;border-bottom:1px solid #f2ece7;font-size:14px}.summary-grand-total{display:flex;justify-content:space-between;font-weight:700;font-size:18px;padding-top:12px}.summary-diff-positive{color:#2e7d32}.summary-diff-negative{color:#c0392b}.help-icon-btn{width:16px;height:16px;border:1px solid #cfc3bc;font-size:11px;font-weight:700;line-height:1;margin-left:4px}.help-icon-btn:hover{background:#f4ede9;color:#4a3f3a}.table-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:640px){.table-scroll-wrap table{min-width:640px}}.searchable-select{position:relative;width:100%}.searchable-select input{width:100%;padding:8px 10px;border:1px solid #e0d5cc;border-radius:8px;font-size:13px}.searchable-select-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:400;width:max(100%,220px);max-height:280px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;background:#fff;border-radius:10px;padding:6px;box-shadow:0 8px 30px rgba(0,0,0,.18);border:1px solid #eee1db}.searchable-select-group{padding:6px 8px 2px;font-size:11px;font-weight:700;color:#8a7e78;text-transform:uppercase}.searchable-select-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:6px;background:transparent;color:#2a2321;font-size:13px;text-align:left;cursor:pointer}.searchable-select-item:hover{background:#faf5f1}.searchable-select-item.selected{background:#fbeae8;color:#b3261e;font-weight:600}.searchable-select-sublabel{font-size:11.5px;color:#8a7e78;white-space:nowrap}.searchable-select-empty{padding:10px 8px;font-size:12.5px;color:#8a7e78;text-align:center}.popover-wrapper{position:relative;display:inline-flex;align-items:center}.popover-panel{position:absolute;top:calc(100% + 8px);z-index:400;width:min(320px,calc(100vw - 32px));background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 8px 30px rgba(0,0,0,.18);border:1px solid #eee1db;font-size:13px;color:#4a3f3a;line-height:1.5}.popover-panel-viewport{--popover-border-color:#eee1db;position:fixed;top:auto;right:auto;bottom:auto;z-index:10020;width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px);box-sizing:border-box;overflow:visible;overscroll-behavior:contain;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.popover-panel-scroll{position:relative;z-index:1;max-width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.popover-panel-caret{position:absolute;z-index:0;width:12px;height:12px;background:inherit;transform:translateX(-50%) rotate(45deg)}.popover-panel-below .popover-panel-caret{top:-7px;border-top:1px solid var(--popover-border-color);border-left:1px solid var(--popover-border-color)}.popover-panel-above .popover-panel-caret{bottom:-7px;border-right:1px solid var(--popover-border-color);border-bottom:1px solid var(--popover-border-color)}@media (max-width:640px){.popover-panel-viewport{width:min(300px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:13px 14px;border-radius:12px;font-size:13px}}.popover-align-left{left:0}.popover-align-right{right:0}.popover-panel h4{margin:0 0 6px;font-size:13px}.popover-panel code{background:#f4ede9;padding:1px 6px;border-radius:6px;font-size:12.5px}.popover-panel .popover-hint{margin-top:8px;color:#8a7e78;font-size:12px}.help-tip-button{width:22px;height:22px;min-width:22px;padding:0;border-radius:0;border:0;background:transparent;color:var(--help-icon-static-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:none}.help-tip-button.active,.help-tip-button:focus,.help-tip-button:focus-visible,.help-tip-button:hover{border:0;background:transparent;color:var(--help-icon-static-color);outline:none;box-shadow:none;transform:none}.help-tip-popover{bottom:auto}.help-tip-popover-content{display:block;min-width:0}.help-tooltip-panel{--popover-border-color:#374151;background:#1f2937;color:#f9fafb;border-color:#374151;text-align:left}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.tab-bar{display:flex;gap:4px;border-bottom:1px solid #f0e8e3;margin-bottom:20px;overflow-x:auto}.tab-item{background:transparent;color:#6b5f58;border:none;border-bottom:2px solid transparent;border-radius:0;padding:12px 16px;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.tab-item:hover{background:#faf5f1}.tab-item-active{color:#b3261e;border-bottom-color:#b3261e}.badge-neutral{background:#f4ede9;color:#6b5f58}.badge-red{background:#fbeae8;color:#b3261e}.badge-amber{background:#fff4e0;color:#9b5b00}.badge-blue{background:#e8f0fe;color:#1a56b3}.badge-green{background:#e6f4ea;color:#287746}.badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.pagination-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid #eee1db}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-page-label{font-size:13px;color:#6b5f58;min-width:44px;text-align:center}.data-table-scroll{width:100%;overflow-x:auto}.data-table-scroll table{min-width:760px}.row-action-menu{display:flex;flex-direction:column;min-width:160px}.row-action-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:none;border:none;font-family:inherit;font-size:13px;color:#4a3f3a;text-align:left;cursor:pointer;width:100%}.row-action-item:hover{background:#f4ede9}.row-action-item.danger{color:#b3261e}.row-action-trigger{background:none;border:none;color:#8a7e78;font-size:18px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:6px}.row-action-trigger:hover{background:#f4ede9}.ingredient-modal-layout{display:block}.ingredient-modal-nav{display:none}.ingredient-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f0e6e1}.ingredient-modal-title{font-size:18px;font-weight:800;color:#2a2321;margin:0;letter-spacing:-.01em}.ingredient-modal-close{background:none;border:none;font-size:18px;color:#8a7e78;cursor:pointer;padding:4px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.ingredient-modal-close:hover{background:#f4ede9;color:#2a2321}.inventory-create-chooser-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--color-border,#eee1db)}.inventory-create-chooser-header>div{display:grid;grid-gap:3px;gap:3px}.inventory-create-chooser-header span{color:var(--color-text-secondary,#7a716f);font-size:12px;font-weight:700}.inventory-create-chooser-header h3{margin:0}.inventory-create-chooser-header>button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--color-text-secondary,#7a716f);font-size:18px}.inventory-create-options{display:grid;grid-gap:10px;gap:10px;margin-top:10px}.inventory-create-options>button{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;grid-gap:12px;gap:12px;width:100%;min-height:78px;padding:12px;border:1px solid var(--color-border,#eee1db);border-radius:14px;background:#fff;color:var(--color-text-primary,#2a2321);text-align:left}.inventory-create-options>button>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--brand-primary-light,#fff1ef);color:var(--brand-primary,#b3261e)}.inventory-create-options>button>div{display:grid;grid-gap:4px;gap:4px}.inventory-create-options strong{font-size:15px}.inventory-create-options small{color:var(--color-text-secondary,#7a716f);font-size:12px;line-height:1.4}.inventory-create-options b{color:var(--color-text-secondary,#7a716f);font-size:25px;font-weight:400}.inventory-create-options>button:active{transform:scale(.98)}.inventory-create-button{position:fixed;z-index:90;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));display:inline-flex;width:58px;height:58px;min-width:58px;min-height:58px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--brand-primary,#b3261e);color:#fff;box-shadow:0 8px 24px rgba(95,24,19,.32)}.inventory-create-button svg{width:26px;height:26px;stroke-width:2.5}.inventory-create-button .menu-add-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.inventory-create-button:active{background:var(--brand-primary-hover,#8f1e18);box-shadow:0 4px 12px rgba(95,24,19,.28);transform:scale(.92)}.modal-overlay.ingredient-create-page-overlay{z-index:140!important;top:var(--app-navbar-offset);bottom:0;height:auto;align-items:flex-start;padding:24px;background:var(--color-bg,#faf7f2);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.modal-overlay.ingredient-create-page-overlay.has-popup{z-index:500!important}.ingredient-create-page-overlay .modal-card{width:min(1100px,100%)!important;max-width:1100px!important;min-height:calc(100dvh - var(--app-navbar-offset) - 48px);max-height:none!important;padding:0 24px 24px!important;overflow:visible!important;border:1px solid var(--color-border,#eee1db);border-radius:18px;box-shadow:none}.ingredient-create-page-header-source{margin:0 -24px 14px}.ingredient-create-page-header-floating{z-index:190;display:grid}@media(min-width:900px){.ingredient-create-page-header-floating,.modal-overlay.ingredient-create-page-overlay{left:var(--sidebar-width,250px)}}@media(max-width:767px){.modal-overlay.ingredient-create-page-overlay{align-items:flex-start!important;padding:0!important}.ingredient-create-page-overlay .modal-card{width:100%!important;min-height:100%!important;max-height:none!important;padding:0 16px calc(20px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important}.ingredient-create-page-header-source{margin:0 -16px 12px}.inventory-create-button{bottom:calc(18px + env(safe-area-inset-bottom))}.inventory-create-chooser-overlay{align-items:flex-end!important;padding:12px!important}.inventory-create-chooser-overlay .modal-card{border-radius:20px!important}}@media (min-width:900px){.modal-card:has(.ingredient-modal-layout){max-width:1100px;width:88vw;max-height:92vh;padding:20px 24px;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.22);overflow-y:auto}.ingredient-modal-layout{display:flex;align-items:flex-start;gap:16px}.ingredient-modal-nav{display:flex;flex-direction:column;gap:3px;width:195px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0}.ingredient-modal-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:10px}}.ingredient-summary-card{background:#fff;border:1px solid #eee1db;border-radius:12px;padding:10px 16px;margin-bottom:14px;display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:16px;gap:16px;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.03)}@media (max-width:768px){.ingredient-summary-card{grid-template-columns:1fr;gap:10px}}.summary-col-left{display:flex;align-items:center;gap:12px}.summary-thumb-box{width:44px;height:44px;border-radius:8px;background:#fdfaf8;border:1px solid #eee1db;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-thumb-img{width:100%;height:100%;object-fit:cover}.summary-thumb-fallback{font-size:18px;font-weight:800;color:#b3261e}.summary-info-texts{display:flex;flex-direction:column;gap:2px;min-width:0}.summary-item-name{font-size:14.5px;font-weight:800;color:#2a2321;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-item-category{font-size:12px;color:#8a7e78}.summary-col-middle,.summary-col-right{display:flex;align-items:center;gap:12px;border-left:1px solid #f4ede9;padding-left:14px}@media (max-width:768px){.summary-col-middle,.summary-col-right{border-left:none;padding-left:0;border-top:1px solid #f4ede9;padding-top:8px}}.summary-stat-icon-wrapper{width:36px;height:36px;border-radius:8px;background:#fdf3f2;color:#b3261e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-stat-content{display:flex;flex-direction:column;gap:1px}.summary-stat-label{font-size:11.5px;color:#8a7e78;font-weight:600}.summary-stat-val{font-size:15px;font-weight:800;color:#2a2321}.summary-stat-sub{font-size:11px;color:#a1958e}.section-nav-item{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:none;color:#6b5f58;border-radius:8px;padding:7px 10px;text-align:left;cursor:pointer;transition:all .15s ease}.section-nav-item:hover{background:#fdf8f6;border-color:#f7e8e5}.section-nav-item.active{background:#fdf3f2;border-color:#fbd6d2}.section-nav-text-col{display:flex;flex-direction:column;gap:1px;min-width:0}.section-nav-label{font-size:12.5px;font-weight:700;color:#2a2321;line-height:1.2}.section-nav-item.active .section-nav-label{color:#b3261e}.section-nav-status{font-size:10.5px;font-weight:600;line-height:1.2}.section-nav-status.complete{color:#287746}.section-nav-status.missing,.section-nav-status.review{color:#c97000}.section-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;flex-shrink:0;font-size:10px;font-weight:800}.section-nav-icon.complete{background:#e6f4ea;color:#287746}.section-nav-icon.review{background:#fff4e0;color:#c97000}.section-nav-icon.missing{background:transparent;border:1.5px solid #cfc3bc}.section-nav-icon.locked{background:#fbeae8;color:#b3261e}.ingredient-nav-help-card{background:#fdfaf8;border:1px solid #f0e6e1;border-radius:10px;padding:10px 12px;margin-top:10px;display:flex;flex-direction:column;gap:6px}.help-card-title{font-size:11.5px;font-weight:700;color:#6b5f58}.help-card-btn{background:#fff;border:1px solid #d9ceca;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:700;color:#4a3f3a;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.help-card-btn:hover{background:#f4ede9;color:#2a2321;border-color:#baa9a2}.accordion-section{background:#fff;border:1px solid #eee1db;border-radius:12px;padding-top:0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.02)}.accordion-section.open{border-color:#e6dcd6}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#faf7f5;border:none;border-radius:11px;cursor:pointer;text-align:left;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:none}.accordion-section.open .accordion-header{border-radius:11px 11px 0 0}.accordion-header:active,.accordion-header:hover{background:#faf7f5}.accordion-header:focus-visible{outline:2px solid #d9b5ad;outline-offset:-2px}.modal-section-title,.section-title-row{display:flex;align-items:center;gap:8px}.section-number-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fbeae8;color:#b3261e;font-size:11px;font-weight:800;flex-shrink:0}.section-title-text{font-size:13.5px;font-weight:800;color:#2a2321}.accordion-chevron{color:#8a7e78;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.accordion-chevron.open{transform:rotate(180deg)}.accordion-body{padding:12px 14px;background:#fff;border-top:1px solid #f0e6e1;display:flex;flex-direction:column;gap:10px}.form-grid{display:grid;grid-gap:10px 14px;gap:10px 14px}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.field-group{display:flex;flex-direction:column;gap:4px;min-width:0}.field-label{font-size:12px;font-weight:700;color:#4a3f3a;margin:0;display:flex;align-items:center;gap:4px}.field-label .req{color:#b3261e;font-weight:800}.field-label-with-help{display:flex;align-items:center;gap:4px}.field-sub-hint{font-size:11px;color:#8a7e78;line-height:1.3}.help-icon-btn{width:15px;height:15px;border-radius:50%;border:1px solid #baa9a2;background:none;color:#8a7e78;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:all .15s ease}.help-icon-btn:hover{background:#b3261e;color:#fff;border-color:#b3261e}.form-input,.form-select{width:100%;height:36px;padding:6px 10px;font-size:13px;font-family:inherit;color:#2a2321;background:#fff;border:1px solid #d9ceca;border-radius:6px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.form-input:focus,.form-select:focus{border-color:#b3261e;box-shadow:0 0 0 2px rgba(179,38,30,.12)}.form-select{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238a7e78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.form-input.disabled,.form-input:disabled{background:#faf7f5;color:#8a7e78;cursor:not-allowed}.horizontal-photo-upload{display:flex;align-items:center;gap:10px}.photo-mini-preview{width:44px;height:44px;border-radius:6px;border:1px solid #eee1db;background:#fdfaf8;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.photo-mini-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder{font-size:16px;font-weight:800;color:#b3261e}.photo-upload-actions{display:flex;flex-direction:column;gap:4px}.photo-btn-row{display:flex;align-items:center;gap:6px}.btn-select-photo{padding:5px 10px;font-size:12px;font-weight:700;border-radius:6px;background:#f4ede9;border:1px solid #d9ceca;color:#4a3f3a;cursor:pointer;transition:all .15s ease}.btn-select-photo:hover{background:#eee1db;color:#2a2321}.btn-trash-photo{padding:5px 8px;font-size:11.5px;font-weight:700;border-radius:6px;background:#fbeae8;border:1px solid #fbd6d2;color:#b3261e;cursor:pointer;transition:all .15s ease}.btn-trash-photo:hover{background:#f7d5d1}.photo-file-hint{font-size:10.5px;color:#a1958e}.unit-toggle-box{background:#faf7f5;border:1px solid #eee1db;border-radius:8px;padding:12px;display:grid;align-content:start;grid-gap:12px;gap:12px}.unit-toggle-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.unit-toggle-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.unit-toggle-title{font-size:12.5px;font-weight:700;color:#2a2321}.unit-toggle-dropdown{padding-top:0}.flex-checkbox-group{justify-content:flex-end;padding-top:22px}.checkbox-label-row{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#4a3f3a;cursor:pointer}.input-suffix-wrapper{display:flex;align-items:center;position:relative}.input-suffix-wrapper .form-input{padding-right:42px}.input-suffix-tag{position:absolute;right:8px;font-size:11.5px;color:#8a7e78;font-weight:600;pointer-events:none}.input-unit-combine{display:flex;border:1px solid #d9ceca;border-radius:6px;overflow:hidden;height:36px}.input-unit-combine .form-input{border:none;border-radius:0;flex:1 1;min-width:0;height:100%}.select-inline-unit{border:none;border-left:1px solid #eee1db;background:#faf7f5;padding:0 8px;font-size:12px;font-family:inherit;font-weight:600;color:#4a3f3a;cursor:pointer}.cost-formula-box{background:#fdfaf8;border:1px solid #eee1db;border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}@media (max-width:768px){.cost-formula-box{flex-direction:column;align-items:flex-start}}.cost-formula-pill{display:flex;align-items:center;gap:8px}.cost-formula-pill-label{font-size:12px;font-weight:700;color:#6b5f58}.cost-formula-pill-value{font-size:13.5px;font-weight:800;color:#b3261e;background:#fdf3f2;padding:3px 8px;border-radius:6px;border:1px solid #fbd6d2}.cost-formula-text{font-size:11.5px;color:#8a7e78;text-align:right}.stock-control-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:768px){.stock-control-grid{grid-template-columns:1fr}}.lot-control-col{display:flex;flex-direction:column;gap:6px}.lot-card-group{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.lot-select-card{background:#faf7f5;border:1.5px solid #eee1db;border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;cursor:pointer;transition:all .15s ease}.lot-select-card:hover{background:#fdf8f6;border-color:#d9ceca}.lot-select-card.active{background:#fdf3f2;border-color:#b3261e;color:#b3261e}.lot-card-icon{color:#8a7e78;margin-bottom:2px;display:flex;align-items:center;justify-content:center}.lot-select-card.active .lot-card-icon{color:#b3261e}.lot-card-title{font-size:12px;font-weight:800;color:#2a2321;line-height:1.2}.lot-select-card.active .lot-card-title{color:#b3261e}.lot-card-desc{font-size:10px;color:#8a7e78;line-height:1.2}.supplier-col{display:flex;flex-direction:column;gap:6px}.supplier-input-row{display:flex;align-items:center;gap:8px}.btn-add-supplier{padding:0 10px;height:36px;font-size:12px;font-weight:700;border-radius:6px;background:#f4ede9;border:1px solid #d9ceca;color:#4a3f3a;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-add-supplier:hover{background:#eee1db;color:#2a2321}.lot-tip-banner{background:#fdfaf8;border:1px solid #f4ede9;border-radius:8px;padding:8px 12px;font-size:11.5px;color:#8a7e78;display:flex;align-items:center;gap:6px;margin-top:4px}.lot-tip-icon{font-size:14px}.shelf-life-guide-box{background:#faf7f5;border:1px solid #eee1db;border-radius:8px;padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:6px}@media (max-width:768px){.shelf-life-guide-box{grid-template-columns:1fr}}.guide-col{display:flex;flex-direction:column;gap:4px}.guide-title{font-size:11.5px;font-weight:800;color:#4a3f3a}.guide-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px;font-size:11px;color:#6b5f58;line-height:1.35}.branch-min-header-row{display:flex;align-items:center;gap:20px;padding:4px 0 8px;border-bottom:1px solid #f4ede9}.branch-toggle-item{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#4a3f3a}.branch-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:8px}.detail-modal-eyebrow{display:block;margin-bottom:3px;color:var(--color-text-secondary);font-size:12px;font-weight:700}.detail-modal-message{padding:28px;text-align:center}.ingredient-detail-modal-overlay .modal-card{overflow:hidden}.ingredient-detail-modal-overlay .ingredient-modal-header{position:relative;z-index:2;flex:0 0 auto;background:var(--color-surface,#fff)}.ingredient-detail-content{display:grid;grid-gap:14px;gap:14px;min-height:0;padding:18px 22px 24px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ingredient-detail-hero{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;grid-gap:18px;gap:18px;padding:18px;border-radius:var(--sys-card-radius);background:var(--color-surface-elevated)}.ingredient-detail-photo{width:112px;height:112px;display:grid;place-items:center;overflow:hidden;border-radius:calc(var(--sys-card-radius) - 2px);background:var(--color-surface);color:var(--color-text-secondary);font-size:34px;font-weight:800}.ingredient-detail-photo img{width:100%;height:100%;object-fit:cover}.ingredient-detail-hero code{color:var(--color-text-secondary);font-size:12px}.ingredient-detail-hero h4{margin:4px 0 2px;color:var(--color-text-primary);font-size:22px}.ingredient-detail-hero p{margin:0 0 10px;color:var(--color-text-secondary)}.detail-badges{display:flex;flex-wrap:wrap;gap:6px}.detail-section{padding:16px 18px;border:1px solid var(--color-border);border-radius:var(--sys-card-radius);background:var(--color-surface)}.detail-section h5{margin:0 0 12px;color:var(--color-text-primary);font-size:15px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0}.detail-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-grid div{min-width:0}.detail-grid dt{margin-bottom:3px;color:var(--color-text-secondary);font-size:12px}.detail-grid dd{margin:0;color:var(--color-text-primary);font-size:14px;font-weight:700}.detail-branch-list{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.detail-branch-list>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap:10px;gap:10px;padding:10px 12px;border-radius:10px;background:var(--color-surface-elevated);font-size:13px}.detail-modal-edit-button{flex:0 0 auto;align-self:flex-end;margin-top:10px}@media (max-width:640px){.ingredient-detail-content{padding:14px}.ingredient-detail-hero{grid-template-columns:76px minmax(0,1fr);padding:14px}.ingredient-detail-photo{width:76px;height:76px}.ingredient-detail-hero h4{font-size:18px}.detail-grid,.detail-grid-4{grid-template-columns:1fr 1fr}.detail-branch-list>div{grid-template-columns:1fr;gap:3px}.detail-modal-edit-button{align-self:stretch;width:100%}}@media (max-width:768px){.branch-cards-grid{grid-template-columns:1fr}}.branch-card-box{background:#faf7f5;border:1px solid #eee1db;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.branch-card-title{font-size:12px;font-weight:800;color:#2a2321}.modal-bottom-check-bar{background:#fff;border:1px solid #eee1db;border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 1px 4px rgba(0,0,0,.03);margin-top:4px}@media (max-width:768px){.modal-bottom-check-bar{flex-direction:column;align-items:flex-start}}.bottom-check-info{display:flex;align-items:center;gap:12px}.check-number-circle{width:22px;height:22px;border-radius:50%;background:#fbeae8;color:#b3261e;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.check-texts{display:flex;flex-direction:column;gap:2px}.check-title{font-size:13.5px;font-weight:800;color:#2a2321}.check-subtitle{font-size:11.5px;color:#8a7e78}.bottom-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-modal-cancel{padding:8px 16px;font-size:13px;font-weight:700;border-radius:8px;background:#fff;border:1px solid #d9ceca;color:#6b5f58;cursor:pointer;transition:all .15s ease}.btn-modal-cancel:hover{background:#f4ede9;color:#2a2321}.btn-modal-submit{padding:8px 20px;font-size:13px;font-weight:700;border-radius:8px;background:#b3261e;border:1px solid #991e17;color:#fff;cursor:pointer;box-shadow:0 2px 6px rgba(179,38,30,.25);transition:all .15s ease}.btn-modal-submit:hover{background:#991e17}.btn-modal-submit:disabled{opacity:.6;cursor:not-allowed}.field-invalid,.field-invalid :is(select,.native-select-trigger),.field-invalid input{border-color:#b3261e!important;box-shadow:0 0 0 1px #b3261e}.field-warning-banner{display:flex;align-items:flex-start;gap:8px;background:#fff4e0;color:#7a4a00;border:1px solid #f3d9a4;border-radius:10px;padding:10px 12px;font-size:13px;margin:8px 0}.field-warning-banner svg{flex-shrink:0;margin-top:1px}.field-warning-banner .warning-actions{display:flex;gap:8px;margin-top:8px}.field-lock-note{display:flex;align-items:flex-start;gap:8px;background:#f4ede9;color:#6b5f58;border-radius:10px;padding:10px 12px;font-size:12.5px;margin-bottom:10px}.image-lightbox-overlay{position:fixed;inset:0;background:rgba(20,14,12,.75);display:flex;align-items:center;justify-content:center;z-index:500;padding:24px}.image-lightbox-img{max-width:min(80vw,480px);max-height:80vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.image-lightbox-close{position:absolute;top:24px;right:24px;background:hsla(0,0%,100%,.15);color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer}.recipe-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.recipe-kpi-card{background:#fff;border:1px solid #ede4db;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 3px rgba(42,35,33,.04)}.recipe-kpi-icon-wrap{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recipe-kpi-icon-wrap.blue{background:#e8f0fe;color:#1a73e8}.recipe-kpi-icon-wrap.green{background:#e6f4ea;color:#137333}.recipe-kpi-icon-wrap.amber{background:#fef7e0;color:#b06000}.recipe-kpi-icon-wrap.red{background:#fce8e6;color:#c5221f}.recipe-kpi-label{font-size:12px;color:#6b5f58;font-weight:500;margin-bottom:2px}.recipe-kpi-val{font-size:19px;font-weight:700;color:#2a2321;line-height:1.2}.recipe-filter-bar{background:#fff;border:1px solid #ede4db;border-radius:12px;padding:12px 14px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px rgba(42,35,33,.04)}.recipe-filter-top-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.recipe-search-box{position:relative;flex:1 1 240px}.recipe-search-box svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#8f8179}.recipe-search-input{width:100%;padding:8px 12px 8px 34px!important;border:1px solid #dfd5cb!important;border-radius:8px!important;font-size:13.5px!important;background:#faf7f2!important}.recipe-search-input:focus{background:#fff!important;border-color:#b3261e!important;outline:none}.recipe-category-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.recipe-chip-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12.5px;font-weight:600;border:1px solid #ede4db;background:#faf7f2;color:#574c46;cursor:pointer;white-space:nowrap;transition:all .15s ease}.recipe-chip-btn:hover{background:#f4ede9;color:#2a2321}.recipe-chip-btn.active{background:#b3261e;color:#fff;border-color:#b3261e}.recipe-chip-count{font-size:11px;padding:1px 6px;border-radius:10px;background:rgba(0,0,0,.06)}.recipe-chip-btn.active .recipe-chip-count{background:hsla(0,0%,100%,.25);color:#fff}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.recipe-card{background:#fff;border:1px solid #ede4db;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;box-shadow:0 1px 3px rgba(42,35,33,.04)}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(42,35,33,.08);border-color:#dfd5cb}.recipe-card-hero{height:140px;background:#f4ede9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.recipe-card-hero img{width:100%;height:100%;object-fit:cover}.recipe-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a89a91;gap:6px}.recipe-card-category-tag{left:10px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#3b322e}.recipe-card-category-tag,.recipe-card-edit-action{position:absolute;top:10px;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recipe-card-edit-action{right:10px;width:36px;height:36px;min-height:0;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.06);color:#574c46;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;z-index:1}.recipe-card-edit-action:hover{background:#b3261e;color:#fff;transform:scale(1.08)}.recipe-card-body{padding:14px;display:flex;flex-direction:column;flex:1 1}.recipe-card-name{font-size:15px;font-weight:700;color:#2a2321;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-card-badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.recipe-card-pricing-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:8px;border-top:1px solid #f4ede9}.recipe-card-price{font-size:16px;font-weight:800;color:#b3261e}.recipe-card-cost-sub{font-size:11.5px;color:#7d7068}.recipe-foodcost-pill{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:3px}.recipe-foodcost-pill.good{background:#e6f4ea;color:#137333}.recipe-foodcost-pill.warn{background:#fef7e0;color:#b06000}.recipe-foodcost-pill.bad{background:#fce8e6;color:#c5221f}.modal-card--wide{max-width:min(820px,calc(100vw - 48px));width:100%;max-height:calc(100dvh - 48px);padding:0;gap:0;overflow:hidden}.recipe-modal-header{display:flex;flex-direction:column;gap:2px;padding:20px 24px;border-bottom:1px solid #f0e8e3;flex-shrink:0}.recipe-modal-header h3{margin:0}.recipe-modal-body{padding:20px 24px;overflow-y:auto;flex:1 1 auto;min-height:0}.recipe-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #f0e8e3;background:#fff;flex-shrink:0}.recipe-modal-footer button{padding:11px 22px;border-radius:10px;font-weight:600}.recipe-modal-grid{display:grid;grid-template-columns:280px 1fr;grid-gap:24px;gap:24px;align-items:start}@media (max-width:767px){.recipe-modal-grid{grid-template-columns:1fr}}.recipe-modal-fields-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:767px){.recipe-modal-fields-row{grid-template-columns:1fr;gap:0}}.display-stock-adjust-section{margin-top:18px;padding-top:14px;border-top:1px solid #f0e8e3}.display-stock-adjust-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #f0e8e3}.display-stock-adjust-row:last-child{border-bottom:none}.display-stock-adjust-row-info{display:flex;flex-direction:column;min-width:140px;flex:1 1 140px}@media (max-width:767px){.modal-card--wide{width:100%;max-width:100%;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.recipe-modal-body,.recipe-modal-footer,.recipe-modal-header{padding-left:16px;padding-right:16px}}.branch-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.branch-chip-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12.5px;border:1px solid #dfd5cb;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s ease}.branch-chip-item.active{background:#f4ede9;border-color:#b3261e;color:#b3261e;font-weight:600}.recipe-lifecycle-stepper{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#fff;border:1px solid #ede4db;border-radius:10px;margin-bottom:16px;overflow-x:auto}.stepper-step{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#8f8179;white-space:nowrap}.stepper-step.active{color:#b3261e}.stepper-step.passed{color:#137333}.stepper-step-num{width:20px;height:20px;border-radius:50%;background:#ede4db;color:#6b5f58;display:flex;align-items:center;justify-content:center;font-size:11px}.stepper-step.active .stepper-step-num{background:#b3261e;color:#fff}.stepper-step.passed .stepper-step-num{background:#e6f4ea;color:#137333}.pin-pad-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0}.pin-dots-display{display:flex;gap:12px;margin:10px 0}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid #dfd5cb;background:transparent;transition:all .15s ease}.pin-dot.filled{background:#b3261e;border-color:#b3261e;transform:scale(1.15)}.pin-pad-grid{display:grid;grid-template-columns:repeat(3,64px);grid-gap:10px;gap:10px}.pin-key-btn{width:64px;height:52px;border-radius:12px;border:1px solid #ede4db;background:#fff;font-size:18px;font-weight:700;color:#2a2321;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.pin-key-btn:active{background:#f4ede9;transform:scale(.95)}.help-tooltip-wrap{position:relative;display:inline-flex;align-items:center;cursor:help;color:#8f8179;margin-left:4px}.help-tooltip-wrap:hover{color:#b3261e}.help-tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:#2a2321;color:#fff;font-size:11.5px;font-weight:400;padding:6px 10px;border-radius:6px;white-space:normal;width:max-content;max-width:220px;z-index:100;transition:opacity .2s;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:none;line-height:1.35}.help-tooltip-wrap:hover .help-tooltip-text{visibility:visible;opacity:1}.assembly-step-card{background:#fff;border:1px solid #ede4db;border-radius:12px;padding:14px;margin-bottom:12px;display:flex;gap:14px;align-items:flex-start}.assembly-step-badge{width:28px;height:28px;border-radius:50%;background:#f4ede9;color:#b3261e;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stock-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.stock-kpi-card{background:#fff;border:1px solid #ede4db;border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,.03)}.stock-kpi-card.warn{border-color:#fbd38d;background:#fffdfa}.stock-kpi-card.danger{border-color:#feb2b2;background:snow}.stock-kpi-val{font-size:24px;font-weight:800;color:#2a2321;line-height:1.15}.stock-kpi-val.warn{color:#b06000}.stock-kpi-val.danger{color:#c62828}.stock-kpi-val.success{color:#137333}.stock-kpi-label{font-size:12px;font-weight:600;color:#8f8179;display:flex;align-items:center;gap:4px;margin-bottom:4px}.quick-switch-banner{background:#faf7f2;border:1px solid #ede4db;border-radius:10px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px}body,html{touch-action:pan-x pan-y;overflow-x:hidden!important;max-width:100vw!important;box-sizing:border-box!important}*,:after,:before{box-sizing:border-box}.breadcrumb-nav{display:flex;align-items:center;gap:8px;font-size:13px;color:#8f8179;margin-bottom:12px;flex-wrap:wrap}.breadcrumb-back-link{display:inline-flex;align-items:center;gap:6px;color:#b3261e;font-weight:700;font-size:13px;text-decoration:none;padding:4px 10px;background:#faf7f2;border:1px solid #ede4db;border-radius:8px;transition:all .15s ease}.breadcrumb-back-link:hover{background:#f4ede9;border-color:#dfd5cb}.breadcrumb-item{color:#6b5f58;text-decoration:none}.breadcrumb-sep{color:#c7bdaf;font-size:12px}.breadcrumb-current{color:#2a2321;font-weight:700}.lot-desktop-table{display:block;max-width:100%}.lot-mobile-cards{display:none;width:100%}.desktop-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mobile-header-actions{display:none}.mobile-action-sheet-list{display:flex;flex-direction:column;background:#fff;border:1px solid #ede4db;border-radius:12px;overflow:hidden}.mobile-action-sheet-item{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:#2a2321;border-bottom:1px solid #f4ede9;cursor:pointer;transition:background-color .15s ease}.mobile-action-sheet-item:last-child{border-bottom:none}.mobile-action-sheet-item:active{background:#faf7f2}.mobile-action-icon-wrap{width:34px;height:34px;border-radius:8px;background:#faf7f2;color:#b3261e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-action-text{flex:1 1 auto;display:flex;flex-direction:column;gap:1px}.mobile-action-title{font-size:13.5px;font-weight:700;color:#2a2321}.mobile-action-desc{font-size:11px;color:#8f8179}.mobile-lot-card{background:#fff;border:1px solid #ede4db;border-radius:12px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.03);position:relative;transition:transform .1s ease;width:100%}.mobile-lot-card.first-fifo{border-left:4px solid #b3261e;background:#fffdfb}.mobile-lot-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.mobile-fifo-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;flex-shrink:0}.mobile-fifo-badge.active-first{background:#b3261e;color:#fff}.mobile-fifo-badge.regular{background:#ede4db;color:#5a4d46}.mobile-lot-meta-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;background:#faf7f2;border:1px solid #ede4db;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:12.5px}.mobile-lot-meta-item{display:flex;flex-direction:column;gap:2px}.mobile-lot-meta-label{font-size:11px;color:#8f8179;font-weight:600}.mobile-lot-meta-value{font-weight:700;color:#2a2321}.mobile-lot-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.mobile-lot-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:700;border:1px solid #ede4db;background:#fff;color:#2a2321;cursor:pointer;transition:all .1s ease}.mobile-lot-btn.danger{color:#b3261e;border-color:#f5c2c0}.mobile-lot-btn:active{background:#f4ede9;transform:scale(.98)}.mobile-filter-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px;width:100%;scrollbar-width:none}.mobile-filter-chips::-webkit-scrollbar{display:none}.mobile-chip-btn{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid #ede4db;background:#fff;color:#6b5f58;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease;flex-shrink:0}.mobile-chip-btn.active{background:#b3261e;color:#fff;border-color:#b3261e}.mobile-sticky-fab{display:none;position:fixed;bottom:16px;left:16px;right:16px;z-index:90;box-shadow:0 4px 16px rgba(179,38,30,.35);border-radius:12px}.mobile-fab-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:#b3261e;color:#fff;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;border:0;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media (max-width:768px){.lot-desktop-table{display:none!important}.lot-mobile-cards{display:flex!important;flex-direction:column;gap:10px;width:100%!important}.desktop-header-actions{display:none!important}.mobile-header-actions{display:flex!important;gap:8px!important;width:100%!important;margin-top:10px!important}.mobile-sticky-fab{display:block!important}.stock-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:14px!important;width:100%!important}.stock-kpi-card{padding:10px 12px!important;border-radius:10px!important;min-width:0!important}.stock-kpi-val{font-size:18px!important}.stock-kpi-label{font-size:11px!important}.filter-row{flex-direction:column!important;width:100%!important}.filter-row :is(select,.native-select-trigger),.filter-row input,.filter-row>div{width:100%!important;min-width:0!important;flex:1 1 100%!important}.modal-overlay{padding:calc(12px + env(safe-area-inset-top, 0px)) calc(12px + env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) calc(12px + env(safe-area-inset-left, 0px))!important;align-items:center!important;z-index:500!important}.modal-card:not(.modal-card--wide){padding:18px 16px!important;border-radius:16px!important;max-height:calc(100% - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important;width:100%!important;box-sizing:border-box!important}}.orders-page-container{display:flex;flex-direction:column;gap:16px}.orders-header-row{justify-content:space-between;gap:12px}.orders-header-row,.orders-stats-summary{display:flex;align-items:center;flex-wrap:wrap}.orders-stats-summary{gap:8px}.orders-stats-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #eee1db;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;color:#2a2321}.orders-stats-pill strong{color:#b3261e}.orders-filter-card{background:#fff;border-radius:14px;border:1px solid #eee1db;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;align-items:flex-end}@media (max-width:640px){.orders-filter-card{grid-template-columns:1fr;padding:14px;gap:12px}}.orders-filter-item{display:flex;flex-direction:column;gap:6px}.orders-filter-label{font-size:13px;font-weight:600;color:#4a3f3a}.orders-filter-input{width:100%;height:40px;min-height:40px;border:1px solid #e6dcd6;border-radius:10px;padding:0 12px;font-size:14px;background:#fff;color:#2a2321}.orders-filter-input:focus{border-color:#b3261e;outline:none}.orders-desktop-view{display:block}.orders-mobile-view{display:none}@media (max-width:768px){.orders-desktop-view{display:none!important}.orders-mobile-view{display:flex!important;flex-direction:column;gap:12px}}.order-card-mobile{background:#fff;border-radius:14px;border:1px solid #eee1db;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.order-card-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #f8f4f0;padding-bottom:10px}.order-card-mobile-number{font-size:15.5px;font-weight:700;color:#2a2321;display:flex;align-items:center;gap:6px}.order-card-mobile-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 12px;gap:8px 12px;font-size:13px;background:#faf7f5;padding:10px 12px;border-radius:10px}.order-card-mobile-prop{display:flex;flex-direction:column;gap:2px}.order-card-mobile-prop-label{font-size:11.5px;color:#8a7e78;font-weight:500}.order-card-mobile-prop-value{font-weight:600;color:#2a2321;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-card-mobile-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:4px}.order-card-mobile-total{display:flex;flex-direction:column}.order-card-mobile-total-label{font-size:11.5px;color:#8a7e78}.order-card-mobile-total-val{font-size:17px;font-weight:800;color:#b3261e}.order-card-mobile-actions{display:flex;align-items:center;gap:6px}.btn-order-detail{background:#f4ede9!important;color:#2a2321!important;border:1px solid #eee1db!important;border-radius:8px!important;padding:6px 12px!important;font-size:13px!important;font-weight:600!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px!important;height:34px!important;transition:all .15s ease;white-space:nowrap}.btn-order-detail:hover{background:#eee1db!important;color:#000!important}.btn-order-return{background:#fff0f0!important;color:#b3261e!important;border:1px solid #fecaca!important;border-radius:8px!important;padding:6px 12px!important;font-size:13px!important;font-weight:600!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px!important;height:34px!important;transition:all .15s ease;white-space:nowrap}.btn-order-return:hover{background:#fee2e2!important;border-color:#fca5a5!important}.badge-status-done{background:#e6f4ea!important;color:#1e7e34!important}.badge-status-canceled{background:#fbeae8!important;color:#b3261e!important}.badge-status-draft{background:#f4ede9!important;color:#6b5f58!important}.badge-status-pending{background:#fff4e0!important;color:#b45309!important}.badge-status-progress{background:#e8f0fe!important;color:#1a56b3!important}.badge-status-packing{background:#f3e8ff!important;color:#6b21a8!important}.badge-status-ready{background:#e0f2fe!important;color:#0369a1!important}.order-detail-modal-sheet{width:min(560px,calc(100vw - 24px))!important;max-height:calc(100dvh - 40px)!important;overflow-y:auto!important;background:#fff!important;border-radius:16px!important;padding:20px!important;box-shadow:0 12px 40px rgba(0,0,0,.18)!important;border:1px solid #eee1db!important}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:16px;font-size:13.5px;background:#faf7f5;padding:14px 16px;border-radius:10px}@media (max-width:560px){.order-detail-modal-sheet{padding:16px!important;border-radius:14px!important}.order-detail-grid{grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}}.perf-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.perf-preset-btn{padding:8px 14px;border-radius:999px;border:1px solid var(--color-border,#eee1db);background:var(--color-surface,#fff);color:var(--color-text-secondary,#7a716f);font-size:13px;font-weight:600;cursor:pointer}.perf-preset-btn.active{background:var(--brand-primary,#b3261e);border-color:var(--brand-primary,#b3261e);color:#fff}.perf-custom-range{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary,#7a716f)}.perf-custom-range input[type=date]{padding:7px 10px;border-radius:8px;border:1px solid var(--color-border,#eee1db);font-size:13px}.perf-custom-trigger{display:inline-flex;align-items:center;gap:7px}.perf-range-summary{margin-top:10px;color:var(--color-text-primary);font-size:14px;font-weight:700}.perf-calendar-popover{width:min(390px,100%);margin-top:10px;padding:16px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:0 18px 46px rgba(50,36,31,.16)}.perf-calendar-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;grid-gap:8px;gap:8px}.perf-calendar-head strong{text-align:center;font-size:16px}.perf-calendar-head button{width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-text-primary);font-size:25px}.perf-calendar-head button:disabled{opacity:.35}.perf-single-day{display:inline-flex;align-items:center;gap:8px;margin:12px 0;font-size:14px;font-weight:700;cursor:pointer}.perf-single-day input{width:20px;height:20px;accent-color:var(--brand-primary)}.perf-calendar-grid,.perf-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.perf-calendar-weekdays{margin-bottom:5px;color:var(--color-text-secondary);font-size:12px;font-weight:700}.perf-calendar-weekdays span{padding:5px 0}.perf-calendar-grid button{position:relative;height:40px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-text-primary);font-size:14px;z-index:0}.perf-calendar-grid button.in-range{background:var(--brand-primary-light)}.perf-calendar-grid button.selected{border-radius:50%;background:var(--brand-primary);color:#fff;font-weight:800}.perf-calendar-grid button.range-start{border-radius:999px 0 0 999px;background:radial-gradient(circle at 50% 50%,var(--brand-primary) 0 19px,transparent 19.5px),linear-gradient(to right,transparent 0 50%,var(--brand-primary-light) 50% 100%)}.perf-calendar-grid button.range-end{border-radius:0 999px 999px 0;background:radial-gradient(circle at 50% 50%,var(--brand-primary) 0 19px,transparent 19.5px),linear-gradient(to right,var(--brand-primary-light) 0 50%,transparent 50% 100%)}.perf-calendar-grid button:disabled{color:var(--color-text-muted);cursor:default}.perf-calendar-summary{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:13px}.perf-calendar-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:12px}.perf-calendar-actions button{min-height:44px;border-radius:12px;font-weight:800}.perf-calendar-actions .secondary{border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary)}.perf-calendar-actions .primary{border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff}.overview-today-header{display:grid;justify-items:start;grid-gap:4px;gap:4px;margin-bottom:16px}.overview-today-eyebrow{color:var(--brand-primary);font-size:14px;font-weight:800}.overview-today-header h2{margin:0;font-size:34px;line-height:1.15}.overview-today-date{font-size:18px;font-weight:700}.overview-history-link{margin-top:4px;color:var(--brand-primary);font-size:13px;font-weight:700;text-decoration:none}.overview-store-status{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:14px;padding:16px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:0 3px 12px rgb(50 36 31/7%)}.overview-opener,.overview-store-state{display:flex;align-items:center;gap:12px;min-width:0}.overview-store-state{padding-right:16px;border-right:1px solid var(--color-border)}.overview-opener>div:last-child,.overview-store-state>div{display:grid;grid-gap:2px;gap:2px;min-width:0}.overview-store-state strong{font-size:20px;color:var(--color-danger)}.overview-store-status.open .overview-store-state strong{color:var(--color-success)}.overview-opener small,.overview-opener span,.overview-store-state span:not(.overview-status-dot){color:var(--color-text-secondary);font-size:12px}.overview-status-dot{width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:var(--color-danger);box-shadow:0 0 0 6px rgba(217,45,32,.12)}.overview-store-status.open .overview-status-dot{background:var(--color-success);box-shadow:0 0 0 6px rgba(18,128,92,.12)}.overview-opener-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:50%;background:#e6f5ed;color:var(--color-success)}.overview-opener strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.overview-opener small{color:var(--color-success)}.overview-branch-scope{margin:-3px 0 12px;color:var(--color-text-secondary);font-size:12px}.finance-stat-card.expense .finance-stat-icon{background:#e8f1fd;color:#2463a6}@media (max-width:640px){.overview-today-header h2{font-size:30px}.overview-store-status{grid-template-columns:1fr;gap:12px;padding:14px}.overview-store-state{padding:0 0 12px;border-right:0;border-bottom:1px solid var(--color-border)}.overview-store-state strong{font-size:18px}.perf-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.perf-preset-btn{min-height:44px;border-radius:12px;padding:8px 10px}.perf-custom-trigger{justify-content:center}}@media (max-width:899px){.navbar{padding-left:10px;padding-right:10px}.navbar .hamburger{width:var(--posm-icon-control);height:var(--posm-icon-control);min-width:var(--posm-icon-control);min-height:var(--posm-icon-control);display:inline-flex;align-items:center;justify-content:center;padding:9px;border-radius:var(--posm-radius-control);color:#fff}.navbar .hamburger svg{width:26px;height:26px}.navbar .hamburger:active{background:hsla(0,0%,100%,.16)}.topbar-branch-trigger{height:var(--posm-control-height);min-width:0;max-width:min(190px,calc(100vw - 166px));padding:0 10px;border-radius:var(--posm-radius-control);border-color:#ddd7d4;background:#fff;color:var(--color-text-primary);box-shadow:0 2px 5px rgb(50 36 31/9%)}.topbar-branch-trigger:hover,.topbar-branch-trigger[aria-expanded=true]{background:#fff9f8;border-color:#d7aaa4}.topbar-branch-trigger-name{max-width:118px;color:var(--color-text-primary);font-size:14px;font-weight:800}.topbar-branch-dropdown{position:fixed;inset:auto 4px 4px;width:auto;min-width:0;max-width:none;max-height:min(78dvh,720px);overflow-y:auto;padding:18px;border-radius:20px;z-index:500;box-shadow:0 0 0 100vmax rgba(29,24,22,.48),0 24px 70px rgba(35,24,21,.24)}.topbar-branch-dropdown:before{content:"เลือกสาขาที่ต้องการดู";display:block;padding:2px 2px 14px;color:var(--color-text-primary);font-size:20px;font-weight:800}.topbar-branch-option{min-height:64px;padding:12px 14px;border:1.5px solid #e4ddda;border-radius:14px;font-size:16px}.topbar-branch-option+.topbar-branch-option{margin-top:8px}.topbar-branch-option.active{border-color:#dbe9df;background:#f5faf6;color:#19713a}.topbar-branch-option.active:after{content:"กำลังดู";margin-left:auto;padding:5px 8px;border-radius:999px;background:#dff2e4;color:#19713a;font-size:11px;font-weight:800}.topbar-branch-option.active svg{display:none}.topbar-branch-option-divider{margin:8px 0}}@media (max-width:420px){.topbar-branch-trigger{padding:0 8px;gap:5px}.topbar-branch-trigger-name{max-width:92px;font-size:13px}}.perf-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.perf-chart-card{background:var(--color-surface,#fff);border-radius:12px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.08);min-width:0}.perf-chart-card.full-width{grid-column:1/-1}.perf-chart-title{font-size:14px;font-weight:700;color:var(--color-text-primary,#2a2321);margin-bottom:2px}.perf-chart-subtitle{font-size:12px;margin-bottom:12px}.perf-chart-empty,.perf-chart-subtitle{color:var(--color-text-secondary,#7a716f)}.perf-chart-empty{font-size:13px;padding:32px 0;text-align:center}.perf-meter-row{margin-bottom:14px}.perf-meter-row:last-child{margin-bottom:0}.perf-meter-labels{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:6px}.perf-meter-labels .name{font-weight:600;color:var(--color-text-primary,#2a2321)}.perf-meter-labels .value{color:var(--color-text-secondary,#7a716f);font-size:12px}.perf-meter-track{height:10px;border-radius:999px;background:var(--color-bg,#faf7f2);border:1px solid var(--color-border,#eee1db);overflow:hidden}.perf-meter-fill{height:100%;border-radius:999px;background:var(--color-success,#12805c);transition:width .3s ease}.perf-meter-row.below-target .perf-meter-fill{background:var(--color-warning,#d97706)}.perf-branch-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.perf-rank-branch-name{font-size:13px;font-weight:700;color:var(--color-text-primary,#2a2321);margin-bottom:10px}.perf-rank-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-border,#eee1db)}.perf-rank-item:last-child{border-bottom:none}.perf-rank-badge{width:22px;height:22px;border-radius:50%;background:var(--color-bg,#faf7f2);color:var(--color-text-secondary,#7a716f);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.perf-rank-item:first-child .perf-rank-badge{background:var(--brand-primary,#b3261e);color:#fff}.perf-rank-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-rank-count,.perf-rank-name{font-size:13px;color:var(--color-text-primary,#2a2321)}.perf-rank-count{font-weight:700;flex-shrink:0}.perf-rank-toggle{width:100%;border:0;border-top:1px solid var(--color-border,#eee1db);background:transparent;color:var(--brand-primary,#b3261e);padding:12px 0 2px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.perf-bar-row{margin-bottom:12px}.perf-bar-row:last-child{margin-bottom:0}.perf-bar-row-labels{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px;gap:8px}.perf-bar-row-labels .name{font-weight:600;color:var(--color-text-primary,#2a2321);display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-bar-row-labels .amount{color:var(--color-text-secondary,#7a716f);flex-shrink:0}.perf-bar-track{height:8px;border-radius:999px;background:var(--color-bg,#faf7f2);overflow:hidden}.perf-bar-fill{height:100%;border-radius:999px}.perf-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.perf-insight-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.perf-insight{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;font-size:13px;border:1px solid transparent}.perf-insight.warning{background:#fdf3d9;color:#8a5a00;border-color:#f3dfa0}.perf-insight.danger{background:var(--brand-primary-light,#fbeae8);color:var(--brand-primary,#b3261e);border-color:#f3c9c4}.perf-insight svg{flex-shrink:0;margin-top:1px}@media (max-width:768px){.perf-branch-columns,.perf-section-grid{grid-template-columns:1fr}}.topbar-branch-dropdown-title{padding:8px 12px 10px;color:var(--color-text-primary);font-size:16px;font-weight:800}.topbar-branch-option{gap:10px}.topbar-branch-option>svg:first-child{color:var(--color-text-secondary)}.topbar-branch-option.active>svg:first-child{color:var(--brand-primary)}.overview-heading-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.overview-store-illustration{display:grid;place-items:center;color:var(--brand-primary);border-radius:18px;background:var(--brand-primary-light);width:76px;min-height:76px;align-self:center;justify-self:end;font-size:42px;line-height:1}.overview-store-state small{color:var(--color-text-secondary);font-size:12px}.overview-operation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}@media (max-width:899px){.topbar-branch-wrapper{position:relative}.topbar-branch-trigger{height:44px;min-width:0;max-width:min(174px,calc(100vw - 154px));padding:0 12px;border-color:hsla(0,0%,100%,.48);background:hsla(0,0%,100%,.08);color:#fff;box-shadow:none}.topbar-branch-trigger:hover,.topbar-branch-trigger[aria-expanded=true]{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.7)}.topbar-branch-trigger-name{color:#fff;font-size:14px;font-weight:800}.topbar-branch-dropdown{position:absolute;inset:calc(100% + 10px) 0 auto auto;width:min(276px,calc(100vw - 28px));min-width:236px;max-width:none;max-height:min(66dvh,520px);overflow-y:auto;padding:8px;border:1px solid var(--color-border);border-radius:15px;background:#fff;z-index:500;box-shadow:0 18px 44px rgba(35,24,21,.22)}.topbar-branch-dropdown:before{content:"";position:absolute;top:-7px;right:42px;width:14px;height:14px;padding:0;background:#fff;transform:rotate(45deg);border:0;font-size:0}.topbar-branch-option{position:relative;min-height:48px;padding:10px 12px;border:0;border-radius:10px;font-size:14px}.topbar-branch-option+.topbar-branch-option{margin-top:2px}.topbar-branch-option.active{border:0;background:var(--brand-primary-light);color:var(--brand-primary)}.topbar-branch-option.active:after{display:none}.topbar-branch-option.active>svg:last-child{display:block;margin-left:auto;color:var(--brand-primary)}.topbar-branch-option-divider{margin:3px 0}}@media (max-width:640px){.overview-today-header{gap:5px;margin-bottom:12px}.overview-heading-line{gap:7px;flex-wrap:nowrap}.overview-today-header h2{font-size:22px;white-space:nowrap}.overview-today-date{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.overview-history-link{display:none}.overview-store-status{grid-template-columns:1fr 76px;gap:12px;padding:15px;border-radius:14px}.overview-store-state{align-items:flex-start;padding:0;border:0}.overview-store-state strong{font-size:17px}.overview-store-state>div{gap:6px}.overview-store-illustration{width:68px;min-height:68px}.overview-branch-scope,.overview-channel-filter{display:none}.overview-kpi-grid,.performance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-kpi-grid .finance-stat-card,.performance-kpi-grid .finance-stat-card{min-height:126px;padding:14px 12px;align-items:flex-start;gap:9px;border-radius:13px}.overview-kpi-grid .finance-stat-icon,.performance-kpi-grid .finance-stat-icon{width:38px;height:38px;min-width:38px}.overview-kpi-grid .finance-stat-label,.performance-kpi-grid .finance-stat-label{font-size:12px;line-height:1.25}.overview-kpi-grid .finance-stat-value,.performance-kpi-grid .finance-stat-value{font-size:22px;line-height:1.15}.overview-kpi-grid .finance-stat-trend{font-size:10px}.overview-operation-list{grid-template-columns:1fr;gap:0;overflow:hidden;border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:0 3px 12px rgb(50 36 31/7%)}.overview-operation-list .finance-stat-card{min-height:76px;border:0;border-radius:0;box-shadow:none;padding:11px 14px}.overview-operation-list .finance-stat-card+.finance-stat-card{border-top:1px solid var(--color-border)}.overview-operation-list .finance-stat-card>div:nth-child(2){display:grid;grid-template-columns:1fr auto;align-items:center;flex:1 1;grid-column-gap:10px;column-gap:10px}.overview-operation-list .finance-stat-card:after{content:"›";color:var(--color-text-secondary);font-size:24px;line-height:1}.overview-operation-list .finance-stat-label{font-size:13px}.overview-operation-list .finance-stat-value{grid-column:2;grid-row:1/span 2;color:var(--color-text-primary);font-size:20px}.overview-operation-list .cancelled .finance-stat-value,.overview-operation-list .pending .finance-stat-value{color:var(--brand-primary)}.overview-operation-list .ready .finance-stat-value{color:var(--color-success)}.overview-operation-list .finance-stat-caption{font-size:11px}.page-header-row{margin-bottom:6px}.page-header-row h2{font-size:24px}.page-subtitle{font-size:12px}.perf-filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;margin-top:12px}.perf-preset-btn{min-height:38px;padding:6px 5px;border-radius:11px;font-size:11px;white-space:nowrap}.perf-custom-trigger{gap:4px}.perf-custom-trigger svg{display:none}.perf-range-summary{display:flex;align-items:center;gap:6px;margin:9px 2px 0;font-size:12px}.perf-range-summary:before{content:"▣";color:var(--color-text-secondary)}.perf-calendar-popover{position:relative;width:100%;margin-top:10px;padding:14px;border-radius:14px;box-shadow:0 12px 30px rgba(50,36,31,.16)}.perf-calendar-popover:before{content:"";position:absolute;top:-7px;right:33px;width:14px;height:14px;background:#fff;transform:rotate(45deg)}.perf-single-day{margin:0 0 12px}.perf-calendar-head{grid-template-columns:36px 1fr 36px}.perf-calendar-head button{width:36px;height:36px;border:0}.perf-calendar-grid button{height:39px}.perf-calendar-grid button.in-range{background:#f9d9d6}.perf-calendar-actions button{min-height:42px}.performance-kpi-grid{margin-top:14px}.performance-kpi-grid .finance-stat-card{display:block;min-height:138px;padding:18px 16px;border:0;box-shadow:none}.performance-kpi-grid .finance-stat-card>div:last-child{display:flex;min-height:102px;flex-direction:column}.performance-kpi-grid .finance-stat-icon{display:none}.performance-kpi-grid .finance-stat-card.sales{background:#fcebea}.performance-kpi-grid .finance-stat-card.orders{background:#eaf3fd}.performance-kpi-grid .finance-stat-card.income{background:#ecf7ee}.performance-kpi-grid .finance-stat-card.ready{background:#f3ecfb}.performance-kpi-grid .finance-stat-label{font-size:14px;line-height:1.3}.performance-kpi-grid .finance-stat-value{margin-top:6px;font-size:26px;line-height:1.16}.performance-kpi-grid .finance-stat-caption{margin-top:auto;padding-top:10px;color:var(--color-text-secondary);font-size:12px;line-height:1.35}.performance-kpi-grid .finance-stat-card.ready .finance-stat-caption,.performance-kpi-grid .finance-stat-card.sales .finance-stat-caption{border-top:1px solid rgba(92,73,66,.12)}.performance-kpi-grid .finance-stat-card.cancelled{display:none}.perf-chart-card{padding:14px;border-radius:14px}.perf-rank-item{padding:10px 0}.perf-rank-toggle{min-height:38px;border:0;margin-top:6px;padding:8px;background:transparent}}.menu-catalog-container{display:flex;flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;padding-bottom:40px}.bom-page-header,.menu-page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.bom-page-header h2,.menu-page-header h2{margin:0;font-size:22px;font-weight:800;color:var(--color-text-primary,#2a2321)}.bom-page-title{display:flex;align-items:center;gap:2px}.page-sub-desc{margin:2px 0 0;font-size:13px;color:var(--color-text-secondary,#7a716f)}.menu-add-button{-webkit-tap-highlight-color:transparent}@media (max-width:767px){.menu-catalog-container,.units-page{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.menu-add-button{position:fixed;z-index:90;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));display:inline-flex;width:58px;height:58px;min-width:58px;min-height:58px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--brand-primary,#b3261e);color:#fff;box-shadow:0 8px 24px rgba(95,24,19,.32);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.menu-add-button svg{width:26px;height:26px;stroke-width:2.5}.menu-add-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.menu-add-button:active{background:var(--brand-primary-hover,#8f1e18);box-shadow:0 4px 12px rgba(95,24,19,.28);transform:scale(.92)}.menu-add-button:focus-visible{outline:3px solid rgba(179,38,30,.24);outline-offset:3px}}@media (max-width:767px) and (prefers-reduced-motion:reduce){.menu-add-button{transition-duration:.01ms}}.catalog-filters-card{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}.catalog-search-box{display:flex;align-items:center;gap:10px;background:var(--color-bg,#faf7f2);border:1px solid var(--color-border,#eee1db);border-radius:10px;padding:8px 12px}.catalog-search-box input{border:none;background:transparent;width:100%;font-size:14px;outline:none}.search-clear-btn{background:none;border:none;font-size:18px;color:#999;cursor:pointer}.catalog-dropdown-filters{display:flex;gap:10px;align-items:flex-start}.catalog-dropdown-filters-mobile,.catalog-mobile-filter-slot{display:none}.catalog-multi-filter{position:relative;flex:1 1;min-width:0}.catalog-multi-filter.open{z-index:90}.catalog-filter-backdrop{position:fixed;z-index:1;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;visibility:hidden;pointer-events:none;cursor:default;transition:none;-webkit-tap-highlight-color:transparent}.catalog-filter-backdrop:active,.catalog-filter-backdrop:focus,.catalog-filter-backdrop:hover{background:transparent;outline:none;box-shadow:none}.catalog-multi-filter.open .catalog-filter-backdrop{visibility:visible;pointer-events:auto}.catalog-multi-filter-trigger{width:100%;min-height:var(--sys-control-height,38px);padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--color-border,#eee1db);border-radius:var(--sys-input-radius,10px);background:var(--color-surface,#fff);color:var(--color-text-primary,#2a2321);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.catalog-multi-filter-trigger span{min-width:0;flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.catalog-multi-filter-trigger>svg:last-child{flex:0 0 auto;transition:transform .15s ease}.catalog-multi-filter.open .catalog-multi-filter-trigger{border-color:var(--color-border-focus,#b3261e);color:var(--brand-primary,#b3261e);box-shadow:0 0 0 3px var(--focus-ring,rgba(179,38,30,.08))}.catalog-multi-filter.open .catalog-multi-filter-trigger>svg:last-child{transform:rotate(180deg)}.catalog-multi-filter-menu{position:absolute;z-index:2;top:calc(100% + 8px);left:0;width:100%;min-width:230px;padding:8px;border:1px solid var(--color-border,#eee1db);border-radius:var(--sys-card-radius,10px);background:var(--color-surface,#fff);box-shadow:0 12px 32px rgba(42,35,33,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s linear .2s}.catalog-multi-filter.open .catalog-multi-filter-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.catalog-multi-filter-title{display:block;padding:4px 8px 7px;color:var(--color-text-secondary,#7a716f);font-size:12px;font-weight:700}.catalog-multi-filter-option{min-height:42px;padding:8px;display:flex;align-items:center;gap:9px;border-radius:var(--sys-input-radius,10px);color:var(--color-text-primary,#2a2321);font-size:13px;cursor:pointer}.catalog-multi-filter-option:hover{background:var(--color-surface-elevated,#f8f4f0)}.catalog-multi-filter-option.selected{background:transparent;color:var(--color-text-primary,#2a2321);font-weight:600}.catalog-multi-filter-option.select-all{margin-bottom:4px;border-bottom:1px solid var(--color-border,#eee1db);border-radius:0}.catalog-multi-filter-option input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:var(--brand-primary,#b3261e)}.catalog-multi-filter-option>span:not(.catalog-filter-tone){min-width:0;flex:1 1}.catalog-multi-filter-option strong{min-width:24px;font-size:12px;text-align:right}.catalog-multi-filter-option strong,.catalog-multi-filter-option.selected strong{color:var(--color-text-secondary,#7a716f)}.catalog-filter-tone{width:7px;height:7px;flex:0 0 auto;border-radius:50%}.catalog-filter-tone.active{background:var(--color-success,#12805c)}.catalog-filter-tone.draft{background:var(--color-text-muted,#a89c95)}.catalog-filter-tone.suspended{background:var(--color-warning,#d97706)}.filter-select-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:10px;padding:6px 12px;flex:1 1;min-width:140px}.filter-select-wrap :is(select,.native-select-trigger){border:none;background:transparent;width:100%;font-size:13px;font-weight:600;outline:none;cursor:pointer}.catalog-status-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.catalog-chip{background:var(--color-bg,#faf7f2);border:1px solid var(--color-border,#eee1db);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--color-text-secondary,#7a716f);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .15s ease}.catalog-chip.active{background:var(--brand-primary,#b3261e);color:#fff;border-color:var(--brand-primary,#b3261e)}.catalog-chip .chip-count{background:rgba(0,0,0,.08);padding:1px 6px;border-radius:999px;font-size:11px}.catalog-chip.active .chip-count{background:hsla(0,0%,100%,.25)}@media (max-width:639px){.catalog-filters-card{padding:0;border:0;border-radius:0;background:transparent}.catalog-search-box{min-height:54px;padding:12px 16px;border-radius:13px;background:var(--color-surface,#fff)}.catalog-search-box input{font-size:15px}.catalog-search-box>svg{width:19px;height:19px}.catalog-dropdown-filters-desktop{display:none}.catalog-dropdown-filters-mobile{display:flex;gap:8px;padding:8px 0;background:var(--color-bg,#faf7f2)}.catalog-mobile-filter-slot{position:relative;z-index:20;display:block;height:68px;margin:-8px 0}.catalog-mobile-filter-floating{position:fixed;z-index:190;top:calc(var(--navbar-height, 58px) + env(safe-area-inset-top));right:0;left:0;padding:0 16px;background:var(--color-bg,#faf7f2);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-100%,0);transition:opacity .22s ease,transform .32s cubic-bezier(.22,.8,.25,1),visibility 0s linear .32s;will-change:transform,opacity}.catalog-mobile-filter-floating.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0);transition-delay:0s}body.menu-catalog-scroll,html.menu-catalog-scroll{overflow-x:clip!important;overflow-y:visible!important}.catalog-multi-filter-trigger{min-height:52px;padding:11px 13px;border-radius:13px;font-size:14px}.catalog-multi-filter-trigger>svg{width:18px;height:18px}.catalog-multi-filter-menu{top:calc(100% + 8px);bottom:auto;left:0;width:min(280px,calc(100vw - 48px));min-width:230px;max-height:min(60dvh,420px);overflow-y:auto;padding:8px;border-radius:12px}.catalog-multi-filter:last-child .catalog-multi-filter-menu{right:0;left:auto;transform-origin:top right}.catalog-multi-filter-option{min-height:48px;font-size:15px}}@media (prefers-reduced-motion:reduce){.bom-floating-tabs,.catalog-filter-backdrop,.catalog-mobile-filter-floating,.catalog-multi-filter-menu,.catalog-multi-filter-trigger>svg:last-child,.menu-create-header-floating{transition-duration:.01ms}}@media (min-width:640px){.catalog-mobile-filter-floating{display:none}}@media (min-width:768px){.menu-create-header-floating{display:none}}.catalog-cards-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px;gap:14px}.catalog-item-card{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:14px;padding:12px;display:flex;gap:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.catalog-item-enter{animation:catalog-item-enter .34s cubic-bezier(.22,.8,.25,1) backwards}@keyframes catalog-item-enter{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.catalog-item-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.06);border-color:var(--brand-primary,#b3261e)}@media (prefers-reduced-motion:reduce){.catalog-item-enter{animation:none}}.card-thumb-box{width:88px;height:88px;border-radius:10px;overflow:hidden;background:#fdf6f2;flex-shrink:0;display:flex;align-items:center;justify-content:center}.card-media-col{flex:0 0 88px;gap:7px}.card-media-col,.card-sale-toggle{width:88px;display:flex;flex-direction:column;align-items:center}.card-sale-toggle{min-height:0;padding:0;border:0;background:transparent;color:#7a716f;gap:4px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.card-sale-toggle:focus-visible,.card-sale-toggle:hover{background:transparent}.card-sale-toggle:focus-visible .card-sale-toggle-track{outline:2px solid rgba(179,38,30,.3);outline-offset:2px}.card-sale-toggle-track{width:42px;height:24px;padding:3px;border-radius:999px;background:#d5d9df;box-sizing:border-box;transition:background-color .18s ease,transform .12s ease}.card-sale-toggle-knob{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transform:translateX(0);transition:transform .18s cubic-bezier(.22,.8,.25,1)}.card-sale-toggle[aria-checked=true] .card-sale-toggle-track{background:#18a96f}.card-sale-toggle[aria-checked=true] .card-sale-toggle-knob{transform:translateX(18px)}.card-sale-toggle[aria-checked=true] .card-sale-toggle-label{color:#12805c}.card-sale-toggle:active .card-sale-toggle-track{transform:scale(.94)}.card-sale-toggle:disabled{cursor:wait;opacity:.65}.card-sale-toggle-label{font-size:10px;line-height:1.2;font-weight:700;white-space:nowrap}.card-thumb-box img{width:100%;height:100%;object-fit:cover}.card-thumb-placeholder{color:var(--brand-primary,#b3261e);opacity:.5}.card-info-col{flex:1 1;display:flex;flex-direction:column;gap:3px;min-width:0}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start}.card-item-title{margin:0;font-size:15px;font-weight:750;color:var(--color-text-primary,#2a2321);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-quick-edit-btn{background:none;border:none;color:var(--color-text-secondary,#7a716f);cursor:pointer;padding:2px 4px;border-radius:4px}.card-quick-edit-btn:hover{color:var(--brand-primary,#b3261e);background:var(--brand-primary-light,#fbeae8)}.card-meta-line{font-size:12px;color:var(--color-text-secondary,#7a716f);display:flex;gap:6px}.card-pricing-line{display:flex;align-items:baseline;gap:4px;margin-top:2px}.card-pricing-line .price-label{font-size:11px;color:var(--color-text-secondary,#7a716f)}.card-pricing-line .price-num{font-size:15px;font-weight:800;color:var(--brand-primary,#b3261e)}.card-status-badge-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.status-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;width:-moz-fit-content;width:fit-content}.status-pill.active{background:#e6f7ef;color:#12805c}.status-pill.draft{background:#fef4e5;color:#b56c00}.status-pill.suspended{background:#f0ece9;color:#6b5e59}.card-recipe-line{margin-top:4px;font-size:11px}.recipe-active-tag{color:var(--color-text-secondary,#7a716f);font-weight:500}.recipe-missing-warning{color:#c46200;font-weight:600}.wizard-modal-container{display:flex;flex-direction:column;max-height:88vh}.creation-wizard-page{width:100%;max-width:920px;margin:0 auto;background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:18px;overflow:clip}.wizard-modal-container--page{max-height:none;min-height:calc(100dvh - var(--navbar-height, 64px) - env(safe-area-inset-top) - 48px);background:#fff}.creation-wizard-page .wizard-body-content{overflow:visible;flex:1 1 auto}.creation-wizard-page .wizard-modal-footer{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;box-shadow:0 -8px 20px rgba(42,35,33,.06)}.creation-page-missing-target{max-width:640px;margin:32px auto;padding:28px;border:1px solid var(--color-border,#eee1db);border-radius:16px;background:#fff;text-align:center}.creation-page-missing-target h2{margin:0 0 8px}.creation-page-missing-target p{margin:0 0 18px;color:var(--color-text-secondary,#7a716f)}.creation-page-loading{min-height:240px;display:grid;place-items:center;color:var(--color-text-secondary,#7a716f)}.wizard-top-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--color-border,#eee1db);background:#fff}.wizard-back-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary,#7a716f);padding:6px;border-radius:8px;display:inline-flex;align-items:center;gap:4px;min-width:54px;min-height:40px;font-weight:700}.wizard-close-symbol{font-size:24px;line-height:1;font-weight:400}.wizard-close-label{font-size:13px}.wizard-title-block{text-align:center}.wizard-title-block h3{margin:0;font-size:16px;font-weight:800}.wizard-status-tag{font-size:11px;color:#b56c00;font-weight:600}.wizard-quick-save-btn{background:none;border:none;color:var(--brand-primary,#b3261e);font-weight:700;font-size:14px;cursor:pointer;min-width:54px;min-height:40px;display:inline-flex;align-items:center;justify-content:flex-end}.wizard-stepper-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--color-bg,#faf7f2);border-bottom:1px solid var(--color-border,#eee1db)}.wizard-mobile-step-summary{display:none}.wizard-step-node{display:flex;align-items:center;gap:6px;cursor:pointer;opacity:.5;transition:opacity .15s}.wizard-step-node.active,.wizard-step-node.passed{opacity:1}.wizard-step-node .node-num{width:22px;height:22px;border-radius:50%;background:#d8ceca;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.wizard-step-node.active .node-num{background:var(--brand-primary,#b3261e)}.wizard-step-node.passed .node-num{background:var(--color-success,#12805c)}.wizard-step-node .node-label{font-size:12px;font-weight:700}.step-line{flex:1 1;height:2px;background:#e3d8d3;margin:0 8px}.step-line.active{background:var(--brand-primary,#b3261e)}.wizard-body-content{padding:18px 22px;overflow-y:auto;flex:1 1}.wizard-step-pane{display:flex;flex-direction:column;gap:16px}.step-pane-header h4{margin:0;font-size:16px;font-weight:800}.step-pane-header p{margin:2px 0 0;font-size:12px;color:var(--color-text-secondary,#7a716f)}.wizard-field-group{display:flex;flex-direction:column;gap:6px}.wizard-field-group .field-label{font-size:13px;font-weight:750;color:#3b322e}.wizard-field-group :is(select,.native-select-trigger),.wizard-field-group input,.wizard-field-group textarea{border:1px solid var(--color-border,#eee1db);border-radius:10px;padding:10px 12px;font-size:14px;outline:none;background:#fff}.wizard-field-group :is(select,.native-select-trigger):focus,.wizard-field-group input:focus,.wizard-field-group textarea:focus{border-color:var(--brand-primary,#b3261e)}.wizard-select{position:relative;width:100%}.wizard-select-trigger{width:100%;min-height:42px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--color-border,#eee1db);border-radius:10px;background:#fff;color:var(--color-text-primary,#2a2321);font:inherit;font-size:14px;text-align:left}.wizard-select-trigger>svg{flex:0 0 auto;transition:transform .18s ease}.wizard-select.open{z-index:30}.wizard-select.open .wizard-select-trigger{border-color:var(--brand-primary,#b3261e);box-shadow:0 0 0 3px rgb(179 38 30/8%)}.wizard-select.open .wizard-select-trigger>svg{transform:rotate(180deg)}.wizard-select-popover{position:absolute;z-index:2;top:calc(100% + 7px);left:0;right:0;padding:7px;border:1px solid var(--color-border,#eee1db);border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(42,35,33,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s linear .2s}.wizard-select.open .wizard-select-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.wizard-select-option{width:100%;min-height:42px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:8px;background:transparent;color:var(--color-text-primary,#2a2321);font:inherit;font-size:14px;text-align:left}.wizard-select-option:focus-visible,.wizard-select-option:hover{background:var(--color-bg,#faf7f2);outline:none}.wizard-select-option[aria-selected=true]{color:var(--brand-primary,#b3261e);font-weight:750}.wizard-field-group.field-invalid .branch-select-list,.wizard-field-group.field-invalid .sales-channels-grid,.wizard-field-group.field-invalid input{border-color:var(--color-danger,#c62828);box-shadow:0 0 0 3px rgb(198 40 40/8%)}.wizard-field-error{margin:0;color:var(--color-danger,#c62828);font-size:12px;font-weight:650}@media (prefers-reduced-motion:reduce){.wizard-select-popover,.wizard-select-trigger>svg{transition:none}}.wizard-fields-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.image-upload-wrapper-center{display:flex;flex-direction:column;align-items:center;padding:10px 0}.radio-cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.radio-choice-card{border:1.5px solid var(--color-border,#eee1db);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:flex-start;cursor:pointer;background:#fff;transition:all .15s ease}.radio-choice-card.selected{border-color:var(--brand-primary,#b3261e);background:var(--brand-primary-light,#fbeae8)}.radio-choice-card.disabled{opacity:.5;cursor:not-allowed}.radio-bullet{width:18px;height:18px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.radio-choice-card.selected .radio-bullet{border-color:var(--brand-primary,#b3261e)}.radio-bullet span{width:8px;height:8px;border-radius:50%;background:var(--brand-primary,#b3261e)}.radio-choice-card strong{font-size:13px;display:block}.radio-choice-card p{margin:2px 0 0;font-size:11px;color:var(--color-text-secondary,#7a716f)}.price-input-container{display:flex;align-items:center;border:1px solid var(--color-border,#eee1db);border-radius:10px;background:#fff;padding:0 12px}.price-currency{font-size:18px;font-weight:700;color:var(--brand-primary,#b3261e);margin-right:6px}.price-input-container input{border:none;font-size:18px;font-weight:800;padding:10px 0;width:100%}.branch-select-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:8px;gap:8px;padding:10px;background:var(--color-bg,#faf7f2);border-radius:10px}.branch-check-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}.sales-channels-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.channel-toggle-box{border:1.5px solid var(--color-border,#eee1db);border-radius:12px;padding:10px;display:flex;gap:8px;align-items:center;cursor:pointer;background:#fff}.channel-toggle-box.active{border-color:var(--brand-primary,#b3261e);background:var(--brand-primary-light,#fbeae8)}.channel-box-inner{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700}.toggle-banner-box{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-bg,#faf7f2);border-radius:12px}.switch-control{position:relative;display:inline-block;width:44px;height:24px}.switch-control input{opacity:0;width:0;height:0}.slider.round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.2s;border-radius:34px}.slider.round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--brand-primary,#b3261e)}input:checked+.slider:before{transform:translateX(20px)}.size-options-list{display:flex;flex-direction:column;gap:8px;margin:10px 0}.size-option-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:10px}.size-name-col{flex:1 1;display:flex;align-items:center;gap:8px;font-size:13px}.default-pill{font-size:10px;background:#e6f7ef;color:#12805c;padding:2px 6px;border-radius:999px;font-weight:700}.extra-price-tag{font-size:11px;color:var(--brand-primary,#b3261e);font-weight:600}.size-price-col{font-weight:800;font-size:14px}.btn-add-dashed{background:none;border:1.5px dashed var(--color-border,#eee1db);border-radius:10px;padding:10px;font-size:13px;font-weight:700;color:var(--brand-primary,#b3261e);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.btn-add-dashed:hover{background:var(--brand-primary-light,#fbeae8);border-color:var(--brand-primary,#b3261e)}.option-group-card{border:1px solid var(--color-border,#eee1db);border-radius:10px;padding:10px 12px;background:#fff;margin-bottom:8px}.option-group-header{display:flex;justify-content:space-between;margin-bottom:6px}.required-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:#fdf3d9;color:#8a5a00;margin-left:6px;font-weight:700}.select-limit-tag{font-size:11px;color:var(--color-text-secondary,#7a716f);margin-left:6px}.option-items-chips{display:flex;gap:6px;flex-wrap:wrap}.option-item-chip{background:var(--color-bg,#faf7f2);padding:4px 8px;border-radius:6px;font-size:12px}.wizard-callout-info{background:#edf5fc;border:1px solid #c7e0f6;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:12px;color:#17548d}.wizard-callout-warning{background:#fff9e6;border:1px solid #fedb72;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.wizard-callout-warning .warning-head{display:flex;gap:10px;align-items:flex-start}.wizard-callout-warning strong{font-size:13px;color:#8a5a00}.wizard-callout-warning p{margin:2px 0 0;font-size:12px;color:#8a5a00}.wizard-modal-footer{display:flex;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--color-border,#eee1db);background:#fff}@media (max-width:767px){.modal-overlay.creation-wizard-overlay{align-items:flex-start!important;padding:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom))!important}.creation-wizard-overlay .modal-card--wide{height:100%;max-height:100%;border-radius:18px}.creation-wizard-overlay .wizard-modal-container{height:100%;max-height:none;min-height:0}.creation-wizard-overlay .wizard-top-header{min-height:62px;padding:8px 12px;flex-shrink:0}.creation-wizard-overlay .wizard-mobile-step-summary{display:block;padding:8px 14px 2px;background:var(--color-bg,#faf7f2);color:var(--color-text-secondary,#7a716f);font-size:12px;font-weight:700;flex-shrink:0}.creation-wizard-overlay .wizard-stepper-bar{padding:7px 14px 10px;flex-shrink:0}.creation-wizard-overlay .wizard-step-node{flex:0 0 auto}.creation-wizard-overlay .wizard-step-node .node-label{display:none}.creation-wizard-overlay .step-line{margin:0 4px}.creation-wizard-overlay .wizard-body-content{min-height:0;padding:16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.creation-wizard-overlay .wizard-modal-footer{padding:12px 14px;flex-shrink:0}.creation-wizard-overlay .ingredient-picker-row{flex-direction:column}.creation-wizard-overlay .ingredient-picker-row>.btn-brand-primary{width:100%;justify-content:center}.creation-wizard-overlay .bom-line-item-row{flex-wrap:wrap}.creation-wizard-overlay .bom-line-item-row .drag-handle{display:none}.creation-wizard-overlay .bom-line-item-row .line-name-col{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 42px);min-width:0}.creation-wizard-overlay .bom-line-item-row .line-qty-col{flex:1 1 auto}.creation-wizard-overlay .bom-line-item-row .line-action-col{margin-left:auto}.creation-wizard-overlay .breakdown-row{flex-wrap:wrap}.creation-wizard-overlay .breakdown-row .row-name{width:100%}.creation-wizard-page{width:100vw;margin:-24px calc(50% - 50vw) 0;max-width:none;border:0;border-radius:0;overflow-x:clip}.wizard-modal-container--page{min-height:calc(100dvh - var(--navbar-height, 64px) - env(safe-area-inset-top))}.creation-wizard-page .wizard-top-header{min-height:62px;padding:8px 12px}.creation-wizard-page .wizard-mobile-step-summary{display:block;padding:8px 14px 2px;background:var(--color-bg,#faf7f2);color:var(--color-text-secondary,#7a716f);font-size:12px;font-weight:700}.creation-wizard-page .wizard-stepper-bar{padding:7px 14px 10px}.creation-wizard-page .wizard-step-node{flex:0 0 auto}.creation-wizard-page .wizard-step-node .node-label{display:none}.creation-wizard-page .step-line{margin:0 4px}.creation-wizard-page .wizard-body-content{padding:16px}.creation-wizard-page .wizard-modal-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.creation-wizard-page .ingredient-picker-row{flex-direction:column}.creation-wizard-page .ingredient-picker-row>.btn-brand-primary{width:100%;justify-content:center}.creation-wizard-page .bom-line-item-row,.creation-wizard-page .breakdown-row{flex-wrap:wrap}.creation-wizard-page .bom-line-item-row .drag-handle{display:none}.creation-wizard-page .bom-line-item-row .line-name-col{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 42px);min-width:0}.creation-wizard-page .bom-line-item-row .line-qty-col{flex:1 1 auto}.creation-wizard-page .bom-line-item-row .line-action-col{margin-left:auto}.creation-wizard-page .breakdown-row .row-name{width:100%}}.menu-create-form{display:flex;flex-direction:column}.menu-create-form,.menu-create-route{min-height:calc(100dvh - var(--app-navbar-offset) - 48px)}@media(max-width:639px){.menu-create-route-entering{animation:menu-route-enter-right .3s cubic-bezier(.22,.8,.25,1) both}.menu-create-route-leaving{animation:menu-route-exit-right .28s cubic-bezier(.4,0,.6,1) both;pointer-events:none}.bom-dashboard-returning>.bom-filter-bar,.bom-dashboard-returning>.bom-page-header>div,.bom-dashboard-returning>.bom-tab-pane,.menu-catalog-returning>.catalog-cards-list,.menu-catalog-returning>.catalog-filters-card,.menu-catalog-returning>.menu-page-header>div{animation:menu-route-return-left .3s cubic-bezier(.22,.8,.25,1) both}.menu-transition-return-fab{position:fixed;z-index:90;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-primary,#b3261e);color:#fff;box-shadow:0 8px 24px rgba(95,24,19,.32)}}@keyframes menu-route-enter-right{0%{opacity:.72;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes menu-route-exit-right{0%{opacity:1;transform:translateZ(0)}to{opacity:.72;transform:translate3d(100%,0,0)}}@keyframes menu-route-return-left{0%{opacity:.84;transform:translate3d(-20px,0,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.bom-dashboard-returning>.bom-filter-bar,.bom-dashboard-returning>.bom-page-header>div,.bom-dashboard-returning>.bom-tab-pane,.menu-catalog-returning>.catalog-cards-list,.menu-catalog-returning>.catalog-filters-card,.menu-catalog-returning>.menu-page-header>div,.menu-create-route-entering,.menu-create-route-leaving{animation:none}}.menu-create-header{position:relative;z-index:40;align-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:61px;padding:6px 20px;border-bottom:1px solid var(--color-border,#eee1db);background:hsla(0,0%,100%,.96);box-shadow:0 3px 12px rgb(42 35 33/5%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.menu-create-header-floating{position:fixed;z-index:190;top:var(--app-navbar-offset);right:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-100%,0);transition:opacity .22s ease,transform .32s cubic-bezier(.22,.8,.25,1),visibility 0s linear .32s;will-change:transform,opacity}.menu-create-header-floating.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0);transition-delay:0s}.menu-create-header-source{transition:opacity .18s ease,visibility 0s linear 0s}.menu-create-form.is-field-editing .menu-create-header-source{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.simple-recipe-form>.menu-create-header-floating{display:grid}@media(min-width:900px){.simple-recipe-form>.menu-create-header-floating{left:var(--sidebar-width,250px)}}.menu-create-header h2{grid-column:2;margin:0;font-size:21px;text-align:center;white-space:nowrap}.menu-create-back{justify-self:start;min-height:42px;padding:8px 11px!important;display:flex;align-items:center;gap:7px;border:0;border-radius:12px;background:transparent;color:var(--color-text-primary,#2a2321);font:inherit;transition:background .16s ease,transform .16s cubic-bezier(.2,.8,.2,1)}.menu-create-back>span{font-size:22px;line-height:1}.menu-create-back>b{font-size:14px;font-weight:650}.menu-create-back:focus-visible,.menu-create-back:hover{background:var(--color-bg,#faf7f2);outline:none}.menu-create-back:active{background:#f1e8e3;transform:scale(.94)}.menu-create-status{justify-self:end;max-width:100%;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}.menu-create-status.status-active{background:#e5f7ee;color:#13854e}.menu-create-status.status-discontinued,.menu-create-status.status-suspended{background:#fde8e8;color:#c62f3d}.menu-create-status.status-draft{background:#fff2dc;color:#a45e08}.menu-create-status.status-version{background:#f0ece9;color:#6b5e59;font-weight:650}.menu-create-body{display:grid;grid-gap:20px;gap:20px;width:min(720px,100%);margin:0 auto;padding:24px}.menu-form-loading{min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;background:var(--color-bg,#faf7f2);color:var(--color-text-secondary,#7a716f);font-size:13px;font-weight:700}.menu-form-loading span{width:18px;height:18px;border:2px solid var(--brand-primary,#b3261e);border-right:2px solid transparent;border-radius:50%;animation:menu-image-spin .7s linear infinite}.menu-form-skeleton{display:grid;grid-gap:0;gap:0}.menu-form-skeleton>section{display:grid;grid-gap:10px;gap:10px;padding:20px 0;border-bottom:1px solid var(--color-border,#eee1db)}.menu-form-skeleton>section:first-child{padding-top:0}.menu-form-skeleton b,.menu-form-skeleton i{display:block;background:linear-gradient(100deg,#eee8e4 20%,#f8f5f2 40%,#eee8e4 60%);background-size:220% 100%;animation:menu-skeleton-shimmer 1.35s ease-in-out infinite}.menu-skeleton-line{width:42%;height:18px;border-radius:7px}.menu-skeleton-line.short{width:28%}.menu-skeleton-line.medium{width:46%}.menu-skeleton-control{width:100%;height:52px;border-radius:13px}.menu-skeleton-row{width:100%;height:58px;border-radius:13px}.menu-skeleton-photo{display:grid;grid-template-columns:minmax(0,1fr) 62px;grid-gap:9px;gap:9px;width:min(371px,100%)}.menu-skeleton-photo>i{aspect-ratio:1;border-radius:18px}.menu-skeleton-photo>span{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));grid-gap:7px;gap:7px}.menu-skeleton-photo b{border-radius:10px}@keyframes menu-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.menu-create-body fieldset,.menu-create-body section,.menu-create-body>label{display:grid;grid-gap:7px;gap:7px;min-width:0;margin:0;padding:0;border:0}.menu-create-body h3,.menu-create-body label>span,.menu-create-body legend{margin:0;color:#3b322e;font-size:14px;font-style:normal;font-weight:750}.menu-create-body input,.menu-create-body textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--color-border,#eee1db);border-radius:10px;background:#fff;color:var(--color-text-primary,#2a2321);font:inherit;outline:none}.menu-create-body textarea{resize:vertical}.menu-create-body input:focus,.menu-create-body textarea:focus{border-color:var(--brand-primary,#b3261e);box-shadow:0 0 0 3px rgb(179 38 30/8%)}.menu-create-body em{color:var(--color-text-secondary,#7a716f);font-size:12px;font-style:normal}.menu-create-body small,.menu-form-error{margin:0;color:var(--color-danger,#c62828);font-size:12px;font-weight:650}.menu-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.menu-form-grid>label{display:grid;align-content:start;grid-gap:7px;gap:7px;min-width:0}.menu-image-field{display:grid;grid-template-columns:minmax(220px,300px) 180px;align-items:center;grid-gap:16px;gap:16px}.menu-image-preview{position:relative;aspect-ratio:1;width:100%;overflow:hidden;border:1px dashed #d9bdb5;border-radius:18px;background:var(--brand-primary-light,#fff1ef);color:var(--brand-primary,#b3261e);isolation:isolate}.menu-image-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.menu-image-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:8px;gap:8px;padding:64px 18px 18px;text-align:center}.menu-image-empty>span{font-size:14px;font-weight:800}.menu-image-empty>small{color:var(--color-text-secondary,#7a716f);font-size:11px;font-weight:500}.menu-image-picker-trigger{position:absolute;z-index:3;left:50%;bottom:14px;min-height:42px;padding:9px 15px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid hsla(0,0%,100%,.75);border-radius:999px;background:hsla(0,0%,100%,.92);box-shadow:0 7px 20px rgba(42,35,33,.15);color:var(--color-text-primary,#2a2321);font:inherit;font-size:13px;font-weight:800;transform:translateX(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .18s ease;white-space:nowrap}.menu-image-picker-trigger:active{transform:translateX(-50%) scale(.96)}.menu-image-field.picker-open .menu-image-picker-trigger{background:#fff}.menu-image-picker{position:absolute;z-index:4;top:12px;left:12px;right:12px;padding:7px;display:grid;grid-gap:2px;gap:2px;border:1px solid hsla(0,0%,100%,.72);border-radius:15px;background:hsla(0,0%,100%,.94);box-shadow:0 16px 36px rgba(42,35,33,.22);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.97);transform-origin:bottom center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .16s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s}.menu-image-field.picker-open .menu-image-picker{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.menu-image-picker button{width:100%;min-height:58px;padding:9px 11px;display:flex;align-items:center;gap:12px;border:0;border-radius:10px;background:transparent;color:var(--color-text-primary,#2a2321);font:inherit;text-align:left}.menu-image-picker button:focus-visible,.menu-image-picker button:hover{background:var(--color-bg,#faf7f2);outline:none}.menu-image-picker button>span:last-child{display:grid;grid-gap:2px;gap:2px}.menu-image-picker strong{font-size:14px}.menu-image-picker small{color:var(--color-text-secondary,#7a716f);font-size:11px;font-weight:500}.menu-image-picker-icon{width:20px;color:var(--brand-primary,#b3261e);font-size:24px;line-height:1;text-align:center}.menu-image-uploading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;background:hsla(0,0%,100%,.82);color:var(--brand-primary,#b3261e);font-size:13px;font-weight:800;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-image-uploading span{width:18px;height:18px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:menu-image-spin .7s linear infinite}@keyframes menu-image-spin{to{transform:rotate(1turn)}}.menu-image-actions{display:grid;grid-gap:10px;gap:10px}.menu-image-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px}.menu-form-select{position:relative}.menu-form-select.open{z-index:30}.menu-form-select-trigger{width:100%;min-height:44px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-border,#eee1db);border-radius:10px;background:#fff;color:var(--color-text-primary,#2a2321);font:inherit}.menu-form-select-trigger:focus-visible,.menu-form-select-trigger:hover{background:#fff;color:var(--color-text-primary,#2a2321);outline:none}.menu-form-select-trigger:active{border-color:var(--brand-primary,#b3261e);background:var(--brand-primary,#b3261e);color:#fff}.menu-form-select-trigger:active svg{color:#fff}.menu-form-select-trigger svg{transition:transform .18s ease}.menu-form-select.open .menu-form-select-trigger,.menu-form-select.open .menu-form-select-trigger:focus-visible,.menu-form-select.open .menu-form-select-trigger:hover{border-color:var(--brand-primary,#b3261e);background:var(--brand-primary,#b3261e);color:#fff;box-shadow:0 0 0 3px rgb(179 38 30/8%);outline:none}.menu-form-select.open .menu-form-select-trigger svg{color:#fff;transform:rotate(180deg)}.menu-category-readonly{width:100%;min-height:44px;padding:10px 12px;display:flex;align-items:center;border:1px solid var(--color-border,#eee1db);border-radius:10px;background:var(--color-bg,#faf7f2);color:var(--color-text-primary,#2a2321);font:inherit;cursor:default}.menu-form-select-popover{position:absolute;z-index:2;top:calc(100% + 7px);left:0;right:0;padding:7px;border:1px solid var(--color-border,#eee1db);border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(42,35,33,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s linear .2s}.menu-form-select.open .menu-form-select-popover{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.menu-form-select-popover button{width:100%;min-height:42px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:transparent;color:var(--color-text-primary,#2a2321);font:inherit;text-align:left}.menu-form-select-popover button:focus-visible,.menu-form-select-popover button:hover{background:var(--color-bg,#faf7f2);outline:none}.menu-form-select-popover button[aria-selected=true],.menu-form-select-popover button[aria-selected=true]:focus-visible,.menu-form-select-popover button[aria-selected=true]:hover{background:var(--brand-primary,#b3261e);color:#fff;font-weight:750}.menu-type-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.menu-type-grid button{min-height:86px;padding:13px;display:flex;align-items:flex-start;gap:9px;border:1px solid var(--color-border,#eee1db);border-radius:12px;background:#fff;color:var(--color-text-primary,#2a2321);text-align:left}.menu-type-grid button.selected{border-color:var(--brand-primary,#b3261e);background:var(--brand-primary-light,#fff1ef)}.menu-type-grid b{color:#aaa;font-size:22px;line-height:1}.menu-type-grid .selected b{color:var(--brand-primary,#b3261e)}.menu-type-grid span{display:grid;grid-gap:3px;gap:3px}.menu-type-grid strong{font-size:14px}.menu-type-grid small{color:var(--color-text-secondary,#7a716f);font-weight:500;line-height:1.4}.menu-price-input{position:relative}.menu-price-input input{padding-right:52px}.menu-price-input b{position:absolute;top:50%;right:12px;color:var(--color-text-secondary,#7a716f);font-size:12px;transform:translateY(-50%)}.menu-price-input.calculated input{background:#f5f2ef;color:#6e625d}.menu-branch-field>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-branch-field>div:first-child button{padding:5px;border:0;background:transparent;color:var(--brand-primary,#b3261e);font-size:12px;font-weight:750}.menu-branch-list{overflow:hidden;border:1px solid var(--color-border,#eee1db);border-radius:12px}.menu-branch-list label{min-height:45px;padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--color-border,#eee1db)}.menu-branch-list label:last-child{border-bottom:0}.menu-branch-list input{width:18px;min-height:18px;accent-color:var(--brand-primary,#b3261e)}.menu-create-body .invalid .menu-branch-list,.menu-create-body .invalid input{border-color:var(--color-danger,#c62828);box-shadow:0 0 0 3px rgb(198 40 40/8%)}.menu-create-form>footer{position:static;padding:12px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border,#eee1db);background:#fff}.menu-create-form>footer button{display:block;width:min(672px,100%);min-height:48px;margin:0 auto;border-radius:11px;font-weight:800}.menu-crop-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(35,28,25,.58)}.menu-crop-sheet{width:min(520px,100%);padding:16px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28)}.menu-crop-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:12px}.menu-crop-header button{padding:4px;border:0;background:transparent;color:#5f5550;font-size:28px}.menu-crop-header h3{margin:0;text-align:center}.menu-crop-stage{position:relative;overflow:hidden;aspect-ratio:1;width:100%;border-radius:12px;background:#201b19;touch-action:none;cursor:-webkit-grab;cursor:grab}.menu-crop-stage img{position:absolute;top:50%;left:50%;max-width:none;max-height:none;-moz-user-select:none;user-select:none;pointer-events:none;transform-origin:center}.menu-crop-guide{position:absolute;inset:14px;border:2px solid #fff;box-shadow:0 0 0 999px rgba(0,0,0,.36);pointer-events:none}.menu-crop-guide i,.menu-crop-guide:after,.menu-crop-guide:before{content:"";position:absolute;background:hsla(0,0%,100%,.58)}.menu-crop-guide:after,.menu-crop-guide:before{top:0;bottom:0;width:1px}.menu-crop-guide:before{left:33.333%}.menu-crop-guide:after{right:33.333%}.menu-crop-guide i:first-child,.menu-crop-guide i:nth-child(2){left:0;right:0;height:1px}.menu-crop-guide i:first-child{top:33.333%}.menu-crop-guide i:nth-child(2){bottom:33.333%}.menu-crop-zoom{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;grid-gap:8px;gap:8px;margin-top:15px;color:#655a55;text-align:center}.menu-crop-zoom input{accent-color:var(--brand-primary,#b3261e)}.menu-crop-sheet>p{margin:7px 0 14px;color:var(--color-text-secondary,#7a716f);font-size:12px;text-align:center}.menu-crop-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.menu-crop-actions button{min-height:46px}@media(max-width:767px){.menu-create-form{margin-top:-24px}.menu-create-header{padding-inline:12px}.menu-create-body{padding:20px 16px}.menu-create-body>fieldset,.menu-create-section{scroll-margin-top:calc(var(--app-navbar-offset) + 10px)}.menu-image-field{grid-template-columns:1fr}.menu-image-actions,.menu-image-preview{width:min(300px,100%);margin:0 auto}.menu-form-grid,.menu-image-actions,.menu-type-grid{grid-template-columns:1fr}.menu-price-grid{grid-template-columns:1fr 1fr}.menu-create-form>footer{position:static;padding:12px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:none}.menu-crop-backdrop{padding:0;align-items:end}.menu-crop-sheet{border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.menu-form-select-popover,.menu-form-select-trigger svg,.menu-image-picker,.menu-image-picker-trigger{transition:none}.menu-image-uploading span{animation:none}}.menu-crop-stage{overscroll-behavior:contain;-moz-user-select:none;user-select:none;-webkit-user-select:none}.menu-crop-backdrop{overflow:hidden;overscroll-behavior:none}.menu-crop-backdrop,.menu-crop-sheet{touch-action:none;overscroll-behavior:none}.menu-crop-actions button,.menu-crop-header button,.menu-crop-zoom input{touch-action:manipulation}.menu-crop-stage:active{cursor:-webkit-grabbing;cursor:grabbing}.menu-crop-stage img{-webkit-user-select:none;-webkit-user-drag:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.centered-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.centered-success-card{background:#fff;border-radius:20px;padding:26px 24px;max-width:420px;width:100%;box-shadow:0 16px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;animation:modalPop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.success-toast-pill{position:absolute;top:-16px;background:#12805c;color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px rgba(18,128,92,.3)}.success-toast-close{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.success-hero-circle{width:68px;height:68px;border-radius:50%;background:#e6f7ef;color:#12805c;display:flex;align-items:center;justify-content:center;margin-top:8px;margin-bottom:12px}.success-modal-title{margin:0 0 14px;font-size:19px;font-weight:800;color:var(--color-text-primary,#2a2321)}.success-summary-box{background:var(--color-bg,#faf7f2);border:1px solid var(--color-border,#eee1db);border-radius:14px;padding:14px;width:100%;margin-bottom:14px;text-align:left}.success-item-name{font-size:15px;font-weight:800;margin-bottom:8px;color:var(--color-text-primary,#2a2321)}.success-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.success-status-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.success-status-pill.draft{background:#fef4e5;color:#b56c00}.success-status-pill.active{background:#e6f7ef;color:#12805c}.success-rows-table{display:flex;flex-direction:column;gap:6px;font-size:13px}.success-table-row{display:flex;justify-content:space-between;align-items:center}.success-table-row .row-label{color:var(--color-text-secondary,#7a716f)}.success-table-row .row-val{font-weight:700}.success-table-row .row-val.green{color:#12805c}.success-table-row .row-val.amber{color:#b56c00}.success-warning-box{background:#fff9e6;border:1px solid #fedb72;border-radius:10px;padding:8px 12px;font-size:12px;color:#8a5a00;margin-bottom:16px;width:100%;display:flex;align-items:center;gap:6px;text-align:left}.success-hint-text{font-size:12px;color:var(--color-text-secondary,#7a716f);margin:0 0 16px}.success-actions-stack{display:flex;flex-direction:column;gap:8px;width:100%}.btn-brand-primary.full-width{width:100%;padding:12px;font-size:14px;font-weight:750;border-radius:10px;background:var(--brand-primary,#b3261e);color:#fff;border:none;cursor:pointer}.btn-brand-primary.full-width:hover{background:var(--brand-primary-hover,#8f1e18)}.btn-text-link{background:none;border:none;color:var(--color-text-secondary,#7a716f);font-size:13px;font-weight:600;cursor:pointer;padding:6px}.btn-text-link:hover{color:var(--color-text-primary,#2a2321)}.bom-dashboard-container{display:flex;flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;padding-bottom:40px}.bom-filter-bar{display:flex;width:100%;align-items:center;gap:12px}@media (max-width:639px){.bom-dashboard-container{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}.bom-view-tabs{display:flex;width:100%;background:#eee6e2;border-radius:10px;padding:3px;gap:2px}.bom-view-tabs .tab-btn{flex:1 1;min-width:0;background:transparent;border:none;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;color:#635752;cursor:pointer;text-align:center}.bom-view-tabs .tab-btn.active{background:#fff;color:var(--color-text-primary,#2a2321);box-shadow:0 2px 6px rgba(0,0,0,.08)}.bom-floating-tabs{display:none}@media (max-width:767px){.bom-floating-tabs{position:fixed;z-index:190;top:calc(var(--navbar-height, 58px) + env(safe-area-inset-top));right:0;left:0;display:block;padding:8px 16px;background:var(--color-bg,#faf7f2);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-100%,0);transition:opacity .22s ease,transform .32s cubic-bezier(.22,.8,.25,1),visibility 0s linear .32s;will-change:transform,opacity}.bom-floating-tabs.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0);transition-delay:0s}}.bom-create-selection .menu-create-body{width:min(760px,100%)}.bom-menu-choice-copy,.bom-menu-choice-list,.bom-menu-choice-section{display:grid}.bom-menu-choice-heading{display:grid;grid-gap:4px;gap:4px}.bom-menu-choice-heading h3,.bom-menu-choice-heading p{margin:0}.bom-menu-choice-heading p{color:var(--color-text-secondary,#7a716f);font-size:13px}.bom-menu-choice-list{gap:10px;margin-top:8px}.bom-menu-choice{width:100%;min-height:82px;padding:12px;border:1px solid var(--color-border,#eee1db);border-radius:14px;background:#fff;color:var(--color-text-primary,#2a2321);display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .14s ease}.bom-menu-choice:focus-visible,.bom-menu-choice:hover{border-color:var(--brand-primary,#b3261e);box-shadow:0 5px 16px rgb(67 42 34/8%);outline:none}.bom-menu-choice:active{transform:scale(.985)}.bom-menu-choice-image{width:58px;height:58px;overflow:hidden;border-radius:11px;background:#fbeae8;color:var(--brand-primary,#b3261e);display:grid;place-items:center}.bom-menu-choice-image img{width:100%;height:100%;object-fit:cover}.bom-menu-choice-copy{min-width:0;gap:2px}.bom-menu-choice-copy strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.bom-menu-choice-copy small{color:var(--color-text-secondary,#7a716f);font-size:12px}.bom-menu-choice-copy em{color:#a45e08;font-size:11px;font-style:normal}.bom-menu-choice-skeleton{pointer-events:none}.bom-menu-choice-skeleton i,.bom-menu-choice-skeleton>span{display:block;border-radius:8px;background:#eee7e3;animation:pulse 1.2s infinite alternate}.bom-menu-choice-skeleton>span{width:58px;height:58px}.bom-menu-choice-skeleton>div{display:grid;grid-gap:9px;gap:9px}.bom-menu-choice-skeleton i:first-child{width:62%;height:15px}.bom-menu-choice-skeleton i:last-child{width:42%;height:11px}.bom-starter-fields{display:grid;grid-gap:16px;gap:16px}.bom-create-selection .menu-category-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bom-starter-fields label,.bom-starter-line label{display:grid;grid-gap:7px;gap:7px;min-width:0}.bom-starter-fields label>span,.bom-starter-line label>span{color:#3b322e;font-size:13px;font-weight:750}.bom-starter-fields :is(select,.native-select-trigger),.bom-starter-line :is(select,.native-select-trigger),.bom-starter-line input{width:100%;min-height:46px;padding:9px 12px;border:1px solid var(--color-border,#eee1db);border-radius:11px;background:#fff;color:var(--color-text-primary,#2a2321);font:inherit;outline:none}.bom-starter-fields :is(select,.native-select-trigger):focus,.bom-starter-line :is(select,.native-select-trigger):focus,.bom-starter-line input:focus{border-color:var(--brand-primary,#b3261e);box-shadow:0 0 0 3px rgb(179 38 30/8%)}.bom-starter-ingredients{display:grid;grid-gap:14px;gap:14px;padding-top:20px;border-top:1px solid var(--color-border,#eee1db)}.bom-starter-ingredients-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bom-starter-ingredients-head h3,.bom-starter-ingredients-head p{margin:0}.bom-starter-empty,.bom-starter-ingredients-head p{color:var(--color-text-secondary,#7a716f);font-size:12px}.bom-starter-line-list{display:grid;grid-gap:10px;gap:10px}.bom-starter-line{display:grid;grid-template-columns:26px minmax(180px,1fr) minmax(100px,.35fr) minmax(120px,.45fr) 38px;align-items:end;grid-gap:10px;gap:10px;padding:14px;border:1px solid var(--color-border,#eee1db);border-radius:14px;background:#fff}.bom-starter-line-number{align-self:center;color:var(--color-text-secondary,#7a716f);font-size:13px;font-weight:800;text-align:center}.bom-starter-remove{width:38px;height:46px;min-height:46px;padding:0;border:0;border-radius:10px;background:#fff1f0;color:var(--color-danger,#c62828);display:grid;place-items:center}.bom-starter-remove:disabled{opacity:.35}.bom-starter-add-row{min-height:46px;border:1px dashed #ddbdb5;border-radius:12px;background:#fff8f6;color:var(--brand-primary,#b3261e);display:flex;align-items:center;justify-content:center;gap:7px;font-weight:750}.bom-starter-continue{width:100%;min-height:48px;margin-top:6px}.bom-form-skeleton{display:grid;grid-gap:14px;gap:14px}.bom-form-skeleton i{display:block;height:46px;border-radius:11px;background:#eee7e3;animation:pulse 1.2s infinite alternate}.bom-form-skeleton i:last-child{height:110px}@media (max-width:639px){.bom-starter-ingredients-head{align-items:flex-start}.bom-starter-ingredients-head>button{display:none}.bom-starter-line{grid-template-columns:24px minmax(0,1fr) 38px}.bom-starter-line label:first-of-type,.bom-starter-line label:nth-of-type(2),.bom-starter-line label:nth-of-type(3){grid-column:2}.bom-starter-line-number{grid-column:1;grid-row:1}.bom-starter-remove{grid-column:3;grid-row:1}.bom-view-tabs .tab-btn{min-height:42px;padding:6px 4px;font-size:12px;white-space:nowrap}}.bom-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:840px){.bom-kpi-grid{grid-template-columns:repeat(2,1fr)}}.bom-kpi-card{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.bom-kpi-card .kpi-title{font-size:12px;color:var(--color-text-secondary,#7a716f);font-weight:600}.bom-kpi-card .kpi-hero-num{font-size:24px;font-weight:800;color:var(--color-text-primary,#2a2321)}.bom-kpi-card .kpi-hero-num.green{color:#12805c}.bom-kpi-card .kpi-hero-num.amber{color:#b56c00}.bom-kpi-card .kpi-hero-num.red{color:var(--brand-primary,#b3261e)}.bom-kpi-card .kpi-target-tag{font-size:11px;color:#12805c;font-weight:600}.bom-kpi-card .kpi-sub-text{font-size:11px;color:var(--color-text-secondary,#7a716f)}.bom-split-dashboard{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:768px){.bom-split-dashboard{grid-template-columns:1fr}}.bom-panel-card{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:14px;padding:16px}.panel-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-card-head h4{margin:0;font-size:15px;font-weight:800}.target-badge{background:#e6f7ef;color:#12805c}.count-badge,.target-badge{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:700}.count-badge{background:#fef4e5;color:#b56c00}.trend-bar-chart{display:flex;justify-content:space-around;align-items:flex-end;height:140px;padding-top:10px}.trend-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px;width:60px}.trend-val{font-size:11px;font-weight:750}.trend-track{width:24px;height:90px;background:#faf4f0;border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.trend-fill{width:100%;border-radius:6px}.trend-fill.good{background:#12805c}.trend-fill.warn{background:var(--brand-primary,#b3261e)}.trend-month{font-size:12px;color:var(--color-text-secondary,#7a716f)}.material-impacts-list{display:flex;flex-direction:column;gap:10px}.impact-item-row{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #f0e8e4}.impact-item-row:last-child{border-bottom:none}.impact-badge.red{background:#fbeae8;color:var(--brand-primary,#b3261e);font-weight:800;font-size:12px;padding:4px 8px;border-radius:8px}.impact-text-col strong{font-size:13px;display:block}.impact-text-col p{margin:2px 0 0;font-size:12px;color:var(--color-text-secondary,#7a716f)}.review-items-list{display:flex;flex-direction:column;gap:8px}.review-item-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--color-border,#eee1db);border-radius:10px;cursor:pointer;transition:all .15s ease}.review-item-card:hover{border-color:var(--brand-primary,#b3261e);background:#fdfaf8}.review-item-main{display:flex;align-items:center;gap:10px}.review-item-main .thumb{width:36px;height:36px;border-radius:8px;background:#fbeae8;color:var(--brand-primary,#b3261e);display:flex;align-items:center;justify-content:center;overflow:hidden}.review-item-main .thumb img{width:100%;height:100%;object-fit:cover}.review-item-main .meta strong{font-size:13px;display:block}.review-item-main .cat-sub{font-size:11px;color:var(--color-text-secondary,#7a716f)}.review-reason-box{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#b56c00;background:#fff9e6;padding:3px 8px;border-radius:6px}.bom-table-card{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:14px;overflow-x:auto}.bom-data-table{width:100%;border-collapse:collapse;font-size:13px}.bom-data-table th{text-align:left;padding:12px 14px;background:var(--color-bg,#faf7f2);border-bottom:1px solid var(--color-border,#eee1db);color:var(--color-text-secondary,#7a716f);font-weight:700}.bom-data-table td{padding:12px 14px;border-bottom:1px solid #f2e9e5}.badge-pct.good{color:#12805c;font-weight:750}.badge-pct.warn{font-weight:750}.badge-pct.warn,.btn-table-action{color:var(--brand-primary,#b3261e)}.btn-table-action{background:none;border:1px solid var(--color-border,#eee1db);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.btn-table-action:hover{background:var(--brand-primary-light,#fbeae8)}.menu-picker-card{background:#fff;border-radius:16px;padding:18px;max-width:440px;width:100%;max-height:80vh;display:flex;flex-direction:column}.picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.picker-head h3{margin:0;font-size:16px;font-weight:800}.close-x-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#888}.picker-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.picker-item-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--color-border,#eee1db);border-radius:10px;cursor:pointer}.picker-item-row:hover{border-color:var(--brand-primary,#b3261e);background:var(--brand-primary-light,#fbeae8)}.picker-item-row .thumb{width:32px;height:32px;border-radius:6px;background:#fdf6f2;overflow:hidden;display:flex;align-items:center;justify-content:center}.picker-item-row .meta{flex:1 1;margin-left:10px;font-size:13px}.picker-item-row .meta span{font-size:11px;color:#888;display:block}.picker-item-row .action-tag{font-size:12px;font-weight:700;color:var(--brand-primary,#b3261e)}.linking-progress-card{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:12px;padding:12px}.progress-label-row{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:6px}.prog-warn-text{color:#b56c00}.progress-bar-track{height:8px;background:#f0e6e2;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:#12805c;border-radius:999px;transition:width .2s ease}.ingredient-picker-row,.search-input-wrap{display:flex;gap:8px}.search-input-wrap{flex:1 1;align-items:center;background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:10px;padding:0 12px}.search-input-wrap input{border:none;padding:10px 0;width:100%;outline:none;font-size:13px}.ingredient-suggestions-popover{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.1);margin-top:-8px;overflow:hidden}.suggestion-row{padding:8px 12px;align-items:center;gap:8px;cursor:pointer;border-bottom:1px solid #f7f1ee}.suggestion-row:hover{background:#faf4f0}.suggestion-row .sug-cat{font-size:11px;color:#888}.suggestion-row .sug-cost{margin-left:auto;font-weight:700;font-size:12px}.bom-line-item-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:10px;margin-bottom:6px}.bom-line-item-row.temp{border-style:dashed;border-color:#f7b282;background:#fffdf9}.badge-linked{background:#e6f7ef;color:#12805c}.badge-linked,.badge-unlinked{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:700;margin-left:6px}.badge-unlinked{background:#fef4e5;color:#b56c00}.line-name-col{flex:1 1;font-size:13px}.line-qty-col{display:flex;align-items:center;gap:4px}.line-qty-col input{width:70px;padding:6px;font-size:13px}.unit-label{font-size:12px;color:#666}.line-cost-col{font-weight:750;font-size:13px;min-width:60px;text-align:right}.line-delete-btn{background:none;border:none;color:#b58d84;cursor:pointer}.line-delete-btn:hover{color:var(--brand-primary,#b3261e)}.cost-analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}@media (max-width:640px){.cost-analysis-grid{grid-template-columns:repeat(2,1fr)}}.cost-kpi-box{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px}.cost-kpi-box .kpi-label{font-size:11px;color:#888;font-weight:600}.cost-kpi-box .kpi-val{font-size:18px;font-weight:800}.cost-kpi-box .kpi-val.price{color:var(--brand-primary,#b3261e)}.cost-kpi-box .kpi-val.green{color:#12805c}.cost-kpi-box .kpi-val.red{color:var(--brand-primary,#b3261e)}.cost-kpi-box .kpi-sub{font-size:10px;color:#888}.cost-breakdown-card{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:12px;padding:14px}.breakdown-title{margin:0 0 10px;font-size:14px;font-weight:800}.breakdown-row{display:flex;align-items:center;gap:10px;font-size:12px;padding:6px 0}.breakdown-row .row-name{width:130px;font-weight:600}.breakdown-row .bar-track{flex:1 1;height:8px;background:#eee6e2;border-radius:999px;overflow:hidden}.breakdown-row .bar-fill.red{height:100%;background:var(--brand-primary,#b3261e);border-radius:999px}.breakdown-row .bar-fill.orange{height:100%;background:#d97706;border-radius:999px}.breakdown-row .row-amount{font-weight:750;width:60px;text-align:right}.breakdown-row .row-pct{color:#888;width:45px;text-align:right}.cost-suggestion-card{background:var(--color-bg,#faf7f2);border:1px solid var(--color-border,#eee1db);border-radius:12px;padding:12px 14px}.cost-suggestion-card h5{margin:0 0 8px;font-size:13px;font-weight:800}.suggestion-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.suggestion-row .green{color:#12805c;font-size:15px}.recipe-readiness-checklist{background:#fff;border:1px solid var(--color-border,#eee1db);border-radius:12px;padding:14px}.recipe-readiness-checklist h5{margin:0 0 8px;font-size:13px;font-weight:800}.check-item-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0}.check-item-row.pass .icon{color:#12805c;font-weight:800}.check-item-row.warn .icon{color:#b56c00;font-weight:800}.btn-inline-link{background:none;border:none;color:var(--brand-primary,#b3261e);font-weight:700;cursor:pointer;margin-left:auto}.recipe-stat-strip{display:flex;background:var(--color-bg,#faf7f2);border:1px solid var(--color-border,#eee1db);border-radius:10px;padding:10px 14px;justify-content:space-around;flex-wrap:wrap;gap:8px}.stat-strip-item{display:flex;flex-direction:column;align-items:center}.stat-strip-item .label{font-size:10px;color:#888}.stat-strip-item strong{font-size:12px;color:#333}.menu-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px}.menu-toggle-row>div{display:flex;flex-direction:column;gap:5px}.menu-switch{width:52px!important;height:30px!important;min-width:52px;padding:3px!important;border:0!important;border-radius:20px!important;background:#d5d9df!important;transition:background .2s}.menu-switch>span{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:transform .2s}.menu-switch[aria-checked=true]{background:#16a36a!important}.menu-switch[aria-checked=true]>span{transform:translateX(22px)}.menu-sale-on{color:#13854e;font-size:13px}.menu-sale-off{color:#dc3545;font-size:13px}.menu-create-form-specialized .menu-create-body{gap:0}.menu-create-form-specialized .menu-create-section{padding:20px 0!important;border-bottom:1px solid var(--color-border,#eee1db)!important}.menu-category-section.is-picker,.menu-create-form-specialized .menu-category-section{padding-top:0!important}.menu-category-options{overflow:hidden;border:1px solid var(--color-border,#eee1db);border-radius:16px;background:#fff}.menu-category-options>button{width:100%;min-height:68px;padding:11px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;grid-gap:12px;gap:12px;border:0;border-bottom:1px solid var(--color-border,#eee1db);background:#fff;color:var(--color-text-primary,#2a2321);font:inherit;text-align:left;transition:background .16s ease,transform .16s cubic-bezier(.2,.8,.2,1)}.menu-category-options>button:last-child{border-bottom:0}.menu-category-options>button:focus-visible,.menu-category-options>button:hover{background:var(--color-bg,#faf7f2);outline:none}.menu-category-options>button:active{background:#f3eae6;transform:scale(.985)}.menu-category-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--brand-primary-light,#fff1ef);color:var(--brand-primary,#b3261e)}.menu-category-options strong{font-size:15px;font-weight:700}.menu-category-arrow{justify-self:end;color:var(--color-text-secondary,#8a817d)}.menu-create-form-specialized .menu-name-section{gap:15px}.menu-create-form-specialized .menu-name-section label{display:grid;grid-gap:7px;gap:7px}.menu-name-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.menu-name-heading h3{margin:0}.menu-name-heading>span{min-width:0;color:var(--color-text-secondary,#8a817d);font-size:12px;font-weight:400;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-selling-section .menu-toggle-row strong{font-size:16px}.menu-selling-section.is-selling .menu-toggle-row strong{color:#13854e}.menu-selling-section.is-suspended .menu-toggle-row strong{color:#dc3545}.menu-price-modes{overflow:hidden;border:1px solid var(--color-border,#eee1db);border-radius:14px;background:#fff}.menu-price-mode{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;grid-column-gap:14px;column-gap:14px;grid-row-gap:0;row-gap:0;min-height:72px;padding:14px 16px;border-bottom:1px solid var(--color-border,#eee1db)}.menu-price-mode:last-child{border-bottom:0}.menu-price-mode>strong{color:var(--color-text-primary,#2a2321);font-size:15px}.menu-price-summary{color:var(--color-text-secondary,#7a716f);font-size:14px;font-weight:750;white-space:nowrap}.menu-price-reveal-wrap{grid-column:2/-1;display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transition:grid-template-rows .3s cubic-bezier(.22,.8,.3,1),margin-top .3s cubic-bezier(.22,.8,.3,1),opacity .18s ease}.menu-price-reveal-wrap.open{grid-template-rows:1fr;margin-top:10px;opacity:1}.menu-price-reveal{display:grid!important;min-height:0;overflow:hidden;grid-gap:7px;gap:7px;padding-bottom:2px}.menu-price-reveal>span{font-size:12px!important}.menu-price-reveal small{display:block;margin-top:0}.menu-bom-placeholder{height:160px;border:1px solid #e4e7ec;border-radius:16px;background:#fafbfc;margin-top:12px;animation:menu-field-reveal .2s ease-out}.menu-active-recipe-card,.menu-empty-recipe-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:16px;border:1px solid var(--color-border,#eee1db);border-radius:16px;background:#fff;animation:menu-field-reveal .2s ease-out}.menu-active-recipe-card>div,.menu-empty-recipe-card>div{min-width:0;display:grid;grid-gap:4px;gap:4px}.menu-active-recipe-card span{color:#13854e;font-size:12px;font-weight:750}.menu-active-recipe-card strong,.menu-empty-recipe-card strong{overflow:hidden;color:var(--color-text-primary,#2a2321);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.menu-active-recipe-card small,.menu-empty-recipe-card small{color:var(--color-text-secondary,#7a716f);font-size:12px;line-height:1.45}.menu-active-recipe-card>button,.menu-empty-recipe-card>button{flex:none;min-height:40px;padding:9px 14px;border:0;border-radius:12px;background:var(--brand-primary,#b3261e);color:#fff;font:inherit;font-size:13px;font-weight:750;white-space:nowrap}.menu-active-recipe-card>button:active,.menu-empty-recipe-card>button:active{transform:scale(.97)}@media(max-width:480px){.menu-active-recipe-card,.menu-empty-recipe-card{align-items:stretch;flex-direction:column}.menu-active-recipe-card>button,.menu-empty-recipe-card>button{width:100%}}.menu-image-stage-layout{width:100%}.menu-image-stage-layout.pizza{display:grid;grid-template-columns:minmax(0,1fr) 62px;align-items:stretch;grid-gap:9px;gap:9px;width:min(371px,100%)}.menu-image-stage-layout.pizza .menu-image-preview{width:100%;margin:0}.menu-pizza-previews{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));grid-gap:7px;gap:7px}.menu-pizza-previews button{position:relative;display:grid;min-width:0;min-height:0;padding:0;place-items:center;overflow:hidden;border:1px dashed #d9bdb5;border-radius:10px;background:var(--brand-primary-light,#fff1ef);color:var(--brand-primary,#b3261e)}.menu-pizza-previews button:active{transform:scale(.96)}.menu-pizza-previews img{width:100%;height:100%;object-fit:cover}.menu-pizza-preview-selector{position:absolute;z-index:2;top:5px;right:5px;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:hsla(0,0%,100%,.38);box-shadow:0 1px 5px rgba(42,35,33,.3);transition:background .15s ease,transform .15s ease}.menu-pizza-previews button:focus-visible .menu-pizza-preview-selector,.menu-pizza-previews button:hover .menu-pizza-preview-selector{background:#fff;transform:scale(1.08)}@keyframes menu-field-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.menu-active-recipe-card,.menu-bom-placeholder,.menu-empty-recipe-card,.menu-form-skeleton b,.menu-form-skeleton i,.menu-price-reveal{animation:none}.menu-price-reveal-wrap,.menu-switch,.menu-switch>span{transition:none}}.bom-create-selection .menu-create-section{border-bottom:0!important}.bom-create-selection .bom-menu-choice-section{padding-bottom:0!important}.bom-recipe-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:8px}.bom-recipe-menu-grid>button{min-width:0;padding:8px 8px 10px;border:1px solid var(--color-border,#eee1db);border-radius:13px;background:#fff;color:var(--color-text-primary,#2a2321);display:grid;grid-gap:7px;gap:7px;text-align:center;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .14s ease}.bom-recipe-menu-grid>button>span{display:grid;place-items:center;overflow:hidden;aspect-ratio:1;width:100%;border-radius:9px;background:var(--brand-primary-light,#fff1ef);color:var(--brand-primary,#b3261e)}.bom-recipe-menu-grid>button img{width:100%;height:100%;object-fit:cover}.bom-recipe-menu-grid>button strong{overflow:hidden;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.bom-recipe-menu-grid>button:focus-visible,.bom-recipe-menu-grid>button:hover{border-color:#d7aaa2;outline:none}.bom-recipe-menu-grid>button:active{transform:scale(.97)}.bom-recipe-menu-grid>button.selected{border-color:var(--brand-primary,#b3261e);background:#fff8f6;box-shadow:0 0 0 2px rgba(179,38,30,.1)}.bom-starter-continue:disabled{border-color:#d7d9de!important;background:#d7d9de!important;color:#858a92!important;cursor:not-allowed;opacity:1!important;box-shadow:none!important}.recipe-menu-summary-card{cursor:default;margin:0;transform:none!important}.recipe-menu-summary-card:hover{border-color:var(--color-border,#eee1db);box-shadow:none}.simple-recipe-lines-section{gap:14px!important}.simple-recipe-lines{display:grid;grid-gap:10px;gap:10px}.simple-recipe-line{display:grid;grid-template-columns:minmax(190px,1fr) minmax(100px,.35fr) minmax(120px,.45fr) 42px;align-items:end;grid-gap:10px;gap:10px;padding:14px;border:1px solid var(--color-border,#eee1db);border-radius:14px;background:#fff}.simple-recipe-line label{display:grid;grid-gap:7px;gap:7px;min-width:0}.simple-recipe-line label>span{font-size:12px!important}.simple-recipe-line :is(select,.native-select-trigger),.simple-recipe-line input{width:100%;min-height:46px;padding:9px 11px;border:1px solid var(--color-border,#eee1db);border-radius:10px;background:#fff;color:var(--color-text-primary,#2a2321);font:inherit;outline:none}.simple-recipe-line :is(select,.native-select-trigger):focus,.simple-recipe-line input:focus{border-color:var(--brand-primary,#b3261e);box-shadow:0 0 0 3px rgb(179 38 30/8%)}.simple-recipe-ingredient-field{position:relative}.simple-recipe-autocomplete{position:relative;display:block;font-size:inherit!important}.simple-recipe-suggestions{position:absolute;z-index:30;top:calc(100% + 6px);right:0;left:0;display:grid;max-height:280px;overflow-y:auto;border:1px solid var(--color-border,#eee1db);border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(42,35,33,.14);font-size:inherit!important}.simple-recipe-suggestions>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-bottom:1px solid #f3ebe7;border-radius:0;background:#fff;color:var(--color-text-primary,#2a2321);text-align:left}.simple-recipe-suggestions>button:active{background:#fff3f1}.simple-recipe-suggestions>button small{color:var(--color-text-secondary,#7a716f);font-size:11px}.simple-recipe-no-match{padding:11px 12px;color:var(--color-text-secondary,#7a716f);font-size:12px}.simple-recipe-suggestions>.simple-recipe-create-ingredient{position:-webkit-sticky;position:sticky;bottom:0;justify-content:flex-start;border-bottom:0;background:#fff8f6;color:var(--brand-primary,#b3261e);font-weight:750}.simple-recipe-suggestions>.simple-recipe-create-ingredient:disabled{color:#9d918c;background:#f7f3f1}.simple-recipe-quantity-field{grid-column:span 2}.simple-recipe-quantity-control{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.65fr);min-height:46px;border:1px solid var(--color-border,#eee1db);border-radius:14px;overflow:visible;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.simple-recipe-quantity-control:focus-within{border-color:var(--brand-primary,#b3261e);box-shadow:0 0 0 3px rgb(179 38 30/8%)}.simple-recipe-quantity-control:has(.simple-recipe-unit-picker>button[aria-expanded=true]){border-radius:14px}.simple-recipe-line .simple-recipe-quantity-control :is(select,.native-select-trigger),.simple-recipe-line .simple-recipe-quantity-control input{min-height:44px;border:0;border-radius:13px 0 0 13px;background:transparent;box-shadow:none}.simple-recipe-line .simple-recipe-quantity-control :is(select,.native-select-trigger){border-left:1px solid var(--color-border,#eee1db);background-color:#fff}.simple-recipe-unit-picker{position:relative;display:block;min-width:0;border-left:1px solid #e7b9b4;border-radius:0 13px 13px 0;background:transparent;font-size:inherit!important}.simple-recipe-unit-picker>button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:44px;padding:0 12px;border:0;border-radius:0 13px 13px 0;background:transparent;color:var(--color-text-primary,#2a2321);font:inherit;font-weight:750}.simple-recipe-unit-picker>button[aria-expanded=true]{border-radius:0 13px 0 0}.simple-recipe-unit-chevron{display:block;flex:0 0 auto}.simple-recipe-unit-popover{position:absolute;z-index:40;top:calc(100% - 1px);right:-1px;left:-1px;display:grid;width:auto;min-width:0;box-sizing:border-box;max-height:240px;overflow-y:auto;padding:5px;border:1px solid #e7b9b4;border-top:0;border-radius:0 0 13px 13px;background:var(--color-surface,#fff);box-shadow:0 14px 32px rgba(42,35,33,.16);font-size:inherit!important}.simple-recipe-unit-popover>button{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--color-text-primary,#2a2321);font:inherit;text-align:left}.simple-recipe-unit-popover>button.selected{background:var(--brand-soft,#fff0ee);color:var(--brand-primary,#b3261e);font-weight:750}.simple-recipe-unit-popover>.simple-recipe-add-unit{position:-webkit-sticky;position:sticky;bottom:0;justify-content:flex-start;gap:6px;border-top:1px solid var(--color-border,#eee1db);background:#fff8f6;color:var(--brand-primary,#b3261e);font-weight:750}.recipe-unit-confirm-overlay .modal-card>p{margin:4px 0 0;color:var(--color-text-secondary,#7a716f);line-height:1.55}.recipe-list-menu-identity{display:flex;align-items:center;gap:10px;min-width:0}.recipe-list-menu-identity>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border-radius:10px;background:var(--brand-soft,#fff0ee);color:var(--brand-primary,#b3261e)}.recipe-list-menu-identity img{width:100%;height:100%;object-fit:cover}.bom-recipes-empty{grid-column:1/-1;display:grid;justify-items:center;grid-gap:7px;gap:7px;padding:42px 20px;border:1px dashed var(--color-border,#eee1db);border-radius:14px;color:var(--color-text-secondary,#7a716f);text-align:center}.bom-recipes-empty strong{color:var(--color-text-primary,#2a2321)}.recipes-grid-list{display:flex;flex-direction:column;gap:12px;width:100%}.recipe-version-card{width:100%;padding:16px 18px;border:1px solid var(--color-border,#eee1db);border-radius:14px;background:#fff;box-shadow:0 2px 8px rgb(42 35 33/4%);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.recipe-version-card:active{transform:scale(.995);border-color:#d9b5ad}.recipe-version-card .card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px}.recipe-list-menu-identity>div{display:grid;grid-gap:3px;gap:3px;min-width:0}.recipe-list-menu-identity>div>strong{overflow:hidden;color:var(--color-text-primary,#2a2321);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.recipe-list-menu-identity>div>small{color:var(--color-text-secondary,#7a716f);font-size:12px}.recipe-version-card .card-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-border,#eee1db)}.recipe-version-card .card-stats-row>div{display:grid;grid-gap:4px;gap:4px;padding:12px 14px 0;border-left:1px solid var(--color-border,#eee1db)}.recipe-version-card .card-stats-row>div:first-child{padding-left:0;border-left:0}.recipe-version-card .card-stats-row .lbl{color:var(--color-text-secondary,#7a716f);font-size:11px}.recipe-version-card .card-stats-row strong{color:var(--color-text-primary,#2a2321);font-size:14px}@media(max-width:767px){.recipe-version-card{padding:14px}.recipe-version-card .card-stats-row>div{padding:10px 8px 0}.recipe-version-card .card-stats-row strong{font-size:13px}.recipe-list-menu-identity>span{flex-basis:48px;width:48px;height:48px}}.recipe-detail-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--color-border,#eee1db)}.recipe-version-picker{margin-top:14px}.recipe-version-picker-label{display:block;margin-bottom:6px;color:var(--color-text-secondary,#7a716f);font-size:12px}.recipe-version-picker .menu-form-select-popover button>span:first-child,.recipe-version-picker .menu-form-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-version-picker .menu-form-select-popover{max-height:220px;overflow-y:auto}.recipe-detail-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px}.recipe-detail-values>div{display:grid;grid-gap:5px;gap:5px;padding:12px;border-left:1px solid var(--color-border,#eee1db)}.recipe-detail-values>div:first-child{border-left:0}.recipe-detail-values span{color:var(--color-text-secondary,#7a716f);font-size:12px}.recipe-detail-values strong{font-size:16px}.recipe-detail-edit{display:flex;align-items:center;justify-content:center;gap:7px}.recipe-detail-modal-head .recipe-list-menu-identity>div>strong{color:var(--brand-primary,#b3261e);font-size:20px;white-space:normal;overflow-wrap:anywhere}.recipe-detail-ingredients{display:grid;flex-shrink:0;margin-top:18px;border:1px solid var(--color-border,#eee1db);border-radius:12px;overflow:hidden;background:var(--color-surface,#fff)}.recipe-detail-ingredients h4{margin:0;padding:14px 12px;border-bottom:1px solid var(--color-border,#eee1db);color:var(--brand-primary,#b3261e);font-size:16px;line-height:1.5}.recipe-detail-ingredients>div:not(.recipe-detail-loading){display:grid;overflow:hidden}.recipe-detail-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.recipe-detail-caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.recipe-detail-name-column{width:45%}.recipe-detail-usage-column{width:30%}.recipe-detail-quantity-column{width:25%}.recipe-detail-table :is(th,td){padding:10px 12px;border-bottom:1px solid var(--color-border,#eee1db);vertical-align:middle;overflow-wrap:anywhere;line-height:1.55}.recipe-detail-table thead th{background:var(--color-background,#fbf8f6);color:var(--color-text-secondary,#7a716f);font-size:12px;font-weight:600}.recipe-detail-table tbody th{font-weight:400}.recipe-detail-table tr>:first-child{text-align:left}.recipe-detail-table tr>:nth-child(2){text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recipe-detail-table tr>:last-child{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recipe-detail-table tbody tr:last-child :is(th,td){border-bottom:0}.recipe-detail-table strong{color:var(--brand-primary,#b3261e)}.recipe-detail-portion-note{padding:10px 12px;border-top:1px solid var(--color-border,#eee1db);color:var(--color-text-secondary,#7a716f);font-size:12px;line-height:1.55}@media(max-width:639px){.recipe-detail-table{font-size:13px}.recipe-detail-table :is(th,td){padding:9px 8px}}.recipe-detail-loading{display:grid;grid-gap:7px;gap:7px;padding:12px}.recipe-detail-loading i{height:42px;border-radius:9px;background:linear-gradient(90deg,#f4eeeb 25%,#fbf8f6 50%,#f4eeeb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s infinite}.recipe-detail-ingredients .recipe-detail-empty{display:block;margin:0;padding:16px 12px;color:var(--color-text-secondary,#7a716f);text-align:center}.recipe-detail-error{margin:10px 0 0;padding:9px 11px;border-radius:9px;background:#fff0ee;color:var(--color-danger,#c62828);font-size:13px}.recipe-set-current{background:var(--brand-primary,#b3261e);color:#fff}.recipe-set-current:disabled{background:#e5dedb;color:#918986;cursor:not-allowed}.recipe-pin-modal-overlay{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:20px;background:rgba(42,35,33,.52);overscroll-behavior:none;touch-action:none}.recipe-pin-modal{display:grid;grid-gap:14px;gap:14px;width:min(100%,390px);max-height:calc(100dvh - 40px);overflow:auto;padding:20px;border-radius:18px;background:var(--color-surface,#fff);box-shadow:0 24px 70px rgba(42,35,33,.28);overscroll-behavior:contain;touch-action:pan-y}.recipe-pin-modal h3,.recipe-pin-modal p{margin:0}.recipe-pin-modal>p{color:var(--color-text-secondary,#7a716f);font-size:14px;line-height:1.55}.recipe-pin-modal label{display:grid;grid-gap:7px;gap:7px}.recipe-pin-modal label>span{font-size:13px;font-weight:750}.recipe-pin-modal input{min-height:48px;padding:10px 13px;border:1px solid var(--color-border,#eee1db);border-radius:11px;background:#fff;font:inherit;font-size:18px;letter-spacing:.2em}.recipe-pin-modal input:focus{border-color:var(--brand-primary,#b3261e);outline:none;box-shadow:0 0 0 3px rgb(179 38 30/8%)}@media(max-width:639px){.recipe-detail-modal-overlay .modal-actions{display:grid;grid-template-columns:1fr 1fr}.recipe-detail-modal-overlay .modal-actions .recipe-set-current{grid-column:1/-1;grid-row:1}.recipe-detail-values>div{padding:10px 8px}.recipe-detail-values strong{font-size:14px}}.unit-list-identity{display:flex;align-items:center;gap:12px}.unit-list-identity>img{width:46px;height:46px;border-radius:10px;object-fit:cover;border:1px solid var(--color-border,#eee1db)}.unit-list-identity>span{display:grid;grid-gap:2px;gap:2px}.unit-list-identity strong{font-weight:750}.unit-list-identity small{color:var(--color-text-secondary,#7a716f);font-size:12px}.unit-sections{display:grid;grid-gap:18px;gap:18px}.unit-section{padding:18px}.unit-section-header{gap:16px}.unit-section-header,.unit-section-toggle{display:flex;align-items:center;justify-content:space-between}.unit-section-toggle{gap:14px;min-width:0;flex:1 1;padding:7px 8px;margin:-7px -8px;border:0;border-radius:10px;background:transparent;color:var(--color-text-primary,#2a2321);text-align:left;cursor:pointer}.unit-section-toggle:hover{background:var(--brand-soft,#fff0ee)}.unit-section-toggle:focus-visible{outline:2px solid var(--brand-primary,#b3261e);outline-offset:2px}.unit-section-toggle>span:first-child{display:grid;grid-gap:3px;gap:3px;min-width:0}.unit-section-toggle strong{font-size:18px}.page-subtitle,.unit-section-toggle small{margin:0;color:var(--color-text-secondary,#7a716f);font-size:13px;font-weight:400}.unit-section-chevron{display:grid;place-items:center;flex:0 0 auto;transition:transform .18s ease}.unit-section-chevron.open{transform:rotate(180deg)}.unit-section .position-list{display:grid;grid-gap:8px;gap:8px}.unit-section .position-item-row{margin:0;box-shadow:none}.unit-section .position-item-actions{gap:2px}.unit-conversion-button{width:auto!important;height:38px!important;padding:0 12px!important;border:1px solid #e7b9b4!important;border-radius:10px!important;background:#fff8f6!important;color:var(--brand-primary,#b3261e)!important;font-size:12px!important;font-weight:750!important;white-space:nowrap}.unit-section .position-delete-btn,.unit-section .position-edit-btn{width:44px;height:44px;padding:10px;border:0;border-radius:0;background:transparent;box-shadow:none}.unit-section .position-delete-btn:focus-visible,.unit-section .position-delete-btn:hover,.unit-section .position-edit-btn:focus-visible,.unit-section .position-edit-btn:hover{background:transparent;outline:none}.unit-section .position-edit-btn:focus-visible,.unit-section .position-edit-btn:hover{color:#5f5550}.unit-section .position-delete-btn:focus-visible,.unit-section .position-delete-btn:hover{color:#9f1f19}.unit-empty{margin:0;padding:18px;text-align:center;color:var(--color-text-secondary,#7a716f);border:1px dashed var(--color-border,#eee1db);border-radius:12px}@media(max-width:640px){.unit-section{padding:14px}.unit-section-header{align-items:stretch;flex-direction:column}.unit-section-toggle{width:100%;margin:-7px -8px 0}}.unit-create-fab{position:fixed;z-index:90;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px))}.unit-create-trigger{display:grid;place-items:center;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:var(--brand-primary,#b3261e);color:#fff;box-shadow:0 8px 24px rgba(95,24,19,.32);cursor:pointer;-webkit-tap-highlight-color:transparent}.unit-create-trigger svg{transition:transform .24s ease;stroke-width:2.5}.unit-create-fab.is-open .unit-create-trigger svg{transform:rotate(45deg)}.unit-create-actions{position:absolute;right:0;bottom:72px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;visibility:hidden;pointer-events:none;transition:visibility 0s linear .24s}.unit-create-actions button{display:flex;align-items:center;justify-content:space-between;gap:16px;white-space:nowrap;max-width:calc(100vw - 36px);min-height:48px;padding:8px 10px 8px 18px;border:1px solid var(--color-border,#eee1db);border-radius:28px;background:#fff;color:var(--color-text-primary,#2a2321);font:inherit;font-weight:600;box-shadow:0 6px 20px rgba(42,35,33,.16);cursor:pointer;opacity:0;transform:translateY(18px) scale(.94);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.unit-create-actions button svg{box-sizing:content-box;flex:none;padding:7px;border-radius:50%;background:var(--brand-primary,#b3261e);color:#fff}.unit-create-fab.is-open .unit-create-actions{visibility:visible;pointer-events:auto;transition-delay:0s}.unit-create-fab.is-open .unit-create-actions button{opacity:1;transform:translateY(0) scale(1)}.unit-create-fab.is-open .unit-create-actions button:nth-child(2){transition-delay:35ms}.unit-create-fab.is-open .unit-create-actions button:first-child{transition-delay:70ms}.unit-create-fab button:focus-visible{outline:3px solid rgba(179,38,30,.35);outline-offset:3px}@media(prefers-reduced-motion:reduce){.unit-create-actions,.unit-create-actions button,.unit-create-trigger svg{transition:none!important}}.unit-image-upload{display:grid;place-items:center;width:100%;min-height:104px;padding:0;overflow:hidden;border:1px dashed #d9b5ad;border-radius:12px;background:#fff8f6;color:var(--brand-primary,#b3261e);font-weight:750}.unit-image-upload img{width:100%;height:140px;object-fit:contain;background:#fff}.unit-grams-control{display:grid;grid-template-columns:minmax(0,1fr) 86px;border:1px solid var(--color-border,#eee1db);border-radius:12px;overflow:hidden}.unit-grams-control input{min-width:0;border:0!important;border-radius:0!important;box-shadow:none!important}.unit-grams-control strong{display:grid;place-items:center;border-left:1px solid var(--color-border,#eee1db);background:var(--brand-soft,#fff0ee);color:var(--brand-primary,#b3261e)}.unit-grams-control:focus-within{border-color:var(--brand-primary,#b3261e);box-shadow:0 0 0 3px rgb(179 38 30/8%)}.unit-conversion-preview{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#faf7f2;color:var(--color-text-secondary,#7a716f)}.unit-conversion-preview strong{color:var(--brand-primary,#b3261e)}.usage-conversion-help{margin:0 0 14px;color:var(--color-text-secondary,#7a716f);font-size:13px;line-height:1.5}.usage-conversion-label{display:block;margin-top:8px;color:var(--color-text-primary,#2a2321);font-size:18px;font-weight:800;line-height:1.35}.usage-conversion-save{width:100%;margin-top:12px}.usage-conversion-list{display:grid;grid-gap:8px;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--color-border,#eee1db)}.usage-conversion-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--color-border,#eee1db);border-radius:12px;background:#fff}.usage-conversion-row>span{display:grid;grid-gap:2px;gap:2px}.usage-conversion-row small{color:var(--color-text-secondary,#7a716f)}.usage-conversion-row>button{place-items:center;width:38px;height:38px;background:transparent}.simple-recipe-line>button,.usage-conversion-row>button{display:grid;padding:0;border:0;color:var(--color-danger,#c62828)}.simple-recipe-line>button{width:42px;height:46px;min-height:46px;border-radius:10px;background:#fff1f0;place-items:center}.simple-recipe-line>button:disabled{opacity:.3}.simple-recipe-line>.simple-recipe-save-line{grid-column:1/-1;width:100%;height:46px;padding:0 16px;background:var(--brand-primary,#b3261e);color:#fff;font-weight:750}.simple-recipe-line-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:51px;padding:10px 16px;border:1px solid var(--color-border,#eee1db);border-radius:14px;background:#fff}.simple-recipe-line-summary>span{min-width:0;color:var(--color-text-primary,#2a2321);font-weight:650}.simple-recipe-line-summary>span strong{margin:0 4px;color:var(--brand-primary,#b3261e);font-size:1.08em}.simple-recipe-line-summary>span small{display:block;margin-top:3px;color:var(--color-text-secondary,#786f6b);font-size:.82em;font-weight:600}.simple-recipe-line-actions{display:flex;align-items:center;flex:0 0 auto;font-size:inherit!important}.simple-recipe-line-actions>button{display:grid;place-items:center;width:34px;height:32px;padding:0;border:0;background:transparent;color:var(--brand-primary,#b3261e)}.simple-recipe-line-actions>button:disabled{opacity:.3}.simple-recipe-add{width:100%;min-height:48px;border:1px dashed #d9b5ad;border-radius:12px;background:#fff8f6;color:var(--brand-primary,#b3261e);display:flex;align-items:center;justify-content:center;gap:7px;font-weight:750}.menu-create-form>.simple-recipe-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-gap:10px;gap:10px}.menu-create-form>.simple-recipe-footer>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:0}.simple-recipe-delete-version{border:1px solid #e6b7b2;background:#fff;color:var(--color-danger,#c62828)}.simple-recipe-delete-version:focus-visible,.simple-recipe-delete-version:hover{border-color:var(--color-danger,#c62828);background:#fff4f2;outline:none}.recipe-delete-version-overlay .modal-card>p{margin:4px 0;color:var(--color-text-secondary,#7a716f);line-height:1.55}.recipe-delete-version-warning{padding:10px 12px;border-radius:10px;background:#fff4f2;color:var(--color-danger,#c62828)!important;font-size:13px}@media(max-width:767px){.simple-recipe-line{grid-template-columns:minmax(0,1fr) 42px}.simple-recipe-line label{grid-column:1}.simple-recipe-line .simple-recipe-quantity-field{grid-column:1/-1}.simple-recipe-line>button{grid-column:2;grid-row:1}.simple-recipe-line>.simple-recipe-save-line{grid-column:1/-1;grid-row:auto}.simple-recipe-form .menu-create-body{padding-bottom:8px}.modal-overlay.unit-entry-modal-overlay{top:calc(var(--navbar-height, 58px) + env(safe-area-inset-top));bottom:0;padding:20px 12px calc(12px + env(safe-area-inset-bottom))!important;align-items:flex-start!important;overflow:hidden}.unit-entry-modal-overlay .modal-card{max-height:calc(100svh - var(--navbar-height, 58px) - env(safe-area-inset-top) - 32px)!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-overlay.ingredient-create-page-overlay{top:var(--app-navbar-offset);right:0;bottom:0;left:0;width:auto;height:auto;padding:0!important;align-items:flex-start!important}.ingredient-create-page-overlay .modal-card:not(.modal-card--wide){width:100%!important;min-height:100%!important;max-height:none!important;padding:0 16px calc(20px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;overflow:visible!important}}.help-icon-btn,.help-tip-button,.help-tooltip-trigger{border:0;border-radius:0;background:transparent;outline:none;box-shadow:none;transform:none;transition:none}.help-tip-button{--help-icon-static-color:#6b7280}.help-tooltip-trigger{--help-icon-static-color:#81756f}.help-icon-btn{--help-icon-static-color:#8a7e78}.help-icon-btn:focus,.help-icon-btn:focus-visible,.help-icon-btn:hover,.help-icon-btn[aria-expanded=true],.help-tip-button.active,.help-tip-button:focus,.help-tip-button:focus-visible,.help-tip-button:hover,.help-tooltip-trigger:focus,.help-tooltip-trigger:focus-visible,.help-tooltip-trigger:hover,.help-tooltip-trigger[aria-expanded=true]{border:0;background:transparent;color:var(--help-icon-static-color);outline:none;box-shadow:none;transform:none}.finance-sale-field{display:grid;grid-gap:4px;gap:4px;margin-bottom:12px;min-width:0}.finance-sale-field>span{color:#8a807c;font-size:13px}.finance-sale-field>b{overflow-wrap:anywhere}.finance-sale-amount{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.finance-sale-amount>b{font-size:24px}.payment-details-card{max-width:560px;gap:14px;outline:none}.payment-details-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.payment-details-badges span{background:#fff0da;color:#a65d00;border-radius:8px;padding:7px 12px;font-weight:600}.payment-details-badges .paid{background:#dff6eb;color:#12805c}.payment-details-total{text-align:center;display:grid;grid-gap:4px;gap:4px}.payment-details-total b{font-size:32px}.payment-details-history{display:grid;grid-gap:10px;gap:10px}.payment-details-record{border:1px solid #e6e1df;border-radius:10px;padding:12px;display:grid;grid-gap:8px;gap:8px}.payment-details-record header{display:flex;justify-content:space-between;gap:8px}.payment-details-record dl{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 12px;gap:6px 12px;margin:0;font-size:13px}.payment-details-record dt{color:#8a807c}.payment-details-record dd{margin:0}.payment-details-note{background:#f5f3f2;border-radius:6px;padding:8px;color:#7a716f;text-align:center;font-size:13px}.payment-details-summary{display:grid;grid-template-columns:1fr 1fr;text-align:center;grid-gap:12px;gap:12px;border-top:1px solid #e6e1df;padding-top:14px}.payment-details-summary>div{display:grid;grid-gap:4px;gap:4px}.payment-details-summary b{font-size:24px}.payment-details-summary .paid{color:#12805c}.payment-details-documents{border-top:1px solid #e6e1df;padding-top:12px}@media (max-width:480px){.payment-details-card{padding:16px}.finance-sale-amount{gap:8px}.finance-sale-amount .artifact-button{min-height:44px}}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 10px;background:var(--color-surface);color:var(--color-text-primary);border:1px solid #e0d5cc;border-radius:10px;font-size:13px;text-align:left;cursor:pointer}.searchable-select-trigger>span:first-child{min-width:0;overflow-wrap:anywhere}.searchable-select-placeholder{color:var(--color-text-muted)}.searchable-select-chevron{flex:0 0 auto;width:8px;height:8px;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:rotate(45deg);transform-origin:center;transition:transform .22s ease;margin:0 3px 4px 0}.searchable-select-trigger[aria-expanded=true]{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus-ring)}.searchable-select-trigger[aria-expanded=true] .searchable-select-chevron{transform:rotate(225deg)}.searchable-select-trigger:disabled{cursor:default;background:#f1f5f9;color:#475569}.searchable-select-panel>input{margin-bottom:6px}@media(max-width:640px){.searchable-select-trigger{min-height:44px;font-size:16px}.searchable-select-panel>input{font-size:16px}}.searchable-select-search{flex:0 0 auto;padding-bottom:6px;background:#fff}.searchable-select-search input{box-sizing:border-box;width:100%;margin:0;padding:8px 10px;border:1px solid #e0d5cc;border-radius:8px;font-size:16px}.searchable-select-options{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.searchable-select-action.searchable-select-action{flex:0 0 auto;margin-top:6px;min-height:44px;border:1px solid #e6b0a9;background:var(--brand-soft,#fff0ee);color:var(--brand-primary,#b3261e);font-weight:700}.searchable-select-action.searchable-select-action:hover{background:#fbe0dc}.searchable-select-item:disabled{opacity:.5;cursor:not-allowed}.searchable-select-item:focus-visible{outline:2px solid var(--brand-primary,#b3261e);outline-offset:-2px}.app-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;opacity:0;pointer-events:none}.native-dropdown{display:contents}.searchable-select:not(.native-dropdown)>.searchable-select-trigger{width:100%}.native-select-trigger{background-image:none!important}.topbar-branch-wrapper .searchable-select-trigger.topbar-branch-trigger{height:40px;min-height:40px;padding:0 12px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25);border-radius:14px;color:#fff;font-family:inherit;font-size:13px}.topbar-branch-wrapper .topbar-branch-trigger .searchable-select-chevron{border-color:#fff}.topbar-branch-wrapper .topbar-branch-trigger>span:first-of-type{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-branch-wrapper .searchable-select-trigger.topbar-branch-trigger:hover,.topbar-branch-wrapper .searchable-select-trigger.topbar-branch-trigger[aria-expanded=true]{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.45)}.staff-location-list{display:grid;grid-gap:12px;gap:12px;margin:18px 0}.staff-location-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:76px;padding:20px;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border,#e0d5cc);text-align:left;font-size:18px;font-weight:600}.staff-location-option:focus-visible,.staff-location-option:hover{background:var(--brand-soft);border-color:var(--brand-primary)}.staff-count-unit-picker{margin:12px 0}.stock-count-page .staff-review-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;color:#332b28;border:0;padding:0 0 14px;text-align:left}.staff-review-group-toggle strong{display:block;font-size:19px}.staff-review-group-toggle small{display:block;margin-top:4px;color:#887c76;font-weight:400}.staff-review-chevron{display:inline-flex;transform:rotate(90deg);transition:transform .2s ease}.staff-review-group-toggle .staff-review-expanded{transform:rotate(-90deg)}.stock-count-page .staff-review-row{align-items:flex-start;padding:16px 0;gap:12px}.staff-review-item-info{min-width:0;flex:1 1}.staff-review-item-info>strong{display:block;font-size:17px;overflow-wrap:anywhere}.staff-review-breakdown{margin-top:7px;font-size:13px;line-height:1.6;color:#887c76}.staff-review-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0}.staff-review-total{display:flex;align-items:center;color:#aa211b;font-size:18px;white-space:nowrap}.stock-count-page .staff-review-edit{border:1px solid #b52620;background:#fff;color:#b52620;border-radius:9px;padding:6px 12px;font-size:13px}@media(max-width:360px){.staff-review-total{font-size:16px}.stock-count-page .staff-review-row{gap:8px}}.stock-count-page .staff-review-footer{position:fixed;bottom:0;left:16px;right:16px;max-width:900px;margin:0 auto;border-radius:16px 16px 0 0;z-index:10;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid #f1e9e4;padding:12px 8px max(16px,env(safe-area-inset-bottom))}.staff-review-footer>p{grid-column:1/-1;text-align:center;color:#887c76;font-size:12px;margin:0}.stock-count-page.staff-review-page{padding-bottom:150px}