:root{--green: #0d2e1a;--green-mid: #164a2c;--green-soft: #1e5c38;--lime: #b8e06a;--gold: #e8c56a;--chili: #e85d3b;--cream: #f7f1e6;--ink: #0a1f14;--card: #ffffff;--muted: #5a6b60;--radius: 16px;--shadow: 0 8px 28px rgba(13, 46, 26, .18);font-family:Nunito Sans,system-ui,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--cream)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.display{font-family:Bebas Neue,Impact,sans-serif;letter-spacing:.04em;font-weight:400}.app-shell{min-height:100dvh;padding-bottom:88px}.topbar{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,var(--green) 0%,var(--green-mid) 100%);color:var(--cream);padding:14px 16px 12px;box-shadow:var(--shadow)}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:1.75rem;line-height:1}.brand-sub{font-size:.75rem;opacity:.85;margin-top:2px}.cart-fab,.cart-btn{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--green);border:none;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #0003}.cart-fab{position:fixed;right:16px;bottom:20px;z-index:50}.badge{background:var(--green);color:var(--lime);border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:.75rem}.hero{position:relative;height:180px;overflow:hidden;background:var(--green)}.hero img{width:100%;height:100%;object-fit:cover;opacity:.85}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(13,46,26,.85) 100%);display:flex;align-items:flex-end;padding:16px;color:#fff}.hero-overlay h1{margin:0;font-size:2rem}.tabs{display:flex;gap:8px;padding:12px 12px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex:0 0 auto;border:2px solid transparent;background:#fff;color:var(--green);border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0d2e1a14}.tab.active{background:var(--green);color:var(--lime);border-color:var(--lime)}.section{padding:8px 12px 20px}.section h2{margin:16px 4px 10px;font-size:1.5rem;color:var(--green)}.grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:560px){.grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.grid{grid-template-columns:1fr 1fr 1fr}}.card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.card-img{aspect-ratio:16/11;object-fit:cover;width:100%;background:#dfe8e2}.card-body{padding:12px 14px 14px;flex:1;display:flex;flex-direction:column;gap:8px}.card-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--green)}.card-meta{display:flex;justify-content:space-between;align-items:center}.price{color:#9a7a28;font-weight:800;font-variant-numeric:tabular-nums}.spice{letter-spacing:1px;color:var(--chili);font-size:.85rem}.add-btn{margin-top:auto;width:100%;border:none;border-radius:12px;padding:12px;background:var(--green);color:var(--cream);font-weight:800;cursor:pointer}.add-btn:active{transform:scale(.98)}.add-btn.added{background:var(--green-soft)}.page{max-width:720px;margin:0 auto;padding:16px}.page h1{color:var(--green);margin-top:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-weight:700;color:var(--green)}.field input,.field textarea{border:2px solid #c9d5cd;border-radius:12px;padding:12px 14px;background:#fff}.field input:focus,.field textarea:focus{outline:none;border-color:var(--green-soft)}.line{display:grid;grid-template-columns:72px 1fr auto;gap:12px;background:#fff;border-radius:14px;padding:10px;margin-bottom:10px;box-shadow:0 2px 10px #0d2e1a14}.line img{width:72px;height:72px;object-fit:cover;border-radius:10px}.qty{display:inline-flex;align-items:center;gap:8px;margin-top:6px}.qty button{width:34px;height:34px;border-radius:10px;border:none;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.primary{width:100%;border:none;border-radius:14px;padding:16px;background:var(--lime);color:var(--green);font-weight:800;font-size:1.05rem;cursor:pointer;box-shadow:var(--shadow)}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{width:100%;border:2px solid var(--green);border-radius:14px;padding:12px;background:transparent;color:var(--green);font-weight:700;cursor:pointer;margin-top:10px}.muted{color:var(--muted)}.error{color:var(--chili);font-weight:700}.success-box{background:#fff;border-radius:18px;padding:24px;text-align:center;box-shadow:var(--shadow)}.order-num{font-size:3rem;color:var(--green);margin:8px 0}.kitchen{min-height:100dvh;background:#0a1a12;color:var(--cream);padding:12px}.kitchen-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.kitchen-header h1{margin:0;font-size:2rem;color:var(--lime)}.pin-box{max-width:360px;margin:12vh auto;background:var(--green-mid);padding:24px;border-radius:18px;box-shadow:var(--shadow)}.tickets{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:700px){.tickets{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.tickets{grid-template-columns:1fr 1fr 1fr}}.ticket{background:#153525;border-radius:16px;padding:14px;border:2px solid #2a5a40;transition:box-shadow .3s,border-color .3s,transform .2s}.ticket.newish{border-color:var(--lime);box-shadow:0 0 0 3px #b8e06a59,0 10px 30px #b8e06a33;animation:pulseNew 1.2s ease-in-out 2}@keyframes pulseNew{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.ticket-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.ticket-num{font-size:2rem;line-height:1;color:var(--gold)}.ticket-table{font-size:1.35rem;font-weight:800}.status-pill{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.8rem;text-transform:uppercase}.status-new{background:#3b82f6;color:#fff}.status-preparing{background:#f59e0b;color:#111}.status-ready{background:var(--lime);color:var(--green)}.status-done{background:#6b7280;color:#fff}.ticket ul{margin:0;padding-left:18px;font-size:1.1rem}.ticket li{margin-bottom:6px}.ticket-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.ticket-actions button{flex:1;min-height:48px;border:none;border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer}.btn-advance{background:var(--lime);color:var(--green)}.btn-ghost{background:transparent;color:var(--cream);border:2px solid #3a6a50!important}.empty-kitchen{text-align:center;padding:48px 16px;color:#9bb5a5;font-size:1.2rem}.kitchen-header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kitchen-hdr-btn{padding:10px 14px!important;border-radius:12px!important;border:2px solid #3a6a50!important;background:transparent!important;color:inherit!important;font-weight:700!important;min-height:44px;cursor:pointer}.history-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:14px;padding:12px;background:#123024;border-radius:14px;border:1px solid #2a5a40}.history-filter-field{flex:1;min-width:140px;margin:0}.history-filter-field label{display:block;color:var(--lime);font-weight:700;font-size:.85rem;margin-bottom:4px}.history-filter-field input{width:100%;padding:10px 12px;border-radius:10px;border:2px solid #3a6a50;background:#0a1a12;color:var(--cream)}.history-today-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#b7c9bc;min-height:44px;cursor:pointer;-webkit-user-select:none;user-select:none}.history-today-toggle input{width:18px;height:18px;accent-color:var(--lime)}.ticket-history{opacity:.95;border-style:dashed}.menu-search{display:block;position:relative;margin-top:.75rem}.menu-search input[type=search]{width:100%;box-sizing:border-box;padding:.85rem 2.5rem .85rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#00000047;color:inherit;font-size:1rem}.menu-search input[type=search]::placeholder{color:#ffffff8c}.menu-search input[type=search]:focus{outline:2px solid rgba(255,200,80,.55);outline-offset:1px}.menu-search-clear{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);border:none;background:#ffffff1f;color:inherit;width:2rem;height:2rem;border-radius:999px;cursor:pointer}.menu-search-status{margin:0 0 1rem;opacity:.85;font-size:.95rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.history-range{display:flex;gap:.4rem;flex-wrap:wrap}.history-range-btn{border:1px solid rgba(255,255,255,.2);background:#00000040;color:inherit;padding:.65rem 1rem;border-radius:999px;font-weight:600;cursor:pointer;min-height:44px}.history-range-btn.active{background:var(--lime, #c6f26e);color:#0d2e1a;border-color:transparent}.app-credit{text-align:center;padding:1.25rem 1rem 2rem;opacity:.55;font-size:.8rem}.app-credit a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}.app-credit a:hover{opacity:1;border-bottom-color:#ffffff8c}.checkout-row{display:flex;gap:12px;align-items:flex-end;margin-top:16px;flex-wrap:wrap}.checkout-row .field{margin-top:0;flex:1 1 140px}.takeout-field .field-label,.field>.field-label{display:block;font-weight:700;margin-bottom:6px;font-size:.9rem}.takeout-toggle{display:inline-flex;border:1px solid #c9d5cd;border-radius:999px;overflow:hidden;background:#fff}.takeout-btn{border:none;background:transparent;padding:10px 18px;font-weight:800;cursor:pointer;color:var(--green);min-width:64px}.takeout-btn.active{background:var(--lime, #c6f26e);color:#0d2e1a}.ticket-takeout{color:var(--gold, #e8b84a)}.ticket-place{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.takeout-badge{display:inline-block;background:#e8b84a;color:#1a1200;font-weight:900;font-size:.95rem;letter-spacing:.06em;padding:4px 10px;border-radius:6px;box-shadow:0 0 0 2px #e8b84a73;animation:takeout-pulse 1.4s ease-in-out 2}@keyframes takeout-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}