:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-page{background:linear-gradient(#132d25e6,#132d25f5);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:18px;width:min(100%,440px);padding:36px;box-shadow:0 20px 60px #00000040}.login-heading{text-align:center;margin-bottom:28px}.login-heading h1{color:#1f3f35;margin:6px 0 10px}.login-heading p{color:#5d655f;margin:0}.login-eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;font-weight:700;color:#c96b32!important}.login-form{gap:12px;display:grid}.login-form label{color:#26342f;margin-top:6px;font-weight:600}.login-form input{box-sizing:border-box;color:#222;width:100%;font:inherit;background:#fff;border:1px solid #cfd7d2;border-radius:9px;padding:13px 14px}.login-form input:focus{border-color:#2f5d50;outline:3px solid #2f5d502e}.login-form button{color:#fff;font:inherit;cursor:pointer;background:#2f5d50;border:0;border-radius:9px;margin-top:14px;padding:14px 18px;font-weight:700}.login-form button:hover:not(:disabled){background:#244b40}.login-form button:disabled,.login-form input:disabled{cursor:not-allowed;opacity:.65}.login-error{color:#9b1c1c;background:#fde8e8;border-radius:8px;margin:8px 0 0;padding:12px;font-size:.95rem}*{box-sizing:border-box}body{color:#1d2939;background:#f4f6f8;min-width:320px;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.admin-layout{width:min(1100px,100% - 32px);margin:0 auto;padding:48px 0 72px}.admin-header{color:#fff;background:#1f3f35;border-radius:18px;padding:32px;box-shadow:0 10px 30px #1f3f352e}.admin-eyebrow{color:#d8b77b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.85rem;font-weight:700}.admin-header h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.admin-header p:last-child{color:#e5ece9;margin:10px 0 0}.category-section{margin-top:32px}.category-section h2{margin-bottom:18px}.category-card{color:#1d2939;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e0dc;border-radius:14px;align-items:flex-start;gap:14px;width:100%;min-height:112px;padding:18px;transition:transform .15s,box-shadow .15s;display:flex}.category-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1018281a}.category-card.is-selected{border-color:#1f3f35;box-shadow:0 0 0 3px #1f3f351f}.category-number{color:#1f3f35;background:#eaf2ee;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.category-card strong,.category-card small{display:block}.category-card strong{margin-bottom:7px;font-size:1rem}.category-card small{color:#667085;line-height:1.45}.error-message{color:#b42318;background:#fee4e2;border-radius:10px;padding:14px}.items-section{background:#fff;border-radius:18px;margin-top:36px;padding:28px;box-shadow:0 10px 30px #10182814}.items-heading{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:20px;margin-bottom:24px;display:grid}.items-heading>div:first-child{text-align:center}.items-heading h2{color:#1d2939;margin:0}.items-heading p:last-child{color:#667085;margin:8px 0 0}.item-count{color:#1f3f35;white-space:nowrap;background:#eaf2ee;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:700}.items-list{gap:12px;display:grid}.menu-item{border:1px solid #e4e7ec;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 20px;display:grid}.menu-item-main{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:14px;min-width:0;display:grid}.menu-item-main>div{min-width:0}.item-sort-order{color:#475467;background:#f2f4f7;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:grid}.menu-item h3{color:#1d2939;margin:0;font-size:1.05rem;line-height:1.3}.menu-item p{color:#667085;overflow-wrap:anywhere;margin:6px 0 0;line-height:1.5}.menu-item-actions{justify-content:flex-end;align-items:center;gap:16px;min-width:165px;display:flex}.menu-item-price{text-align:right;gap:5px;min-width:72px;display:grid}.menu-item-price strong{color:#1f3f35;white-space:nowrap;font-size:1.05rem}.menu-item-price span{color:#027a48;white-space:nowrap;font-size:.82rem}.menu-item.is-unavailable{opacity:.55}.menu-item.is-unavailable .menu-item-price span{color:#b42318}.empty-message{color:#667085;background:#f9fafb;border-radius:10px;padding:18px}.edit-button,.save-button,.secondary-button,.close-button{font:inherit;cursor:pointer}.edit-button{color:#1f3f35;background:#fff;border:1px solid #1f3f35;border-radius:8px;padding:9px 13px;font-weight:700}.edit-button:hover{background:#eaf2ee}.modal-backdrop{z-index:10;background:#1018288c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:18px;width:min(620px,100%);max-height:calc(100vh - 40px);padding:28px;overflow-y:auto;box-shadow:0 20px 60px #1018284d}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.modal-header h2{color:#1d2939;margin:0}.close-button{color:#344054;background:#f2f4f7;border:0;border-radius:8px;width:36px;height:36px;font-size:1.7rem;line-height:1}.edit-modal form{gap:18px;display:grid}.edit-modal label{color:#344054;gap:7px;font-size:.92rem;font-weight:700;display:grid}.edit-modal input,.edit-modal textarea{color:#1d2939;width:100%;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:11px 12px;font-weight:400}.edit-modal textarea{resize:vertical}.edit-modal input:focus,.edit-modal textarea:focus{border-color:#1f3f35;outline:3px solid #1f3f3529}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.availability-field{align-items:center;gap:10px!important;display:flex!important}.availability-field input{width:18px;height:18px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.save-button,.secondary-button{border-radius:8px;padding:11px 16px;font-weight:700}.save-button{color:#fff;background:#1f3f35;border:1px solid #1f3f35}.save-button:hover{background:#173129}.secondary-button{color:#344054;background:#fff;border:1px solid #d0d5dd}.save-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6}.items-heading-actions{flex-direction:column;justify-self:end;align-items:flex-end;gap:10px;display:flex}.add-item-button{color:#fff;cursor:pointer;background:#1f3f35;border:1px solid #1f3f35;border-radius:8px;min-width:140px;padding:10px 14px;font-weight:700}.add-item-button:hover{background:#173129}.delete-button{color:#b42318;cursor:pointer;background:#fff;border:1px solid #b42318;border-radius:8px;padding:9px 13px;font-weight:700}.delete-button:hover{background:#fee4e2}.category-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.category-card{background:#fff;border:1px solid #d8e0df;border-radius:16px;flex-direction:column;align-items:stretch;min-height:170px;padding:1.25rem;display:flex}.category-card-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:flex-start;gap:.9rem;padding:0;display:flex}.category-card-main span:last-child{flex-direction:column;gap:.35rem;display:flex}.category-card-main strong{color:#102f27;font-size:1.1rem}.category-card-main small{color:#64748b;line-height:1.45;display:block}.category-number{flex:none}.category-card-actions{justify-content:flex-end;gap:.65rem;margin-top:1rem;display:flex}.allergen-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.allergen-checkbox{cursor:pointer;text-align:left;border:1px solid #d9d9d9;border-radius:8px;justify-content:flex-start;align-items:center;gap:.55rem;margin:0;padding:.7rem .8rem;display:flex}.allergen-checkbox input{flex:none;width:auto;margin:0}.allergen-checkbox span{margin:0;display:inline}.settings-section{background:#fff;border-radius:22px;margin-bottom:28px;padding:32px;box-shadow:0 18px 50px #0f172a14}.settings-image-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px;display:grid}.settings-image-card{text-align:left;background:#f8fafc;border:1px solid #d9e1ea;border-radius:18px;padding:22px}.settings-image-card h3{color:#0f1f33;margin:0 0 8px;font-size:1.1rem}.settings-image-card p{color:#52657a;margin:0 0 16px}.settings-image-card input[type=file]{cursor:pointer;background:#fff;border:1px dashed #b7c4d3;border-radius:12px;width:100%;padding:12px}.settings-image-preview{object-fit:cover;background:#fff;border:1px solid #d9e1ea;border-radius:14px;width:100%;height:150px;margin-bottom:16px}.remove-image-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:10px;width:100%;margin:10px 0 14px;padding:10px 14px;font-weight:700}.remove-image-button:hover{color:#fff;background:#dc2626}.remove-image-button:disabled{opacity:.6;cursor:not-allowed}.settings-empty{color:#64748b;margin:14px 0;font-size:.95rem}.settings-logo-preview{object-fit:contain;background:#fff;padding:12px}.settings-text-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 10px 30px #0f172a0f}.settings-text-panel h3{margin-top:0;margin-bottom:.35rem}.settings-text-panel p{color:#64748b;margin-top:0}.settings-text-panel label{flex-direction:column;gap:.45rem;margin-top:1rem;font-weight:700;display:flex}.settings-text-panel input,.settings-text-panel textarea{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:12px;padding:.8rem .9rem}.settings-text-panel textarea{resize:vertical}.settings-text-panel input::placeholder,.settings-text-panel textarea::placeholder{color:#8f8f8f;opacity:1}.logout-button{color:#1f3f35;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfd7d2;border-radius:8px;padding:10px 16px;font-weight:700}.logout-button:hover{background:#f3f6f4}@media (width<=900px){.settings-image-grid{grid-template-columns:1fr}}@media (width<=640px){.category-grid{grid-template-columns:1fr}.category-card-actions{justify-content:stretch}.category-card-actions button{flex:1}}@media (width<=760px){.items-heading-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.menu-item-actions{flex-wrap:wrap}.admin-layout{width:min(100% - 24px,1100px);padding:24px 0 48px}.admin-header,.items-section{padding:20px}.items-heading,.menu-item{flex-direction:column;align-items:flex-start}.menu-item{grid-template-columns:1fr;gap:14px}.menu-item-actions{justify-content:space-between;width:100%;min-width:0;padding-left:48px}.menu-item-price{text-align:left}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.save-button,.secondary-button{width:100%}.items-heading{grid-template-columns:1fr}.items-heading-actions{justify-self:stretch;align-items:flex-start;width:100%}}