:root{color-scheme:light;--bg: #f8faf7;--surface: #ffffff;--surface-soft: #f1f6f2;--text: #18221c;--muted: #66736b;--border: #dfe7df;--primary: #167a4a;--primary-strong: #0f5f3a;--primary-soft: #e7f4ec;--accent: #d97706;--danger: #b42318;--shadow: 0 18px 50px rgba(24, 34, 28, .08);--radius: 16px}*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:0}body.customer-app{direction:rtl;min-height:100vh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--app-font-family);letter-spacing:0;text-align:right}body.modal-open{overflow:hidden}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-strong)}button,input,select,textarea{font:inherit}.auth-page{background:radial-gradient(circle at top right,rgba(22,122,74,.14),transparent 34rem),linear-gradient(135deg,#f8faf7,#eef6f1)}.auth-main{display:grid;align-content:center;width:min(100%,480px);min-height:100vh;margin:0 auto;padding:28px 16px}.auth-brand,.sidebar-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:800}.auth-brand{justify-self:center;margin-bottom:22px;font-size:18px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;color:#fff;background:var(--primary);border-radius:12px;box-shadow:0 10px 22px #167a4a38}.brand-logo{display:block;width:80px;height:36px;object-fit:contain}.auth-card,.info-panel,.welcome-card,.card-panel,.state-card{background:#fffffff0;border:1px solid var(--border);border-radius:var(--radius)}.auth-card{padding:28px}.panel-heading{margin-bottom:24px}.eyebrow,.topbar-kicker{margin:0 0 8px;color:var(--primary);font-size:13px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:30px;line-height:1.25}h2{margin-bottom:12px;font-size:20px;line-height:1.4}.panel-subtitle,.welcome-card p,.empty-state p,.menu-preview p,.secondary-copy{color:var(--muted);line-height:1.8}.panel-subtitle{margin:10px 0 0;font-size:14px}.form-stack{display:grid;gap:16px}label{display:grid;gap:8px;color:var(--text);font-size:14px;font-weight:700}input,select,textarea{width:100%;min-height:48px;padding:11px 14px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:12px;outline:none;text-align:right;resize:vertical}input::placeholder,textarea::placeholder{color:#9aa7a0}input[dir=ltr]{direction:ltr;text-align:left}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #167a4a1f}input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:var(--danger);background:snow}input.is-invalid:focus,select.is-invalid:focus,textarea.is-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 4px #b423181f}input[readonly]{color:var(--muted);background:var(--surface-soft)}.field-error{color:var(--danger);font-size:12px;font-weight:700;line-height:1.6}.field-helper,.selected-files{color:var(--muted);font-size:12px;font-weight:600;line-height:1.7}.selected-files{margin:-8px 0 0}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer}.primary-button{color:#fff;background:var(--primary);border-color:var(--primary)}.primary-button:hover{color:#fff;background:var(--primary-strong)}.secondary-button{color:var(--primary-strong);background:var(--primary-soft);border-color:#167a4a2e}.ghost-button{color:var(--text);background:#fff;border-color:var(--border)}.primary-button:disabled,.secondary-button:disabled,.primary-button.is-disabled,.secondary-button.is-disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.form-message{min-height:22px;margin:0;color:var(--muted);font-size:14px}.form-message[data-state=error]{color:var(--danger)}.form-link-row{margin-top:-8px;font-size:13px;font-weight:800;text-align:left}.auth-step-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;font-size:13px;font-weight:700;line-height:1.8}.auth-step-summary strong{color:var(--text);direction:ltr;unicode-bidi:plaintext}.text-button{padding:0;color:var(--primary);background:transparent;border:0;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}.text-button:hover{color:var(--primary-strong)}.otp-field{gap:10px}.otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;direction:ltr}.otp-box{aspect-ratio:1;min-height:0;padding:0;border-radius:12px;font-size:22px;font-weight:900;text-align:center!important}.otp-field:has(input.is-invalid) .otp-box{border-color:var(--danger);background:snow}.section-alert{margin:0;padding:12px 14px;color:var(--primary-strong);background:var(--primary-soft);border:1px solid rgba(22,122,74,.16);border-radius:12px;font-size:14px;font-weight:700;line-height:1.8}.section-alert[data-state=error]{color:var(--danger);background:#fff5f5;border-color:#b4231838}.customer-toast-stack{position:fixed;top:18px;right:18px;z-index:80;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}.customer-toast{padding:12px 14px;color:var(--danger);background:#fff;border:1px solid rgba(180,35,24,.22);border-right:4px solid var(--danger);border-radius:12px;box-shadow:0 18px 48px #18221c29;direction:rtl;font-size:14px;font-weight:800;line-height:1.8;text-align:right;pointer-events:auto}.customer-toast[data-type=success]{color:var(--primary);background:#f0fdf4;border-color:#167a4a38;border-right-color:var(--primary)}.customer-toast.is-hiding{opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}.secondary-copy{margin:20px 0 0;font-size:14px;text-align:center}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.app-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#fff;border-left:1px solid var(--border)}.sidebar-brand{margin-bottom:28px;font-size:18px}.sidebar-nav{display:grid;gap:8px}.nav-item,.mobile-nav a,.mobile-nav span{display:flex;align-items:center;min-height:42px;padding:0 14px;color:var(--muted);border-radius:12px;font-weight:700}.nav-item.is-active,.mobile-nav .is-active{color:var(--primary-strong);background:var(--primary-soft)}.nav-item.is-disabled,.mobile-nav span{cursor:not-allowed;opacity:.55}.app-content{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding:20px 28px;background:#f8faf7e6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar h1{font-size:24px}.topbar-actions{display:flex;align-items:center;gap:12px}.mobile-nav,.mobile-bottom-nav,.mobile-fab{display:none}.app-main{width:min(100%,1180px);margin:0 auto;padding:28px}.dashboard-shell,.restaurant-page,.categories-page,.items-page,.preview-page,.profile-page{display:grid;gap:20px}.welcome-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;background:linear-gradient(135deg,#167a4a1a,#d9770614),#fff}.welcome-card p{margin-bottom:0}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.profile-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.info-panel{min-height:210px;padding:22px}.setup-card{display:grid;gap:14px}.setup-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.setup-card-header h2{margin:0}.setup-card-header strong{direction:ltr;color:var(--primary-strong);font-size:26px;font-weight:900}.setup-progress-track{height:10px;overflow:hidden;background:var(--surface-soft);border-radius:999px}.setup-progress-track span{display:block;width:0;height:100%;background:var(--primary);border-radius:inherit;transition:width .22s ease}.setup-next-step{margin:0;color:var(--primary-strong);font-size:14px;font-weight:800;line-height:1.8}.setup-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.setup-checklist li{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:13px;font-weight:800}.setup-checklist li span{display:inline-grid;flex:0 0 auto;place-items:center;width:20px;height:20px;color:transparent;background:#fff;border:1px solid var(--border);border-radius:999px}.setup-checklist li.is-done{color:var(--text)}.setup-checklist li.is-done span{color:#fff;background:var(--primary);border-color:var(--primary)}.setup-next-link{justify-self:start}.compact-heading{margin-bottom:18px}.mobile-profile-actions{display:none;gap:16px}.user-details{display:grid;gap:14px;margin:0}.user-details div{padding:14px;background:var(--surface-soft);border-radius:12px}.user-details dt{margin-bottom:5px;color:var(--muted);font-size:13px;font-weight:800}.user-details dd{margin:0;font-size:16px;font-weight:700}.placeholder-link{display:block;direction:ltr;margin-top:18px;padding:12px;color:var(--muted);background:var(--surface-soft);border:1px dashed var(--border);border-radius:12px;text-align:left}input.placeholder-link{min-height:46px;font-weight:800}.placeholder-link.is-muted{color:var(--muted);background:#fff8ec;border-color:#d9770647}.page-intro,.restaurant-grid{display:grid;gap:18px}.page-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center}.page-intro p{margin-bottom:0;color:var(--muted);line-height:1.8}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;color:var(--primary-strong);background:var(--primary-soft);border:1px solid rgba(22,122,74,.16);border-radius:999px;font-size:13px;font-weight:800}.state-card,.card-panel{padding:22px}.state-card p{margin:0;color:var(--muted)}.state-card h3,.card-panel h3,.form-section-heading h3{margin:0 0 8px;font-size:18px}.restaurant-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.preview-page{min-width:0}.preview-grid{min-width:0;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;direction:ltr}.preview-side-column,.preview-summary,.preview-help,.qr-card{min-width:0;max-width:100%;display:grid;gap:18px}.preview-side-column,.preview-summary,.preview-help,.qr-card{direction:rtl}.preview-side-column,.qr-card{align-content:start}.preview-identity{display:flex;align-items:center;gap:14px}.preview-logo,.public-logo{display:grid;place-items:center;flex:0 0 auto;overflow:hidden;color:#fff;background:var(--primary);border-radius:16px;font-weight:900}.preview-logo{width:72px;height:72px;font-size:26px}.preview-logo img,.public-logo img{width:100%;height:100%;object-fit:cover}.preview-status{display:grid;gap:4px;padding:14px;background:var(--primary-soft);border:1px solid rgba(22,122,74,.16);border-radius:14px}.preview-status.is-draft{color:var(--danger);background:#fff5f5;border-color:#b4231833}.preview-status span{color:var(--muted);line-height:1.8}.preview-link-box{display:grid;gap:8px;padding:14px;background:var(--surface-soft);border-radius:14px}.preview-link-box span{color:var(--muted);font-size:13px;font-weight:800}.preview-link-box strong{min-width:0;max-width:100%;overflow-wrap:anywhere;color:var(--text);text-align:left}.preview-summary .split-actions,.qr-card .split-actions{flex-wrap:wrap}.preview-summary .split-actions>*,.qr-card .split-actions>*{max-width:100%}.preview-link-box small{color:var(--muted);line-height:1.7}.preview-link-box small.is-warning{color:var(--danger);font-weight:800}.qr-preview{display:grid;place-items:center;min-height:260px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:14px}.qr-preview svg{width:min(100%,240px);height:auto}.qr-preview span{color:var(--muted);font-weight:800}.qr-link-box strong{font-size:13px}.preview-menu-shell{min-width:0;max-width:100%;display:grid;gap:0;overflow:hidden;background:#f7faf6;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.preview-menu-hero{min-height:360px}.preview-menu-shell .public-hero,.preview-menu-shell .public-hero-content,.preview-menu-shell .public-restaurant-gallery,.preview-menu-shell .public-category-nav,.preview-menu-shell .public-menu-content,.preview-menu-shell .public-category-section,.preview-menu-shell .public-menu-item,.preview-menu-shell .public-item-main{min-width:0;max-width:100%}.preview-menu-shell .public-category-nav{width:100%;padding-inline:16px}.preview-help ul{display:grid;gap:10px;margin:0;padding-right:18px;color:var(--muted);line-height:1.8}.restaurant-form,.restaurant-side{display:grid;gap:18px}.form-section-heading p,.card-panel p{margin:0;color:var(--muted);line-height:1.8}.sheet-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-title-row h3{margin:0}.sheet-close-button{display:none;place-items:center;width:36px;height:36px;padding:0;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;font-size:24px;font-weight:700;line-height:1;cursor:pointer}.sheet-cancel-button{display:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label:nth-child(3){grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-start}.categories-layout{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:18px}.items-layout{display:grid;grid-template-columns:380px minmax(0,1fr);align-items:start;gap:18px}.category-form,.item-form{display:grid;gap:18px}.toggle-field{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;width:fit-content;padding:10px 12px;background:var(--surface-soft);border-radius:12px}.toggle-field input{width:18px;min-height:18px;accent-color:var(--primary)}.image-preview{display:grid;gap:10px;width:160px}.image-preview img{width:160px;height:104px;object-fit:cover;border:1px solid var(--border);border-radius:12px}.branding-card{display:grid;gap:16px}.file-field{display:grid;gap:8px}.brand-logo-preview{display:grid;place-items:center;width:112px;height:112px;overflow:hidden;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;font-size:13px;font-weight:800}.brand-logo-preview img{width:100%;height:100%;object-fit:cover}.restaurant-photo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.restaurant-photo-card{display:grid;gap:8px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:14px}.restaurant-photo-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center;border-radius:10px}.brand-empty-state{padding:14px;color:var(--muted);background:var(--surface-soft);border-radius:14px;font-size:13px;line-height:1.8}.link-danger{width:fit-content;padding:0;color:var(--danger);background:transparent;border:0;font-weight:800;cursor:pointer}.split-actions{gap:10px}.items-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.items-reorder-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px;background:var(--surface-soft);border-radius:14px}.items-reorder-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.categories-panel,.items-panel{min-width:0}.list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.list-heading h3{margin:0 0 8px}.list-heading p{margin:0;color:var(--muted);line-height:1.7}.soft-state{margin-bottom:16px;background:var(--surface-soft);box-shadow:none}.category-list,.item-list{display:grid;gap:12px}.category-item{display:grid;grid-template-columns:34px 86px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;background:#fff;border:1px solid var(--border);border-radius:14px}.menu-item-card{display:grid;grid-template-columns:34px 96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;background:#fff;border:1px solid var(--border);border-radius:14px}.category-item.is-dragging,.menu-item-card.is-dragging{opacity:.55}.menu-item-card.is-reorder-disabled .drag-handle{cursor:not-allowed;opacity:.55}.items-reorder-helper{margin-top:8px;color:#b45309;font-size:13px;font-weight:700}.items-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.items-pagination p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.pagination-controls,.pagination-pages{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagination-page,.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 10px;border-radius:10px;font-size:13px;font-weight:800}.pagination-page{color:var(--text);background:#fff;border:1px solid var(--border);cursor:pointer}.pagination-page.is-active{color:#fff;background:var(--primary);border-color:var(--primary);cursor:default}.pagination-page:disabled{opacity:.75;cursor:default}.pagination-ellipsis{color:var(--muted)}.drag-handle{display:grid;place-items:center;width:34px;height:34px;color:var(--muted);background:var(--surface-soft);border-radius:10px;cursor:grab;font-weight:800}.category-thumb,.item-thumb{display:grid;place-items:center;width:86px;height:64px;overflow:hidden;color:var(--muted);background:var(--surface-soft);border-radius:12px;font-size:12px;font-weight:700}.item-thumb{width:96px;height:76px}.category-thumb img,.item-thumb img{width:100%;height:100%;object-fit:cover}.category-main,.item-main{min-width:0}.category-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.category-title-row h4{margin:0;overflow:hidden;color:var(--text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.category-main p{margin:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.7;text-overflow:ellipsis;white-space:nowrap}.item-main p{margin:0 0 6px;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.7;text-overflow:ellipsis;white-space:nowrap}.item-main strong{color:var(--text);font-size:14px}.category-status{flex:0 0 auto;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800}.category-status.is-on{color:var(--primary-strong);background:var(--primary-soft)}.category-status.is-off{color:var(--muted);background:var(--surface-soft)}.category-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.compact-button{min-height:34px;padding:0 10px;border-radius:10px;font-size:12px}.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;color:#fff;background:var(--danger);border:1px solid var(--danger);border-radius:12px;font-weight:800;cursor:pointer}.photo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-card{display:grid;gap:8px;padding:10px;background:var(--surface-soft);border-radius:12px}.photo-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px}.photo-actions{display:flex;flex-wrap:wrap;gap:6px}.muted-copy{margin:0;color:var(--muted);font-size:13px}.customer-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#18221c6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.customer-modal{width:min(100%,420px);padding:22px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 28px 80px #18221c3d}.customer-modal-body h2{margin:0 0 10px;font-size:20px}.customer-modal-body p{margin:0;color:var(--muted);line-height:1.8}.customer-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.compact-button:disabled{cursor:not-allowed;opacity:.45}.public-menu-body{background:#f7faf6}.public-menu-page{min-height:100vh;padding-bottom:92px}.public-menu-loading,.public-menu-state{display:grid;place-items:center;min-height:100vh;padding:24px}.public-error-card{width:min(100%,520px);text-align:center}.public-error-card h1{margin-bottom:12px;font-size:26px}.public-hero{position:relative;display:grid;align-items:end;min-height:440px;height:clamp(440px,58vw,540px);overflow:hidden;color:#fff;background:#18221c}.public-hero-media{position:absolute;inset:0}.public-hero-media:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#18221c2e,#18221cd1)}.public-hero-media img,.public-hero-placeholder{width:100%;height:100%;object-fit:cover;object-position:center}.public-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.public-hero-slide.is-active{opacity:1}.public-hero-placeholder{display:grid;place-items:center;color:#ffffff2e;font-size:80px;font-weight:900}.public-hero-content{position:relative;z-index:1;display:grid;gap:12px;width:min(100%,1060px);margin:0 auto;padding:80px 24px 34px}.public-hero-content .eyebrow{color:#ffffffd1}.public-hero-content h1{font-size:42px}.public-hero-content p{max-width:720px;color:#ffffffdb;line-height:1.9}.public-logo{width:76px;height:76px;background:#ffffff2e;border:1px solid rgba(255,255,255,.34);box-shadow:0 18px 42px #0000002e;font-size:30px}.public-contact{display:flex;flex-wrap:wrap;gap:8px}.public-contact span{padding:7px 10px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:13px;font-weight:800}.public-category-nav{position:sticky;top:0;z-index:5;display:flex;max-width:100%;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:12px max(16px,calc((100vw - 1060px)/2));background:#f7faf6f0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-restaurant-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(100%,1060px);margin:-28px auto 0;padding:0 16px;position:relative;z-index:2}.public-restaurant-gallery img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center;border:3px solid #fff;border-radius:16px}.public-category-nav a{flex:0 0 auto;max-width:min(260px,calc(100vw - 48px));overflow:hidden;padding:9px 14px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.public-menu-content{display:grid;gap:22px;width:min(100%,1060px);margin:0 auto;padding:26px 16px 52px}.public-powered-by{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;direction:ltr;width:min(100%,1060px);margin:-18px auto 0;padding:0 16px 34px;color:#58685cbd;font-size:12px;font-weight:700;line-height:1.7;text-align:center}.public-powered-by-label{font-weight:600}.public-powered-by-brand{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#2b372fd1}.public-powered-by-brand img{width:18px;height:18px;flex:0 0 auto;object-fit:contain;opacity:.78}.public-powered-by-brand span{min-width:0;overflow-wrap:anywhere}.public-category-section{display:grid;gap:14px;scroll-margin-top:72px}.public-category-heading{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:16px;padding:18px 4px 8px}.public-category-heading h2{margin-bottom:6px;font-size:22px}.public-category-heading p{display:-webkit-box;max-height:5.4em;overflow:hidden;margin:0;color:var(--muted);line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:3}.public-category-image{width:112px;aspect-ratio:4 / 3;overflow:hidden;border-radius:14px}.public-category-image img{width:100%;height:100%;object-fit:cover;object-position:center}.public-item-list{display:grid;gap:12px}.public-menu-item{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;padding:12px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 34px #18221c0f;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.public-menu-item:hover{border-color:#167a4a3d;box-shadow:0 16px 42px #18221c1a;transform:translateY(-1px)}.public-menu-item:focus{outline:3px solid rgba(22,122,74,.18);outline-offset:2px}.public-item-photo{display:grid;place-items:center;width:116px;height:100px;overflow:hidden;color:var(--muted);background:var(--surface-soft);border-radius:14px;object-fit:cover;object-position:center;font-size:12px;font-weight:800}.public-item-main{display:grid;align-content:center;gap:10px;min-width:0}.public-item-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.public-item-title h3{min-width:0;margin:0;overflow-wrap:anywhere;font-size:17px}.public-item-title strong{flex:0 0 auto;color:var(--primary-strong);font-size:14px}.public-item-main p{display:-webkit-box;max-height:5.4em;overflow:hidden;margin:0;color:var(--muted);line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:3}.public-item-category{width:fit-content;max-width:100%;overflow-wrap:anywhere;padding:3px 8px;color:var(--muted);background:var(--surface-soft);border-radius:999px;font-size:12px;font-weight:800}.public-photo-strip{display:flex;gap:6px}.public-photo-strip img{width:42px;height:42px;object-fit:cover;object-position:center;border-radius:10px}.public-note-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:4px}.public-note-actions.has-note-item .public-note-add{display:none}.public-note-quantity{display:inline-grid;grid-template-columns:36px minmax(34px,auto) 36px;align-items:center;overflow:hidden;min-height:38px;color:var(--primary);background:var(--primary-soft);border:1px solid rgba(22,122,74,.18);border-radius:999px;font-weight:900}.public-note-quantity[hidden]{display:none}.public-note-quantity button{display:grid;place-items:center;width:36px;height:36px;color:var(--primary);background:transparent;border:0;cursor:pointer;font-size:20px;font-weight:900}.public-note-quantity span{min-width:34px;text-align:center}.public-note-actions-modal{margin-top:16px}.public-note-floating{position:fixed;right:18px;bottom:18px;z-index:65;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;color:#fff;background:var(--primary);border:0;border-radius:999px;box-shadow:0 18px 42px #167a4a42;cursor:pointer;font-weight:900}.public-note-floating strong{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;color:var(--primary);background:#fff;border-radius:999px}.public-note-backdrop{position:fixed;inset:0;z-index:90;display:grid;align-items:end;justify-items:end;padding:18px;background:#0f17136b}.public-note-backdrop[hidden]{display:none}.public-note-sheet{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(460px,100%);max-height:min(720px,calc(100vh - 36px));overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 80px #18221c42}.public-note-header,.public-note-footer{padding:18px}.public-note-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.public-note-header h2{margin:4px 0 0;font-size:22px}.public-note-list{display:grid;align-content:start;gap:12px;overflow-y:auto;padding:14px 18px}.public-note-empty{display:grid;gap:8px;padding:22px;color:var(--muted);background:var(--surface-soft);border-radius:16px;text-align:center}.public-note-empty strong{color:var(--text)}.public-note-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;background:#fff;border:1px solid var(--border);border-radius:16px}.public-note-item.is-unavailable{background:#fff9f3}.public-note-item-main h3{margin:0 0 6px;font-size:16px}.public-note-item-main p,.public-note-item-main small,.public-note-item-meta span{margin:0;color:var(--muted);line-height:1.7}.public-note-item-main small{display:block;color:var(--danger)}.public-note-item-meta{display:grid;align-content:start;gap:4px;min-width:110px;text-align:left}.public-note-item-meta strong{color:var(--primary)}.public-note-item-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px}.public-note-quantity.is-inline{min-height:34px;grid-template-columns:34px minmax(34px,auto) 34px}.public-note-footer{display:grid;gap:14px;border-top:1px solid var(--border)}.public-note-total{min-height:24px;color:var(--primary);font-size:17px;font-weight:900;text-align:left}.public-note-footer-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.public-empty-menu{text-align:center}.menu-item-modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#18221c8a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-item-modal{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:min(100%,680px);max-height:calc(100vh - 36px);overflow:auto;padding:16px;background:linear-gradient(180deg,#fff,#fbfdfb);border:1px solid rgba(255,255,255,.82);border-radius:24px;box-shadow:0 32px 100px #18221c52}.menu-modal-close{position:absolute;top:18px;left:18px;z-index:2;min-height:36px;padding:0 12px;color:var(--text);background:#ffffffe6;border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:12px;font-weight:900;box-shadow:0 10px 24px #18221c1f}.menu-modal-media{display:grid;place-items:center;min-height:320px;overflow:hidden;background:linear-gradient(135deg,#167a4a14,#d9770614),var(--surface-soft);border-radius:20px}.menu-modal-media img{width:100%;height:min(460px,52vh);max-height:460px;object-fit:cover;object-position:center}.menu-modal-image-empty{display:grid;place-items:center;gap:6px;width:calc(100% - 28px);min-height:240px;color:var(--muted);background:#ffffff7a;border:1px dashed rgba(102,115,107,.35);border-radius:18px;font-weight:800}.menu-modal-image-empty strong{color:var(--text)}.menu-modal-image-empty span{font-size:13px}.menu-modal-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.menu-modal-thumbs button{flex:0 0 auto;width:70px;height:70px;overflow:hidden;padding:0;background:transparent;border:2px solid var(--border);border-radius:14px;cursor:pointer;opacity:.72}.menu-modal-thumbs button.is-active{border-color:var(--primary);opacity:1}.menu-modal-thumbs img{width:100%;height:100%;object-fit:cover;object-position:center}.menu-modal-body{display:grid;gap:14px;padding:2px 4px 8px}.menu-modal-category{display:inline-flex;width:fit-content;max-width:fit-content;justify-self:start;align-items:center}.menu-modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.menu-modal-title-row h2{margin:0;font-size:24px}.menu-modal-title-row strong{flex:0 0 auto;padding:7px 10px;color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;font-size:14px}.menu-modal-body p{margin:0;color:var(--muted);line-height:1.9;white-space:pre-line}@media(max-width:980px){body.customer-app.app-page{padding-bottom:96px}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.topbar{align-items:flex-start;flex-direction:column;padding:18px 16px}.topbar-actions{width:100%;justify-content:space-between}.topbar [data-logout]{display:none}.mobile-profile-actions{display:grid}.mobile-nav{display:none}.mobile-bottom-nav{position:fixed;right:10px;bottom:10px;left:10px;z-index:60;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:7px;background:#fffffff5;border:1px solid var(--border);border-radius:18px;box-shadow:0 16px 44px #18221c29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav a{display:grid;justify-items:center;gap:3px;min-width:0;padding:7px 1px;color:var(--muted);border-radius:12px;font-size:10px;font-weight:800;line-height:1.2}.mobile-bottom-nav svg{width:20px;height:20px;fill:currentColor}.mobile-bottom-nav a.is-active{color:var(--primary-strong);background:var(--primary-soft)}.mobile-fab{position:fixed;right:18px;bottom:88px;z-index:61;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;max-width:calc(100vw - 36px);padding:0 16px;color:#fff;background:var(--primary);border:1px solid var(--primary);border-radius:999px;box-shadow:0 14px 34px #167a4a47;font-size:13px;font-weight:900;cursor:pointer}.mobile-fab:hover{color:#fff;background:var(--primary-strong)}.mobile-fab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.app-main{padding:18px 14px 34px}.welcome-card{align-items:stretch;flex-direction:column}.info-grid,.setup-checklist,.page-intro,.restaurant-grid,.profile-grid,.preview-grid,.form-grid{grid-template-columns:1fr}.categories-layout,.items-layout{position:relative;display:flex;flex-direction:column}.categories-panel,.items-panel{order:1}.category-form,.item-form{position:fixed;right:0;bottom:0;left:0;z-index:90;order:2;max-height:min(86vh,720px);overflow:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;box-shadow:0 -18px 48px #18221c2e;transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s ease}.categories-layout.is-form-sheet-open:before,.items-layout.is-form-sheet-open:before{content:"";position:fixed;inset:0;z-index:89;background:#18221c57}.categories-layout.is-form-sheet-open .category-form,.items-layout.is-form-sheet-open .item-form{transform:translateY(0);visibility:visible;pointer-events:auto}.sheet-close-button{display:grid}.sheet-cancel-button{display:inline-flex}.category-form [data-cancel-edit],.item-form [data-cancel-edit]{display:none!important}body.modal-open .mobile-fab{display:none}.category-item{grid-template-columns:34px 72px minmax(0,1fr)}.category-thumb{width:72px;height:58px}.category-actions{grid-column:1 / -1;justify-content:flex-start}.menu-item-card{grid-template-columns:34px 78px minmax(0,1fr)}.item-thumb{width:78px;height:64px}.photo-list,.items-filters{grid-template-columns:1fr}.items-reorder-actions{align-items:stretch;flex-direction:column}.items-reorder-buttons{justify-content:flex-start}.items-pagination{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:space-between}.pagination-pages{justify-content:center}.category-form .form-actions,.item-form .form-actions,.restaurant-form .form-actions{position:sticky;bottom:86px;z-index:20;margin:0 -10px -10px;padding:10px;background:#fffffff0;border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 34px #18221c1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.category-form .form-actions .primary-button,.item-form .form-actions .primary-button,.restaurant-form .form-actions .primary-button{flex:1}.category-form .form-actions,.item-form .form-actions{bottom:0;margin:0;border-radius:14px}.category-form .form-actions .sheet-cancel-button,.item-form .form-actions .sheet-cancel-button{flex:0 0 auto}}@media(max-width:520px){.auth-main{align-content:start;padding-top:32px}.auth-card{padding:22px}.otp-boxes{gap:6px}.otp-box{font-size:19px;border-radius:10px}h1{font-size:26px}.topbar-actions{align-items:stretch;flex-direction:column}.mobile-bottom-nav{right:8px;bottom:8px;left:8px;padding:6px;border-radius:16px}.mobile-bottom-nav svg{width:19px;height:19px}.mobile-fab{right:14px;bottom:82px}.customer-modal-actions{flex-direction:column-reverse}.customer-toast-stack{top:12px;right:12px;width:calc(100vw - 24px)}.public-hero{min-height:420px;height:auto}.public-hero-content{gap:10px;padding:58px 18px 30px}.public-logo{box-shadow:none}.public-hero-content h1{font-size:30px}.public-hero-content p{max-width:100%}.public-contact{display:grid;grid-template-columns:1fr;width:100%;gap:7px}.public-contact span{width:100%;max-width:100%;overflow-wrap:anywhere;background:#ffffff21;box-shadow:none;line-height:1.8}.public-menu-item{grid-template-columns:92px minmax(0,1fr)}.public-item-photo{width:92px;height:88px}.public-item-title{flex-direction:column;gap:6px}.public-category-heading{grid-template-columns:minmax(0,1fr) 88px}.public-category-image{width:88px}.public-restaurant-gallery{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.menu-item-modal-backdrop{align-items:end;padding:10px}.public-note-floating{right:14px;bottom:14px;min-height:46px;padding:0 14px}.public-note-backdrop{align-items:end;padding:0}.public-note-sheet{width:100%;max-height:86vh;border-radius:22px 22px 0 0;border-bottom:0}.public-note-item{grid-template-columns:1fr}.public-note-item-meta{min-width:0;text-align:right}.public-note-item-actions,.public-note-footer-actions{align-items:stretch;flex-direction:column}.public-note-item-actions>*,.public-note-footer-actions>*{width:100%}.menu-item-modal{width:100%;max-height:calc(100vh - 20px);padding:12px;border-radius:22px 22px 12px 12px}.menu-modal-media{min-height:220px}.menu-modal-media img{height:min(330px,42vh)}.menu-modal-title-row{flex-direction:column;gap:6px}}