:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #ffffff;--primary-green: #1d9448;--dark-green: #0d6b2f;--vibrant-orange: #ff8c2a;--warm-orange: #ffb366;--text: #1a1a1a;--muted: #6c757d;--border: rgba(29, 148, 72, .15);--accent: #1d9448;--accent-hover: #0d6b2f;--glow-green: rgba(29, 148, 72, .2);--glow-orange: rgba(255, 140, 42, .2)}*{box-sizing:border-box}.menuPage{min-height:100vh;background:var(--bg);color:var(--text);padding:12px 12px 100px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menuHeader{background:linear-gradient(135deg,#fffffffa,#fffbf5f5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 0 10px;margin-bottom:8px;border-bottom:2px solid transparent}.logoContainer{display:flex;justify-content:center;margin-bottom:12px}.logoImg{width:100px;height:auto;max-width:100%;filter:drop-shadow(0 4px 12px rgba(29,148,72,.2));animation:logoFloat 3s ease-in-out infinite}.logoImgLoc,.logoImgInsta{width:50px;height:50px;filter:drop-shadow(0 4px 12px rgba(29,148,72,.2))}.locins{font-size:10px;margin:px}.dot{width:10px;height:10px;filter:drop-shadow(0 4px 12px rgba(29,148,72,.2));margin:20px}.div321{display:flex;justify-content:center}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.menuTitle{font-size:20px;font-weight:800;margin:0 0 10px;letter-spacing:.5px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--dark-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;text-align:center}.slider{position:relative;width:100%;max-width:100%;margin:12px auto 0;border-radius:14px;overflow:hidden}.sliderImg{width:100%;height:212px;object-fit:cover;display:block}.categoryRow{position:sticky;top:0;z-index:50;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:8px;overflow-x:auto;padding:8px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-bottom:15px}.categoryRow::-webkit-scrollbar{height:6px}.categoryRow::-webkit-scrollbar-thumb{background:#1d94484d;border-radius:999px}.categoryBtn{flex:0 0 auto;scroll-snap-align:start;border:2px solid var(--primary-green);background:linear-gradient(135deg,#1d944814,#ff8c2a0d);color:var(--primary-green);padding:12px 16px;border-radius:20px;font-size:15px;font-weight:700;min-height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px #1d94481a;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.categoryBtn:focus,.categoryBtn:focus-visible,.categoryBtn:active{outline:none!important;box-shadow:none!important}.categoryBtn:active{transform:scale(.95)}.categoryBtnActive{background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border-color:var(--dark-green);color:#fff;box-shadow:0 4px 16px var(--glow-green),0 0 24px var(--glow-orange)}.itemsGrid{display:grid;gap:10px}.itemCard{position:relative;border-radius:16px;padding:14px;background:linear-gradient(145deg,#fffffff2,#fffbf5e6);box-shadow:0 4px 16px #1d944814,0 2px 8px #ff8c2a0d;overflow:hidden}.itemCard:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,var(--glow-green),var(--glow-orange));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.itemCard:active{transform:translateY(-2px);box-shadow:0 8px 24px #1d944826,0 4px 12px #ff8c2a1a}.itemTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.itemNames{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.itemNameEn,.itemNameAr{overflow-wrap:anywhere}.itemNameEn{font-size:14px;font-weight:800;margin:0;line-height:1.3;text-align:left;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.itemNameAr{font-size:14px;font-weight:800;margin:0;text-align:right;line-height:1.3;word-wrap:break-word;direction:rtl;-webkit-hyphens:auto;hyphens:auto}.itemPrice{font-weight:800;white-space:nowrap;background:linear-gradient(135deg,var(--primary-green),var(--vibrant-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:15px}.itemDesc{margin:6px 0 0;font-size:13px;color:var(--muted);line-height:1.35}.emptyState{border:1px dashed var(--border);border-radius:14px;padding:14px;color:var(--muted);text-align:center}.whatsAppBtn:active{transform:translate(-50%) scale(.96);color:#fff!important}.whatsAppBtn:hover{background:linear-gradient(135deg,var(--dark-green) 0%,var(--primary-green) 100%);box-shadow:0 12px 48px var(--glow-green),0 6px 24px var(--glow-orange),0 20px 64px #0000004d;color:#fff!important}@media(min-width:768px){.menuPage{padding:20px 20px 100px}.menuTitle{font-size:24px}.sliderImg{height:260px}.itemsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.itemCard{padding:16px;margin-bottom:0}}@media(min-width:1024px){.itemsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.menuPage{padding:8px}.menuTitle{font-size:18px}.sliderImg{height:150px}.categoryBtn{padding:10px 14px;font-size:13px;min-height:40px}.itemCard{padding:12px}}.categoryBtn:focus,.categoryBtn:focus-visible{border-color:var(--primary-green)!important}.spinner{width:28px;height:28px;border:3px solid rgba(29,148,72,.2);border-top-color:var(--primary-green);border-radius:999px;margin:12px auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottomBar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:min(480px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#1d944833;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 10px 40px #00000026;z-index:20}.whatsAppBtn{flex:1;min-height:56px;border-radius:999px;background:linear-gradient(135deg,var(--primary-green),var(--dark-green));color:#fff;font-weight:900;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none}.iconBtn{width:44px;height:44px}:root{--bg: #ffffff;--primary-green: #1d9448;--dark-green: #0d6b2f;--vibrant-orange: #ff8c2a;--text: #1a1a1a;--muted: #7d6c6c;--border: rgba(0, 0, 0, .15);--shadow: 0 10px 30px rgba(0,0,0,.12)}.adminPage{min-height:100vh;background:var(--bg);color:var(--text);padding:16px}.adminTopbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.adminTitle h1{margin:0;font-size:22px;font-weight:900}.adminTitle p{margin:4px 0 0;color:var(--muted);font-size:13px}.adminActions{padding:15px;display:contents;background-color:#fff;gap:8px;justify-self:stretch}.adminFilters{display:grid;grid-template-columns:1fr 220px auto;gap:10px;align-items:center;margin-bottom:14px}@media(max-width:860px){.adminFilters{grid-template-columns:1fr}}.adminGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:860px){.adminGrid{grid-template-columns:1fr}}.adminCard{border-radius:16px;border:1px solid var(--border);background:#fff;padding:12px;box-shadow:0 6px 16px #1d94480f}.adminCardDisabled{opacity:.6}.adminCardTop{display:flex;justify-content:space-between;gap:10px}.adminCardBtns{display:flex;gap:8px;align-items:flex-start}.adminNameEn{font-weight:900;font-size:15px}.adminNameAr{font-weight:900;font-size:14px;direction:rtl;text-align:right}.adminMeta{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#1d94480f}.pillOk{background:#1d94481f}.pillBad{background:#ff8c2a26;border-color:#ff8c2a40}.adminDesc{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.35}.adminDescAr{direction:rtl;text-align:right;margin-top:4px}.adminEmpty{padding:16px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center}.ainput,.aselect,.atextarea{width:100%;background-color:#cecece;color:#000;border:2px solid rgb(57,138,3);border-radius:12px;padding:10px 12px;font-size:14px;outline:none}.ainput:focus,.aselect:focus,.atextarea:focus{border-color:#1d94488c}.atextarea{min-height:80px;resize:vertical}.acheck{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.abtn,.abtnSmall{border:0;cursor:pointer;border-radius:999px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--primary-green),var(--dark-green))}.abtn{padding:10px 14px;font-size:15px;font-weight:600}.abtnSmall{padding:8px 10px;font-size:12px}.abtnGhost{background:transparent;color:var(--primary-green);border:1px solid rgba(29,148,72,.35)}.abtnDanger{background:linear-gradient(135deg,#c0392b,#922b21);color:#fff;border:0}.amodalOverlay{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:999;padding:16px}.amodal{width:min(720px,100%);background:#fff;border-radius:16px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.1);overflow:hidden}.amodalHeader{display:flex;align-items:center;padding:12px 14px;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.08)}.amodalHeader>*:last-child{margin-left:auto}.amodalTitle{margin:0;font-size:16px;font-weight:1000}.amodalClose{border:0;background:transparent;cursor:pointer;font-size:18px;padding:6px 10px}.amodalBody{padding:14px}.formGrid{display:grid;height:500px;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:720px){.formGrid{grid-template-columns:1fr}}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:800}.field.inline{grid-column:1 / -1}@media(max-width:720px){.adminTopbar{flex-direction:column;align-items:stretch;gap:8px}.adminFilters{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.adminGrid{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr;height:auto;max-height:calc(100vh - 120px)}.amodal{width:calc(100% - 24px);height:calc(100% - 40px);border-radius:10px;display:flex;flex-direction:column}.amodalBody{padding:10px;overflow:auto;flex:1 1 auto}.modalFooter{padding:12px;position:sticky;bottom:0;background:linear-gradient(180deg,#fff0,#fff)}.adminCard{padding:10px}.comboList{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:45vh}}.hint{font-size:12px;color:var(--muted);margin-top:6px}.modalFooter{display:flex;justify-content:flex-end;gap:10px;padding-top:12px}.combo{position:relative}.comboTop{display:flex;gap:8px;align-items:center}.comboList{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:3px solid rgba(18,18,18,.215);border-radius:12px;box-shadow:var(--shadow);z-index:9999;max-height:260px;overflow-y:auto;overflow-x:hidden}.comboItem{width:100%;text-align:left;border:0;background:#fff;cursor:pointer;border-bottom:1px solid rgba(108,104,104,.916)}.comboItem:hover{background:#1d94480f}.comboEn{font-weight:900;color:var(--muted);font-size:13px}.comboAr{font-size:12px;color:var(--muted);direction:rtl;text-align:right}.comboFooter{padding:10px 12px;display:flex;gap:8px;justify-content:flex-end;background:#00000005}.comboCreate{border-bottom:1px solid #e6e6e6;font-weight:600}.bgLogout{background-color:#fff}.logoutBtn,.btnGoToMenu{margin:10px}.btnGo{width:100%}#root{width:100%;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}