:root{--green: #2e7d32;--green-dark: #1b5e20;--green-700: #256a29;--green-soft: #e8f1e9;--green-tint: #f1f7f1;--page: #ffffff;--surface: #f5f8f3;--card: #ffffff;--on-dark: #ffffff;--ink: #17231a;--ink-body: #2b362c;--ink-dim: #63736180;--ink-muted: #6b7a68;--amber: #f5a623;--danger: #c62828;--danger-soft: #fdecea;--ok: #2e7d32;--line: #e6ece3;--line-strong: #d6ded2;--shadow-sm: 0 1px 2px rgba(23, 35, 26, .06);--shadow: 0 10px 26px rgba(23, 35, 26, .1);--r-sm: 10px;--r: 14px;--r-lg: 18px;--r-pill: 999px;--font-body: "MTN Brighter Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--surface);color:var(--ink-body);font:400 14px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}img{max-width:100%}a{color:inherit}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--page);overflow:hidden}.header{flex:none;background:var(--green-dark);color:var(--on-dark);padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 13px;display:flex;align-items:center;gap:12px}.header__back{width:30px;height:30px;border:0;background:#ffffff24;color:#fff;border-radius:8px;font-size:20px;line-height:1}.header__logo{width:30px;height:30px;flex:none}.header__titles{min-width:0}.header__title{font-weight:800;font-size:17px;letter-spacing:.01em}.header__subtitle{font-size:11.5px;opacity:.82;margin-top:1px}.screen{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--surface)}.screen__inner{padding:14px 14px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}.tabbar{flex:none;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar__item{flex:1;border:0;background:none;color:var(--ink-muted);padding:9px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600}.tabbar__item[aria-current=page]{color:var(--green-dark)}.tabbar__item svg{width:22px;height:22px}.tabbar__badge{position:absolute;transform:translate(12px,-6px);background:var(--green);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:999px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center}.toast{position:fixed;left:50%;bottom:calc(70px + env(safe-area-inset-bottom,0px));transform:translate(-50%);max-width:88%;background:#17231a;color:#fff;padding:10px 16px;border-radius:var(--r-pill);font-size:13px;font-weight:600;box-shadow:var(--shadow);z-index:40}.toast--error{background:var(--danger)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:14px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--green-dark);text-transform:none}.section-title{font-size:17px;font-weight:800;color:var(--ink);margin:0}.muted{color:var(--ink-muted);font-size:13px}.price{color:var(--green-dark);font-weight:800}.btn{border:0;border-radius:var(--r-pill);padding:13px 18px;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s ease,opacity .12s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;pointer-events:none}.btn--primary{background:var(--green);color:#fff}.btn--dark{background:var(--green-dark);color:#fff}.btn--ghost{background:#fff;color:var(--green-dark);border:1.5px solid var(--line-strong)}.btn--block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--green-soft);color:var(--green-dark);border-radius:var(--r-pill);padding:6px 12px;font-size:12.5px;font-weight:700;border:0}.chip[aria-pressed=true]{background:var(--green);color:#fff}.badge{font-size:11px;font-weight:800;border-radius:var(--r-pill);padding:3px 9px}.badge--ok{background:var(--green-soft);color:var(--green-dark)}.badge--out{background:#fdecea;color:var(--danger)}.empty{text-align:center;padding:42px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty__icon{width:56px;height:56px;color:var(--line-strong)}.empty__title{font-weight:700;color:var(--ink)}.spinner{width:26px;height:26px;border:3px solid var(--green-soft);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:32px auto}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#eef2ea 25%,#f6f9f4,#eef2ea 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:8px}@keyframes shimmer{to{background-position:-200% 0}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:700;color:var(--ink)}.field input{border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:11px 12px;background:#fff;width:100%}.field input:disabled{background:var(--surface);color:var(--ink-muted)}.stepper{display:inline-flex;align-items:center;gap:2px;background:var(--green-tint);border-radius:var(--r-pill);padding:4px}.stepper button{width:32px;height:32px;border:0;background:#fff;border-radius:50%;font-size:18px;line-height:1;color:var(--green-dark);box-shadow:var(--shadow-sm)}.stepper button:disabled{opacity:.4}.stepper__value{min-width:34px;text-align:center;font-weight:800}.row-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.row-scroll::-webkit-scrollbar{display:none}.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);text-align:left;padding:0;width:100%;display:block}.pcard--rail{flex:0 0 168px;scroll-snap-align:start}.pcard__imgwrap{position:relative;aspect-ratio:16 / 11;background:var(--green-tint)}.pcard__img{width:100%;height:100%;object-fit:cover;display:block}.pcard__badge{position:absolute;top:8px;right:8px}.pcard__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.pcard__name{font-weight:700;color:var(--ink);font-size:14.5px;line-height:1.25}.pcard__meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}.pcard__foot{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.star{color:var(--amber);display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:12.5px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail__hero{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16 / 12;background:var(--green-tint);position:relative}.detail__hero img{width:100%;height:100%;object-fit:cover}.detail__titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.detail__name{font-size:22px;font-weight:800;color:var(--ink);margin:0}.detail__sub{font-size:12.5px;color:var(--ink-muted)}.fav{border:0;background:var(--green-tint);width:40px;height:40px;border-radius:50%;color:var(--danger);display:inline-flex;align-items:center;justify-content:center;flex:none}.info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:11px 13px;font-size:13px}.info-row .with-icon{display:inline-flex;align-items:center;gap:7px}.with-icon svg{width:18px;height:18px;color:var(--green)}.actionbar{flex:none;background:var(--card);border-top:1px solid var(--line);padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}.actionbar__meta{font-size:12.5px;color:var(--ink-muted);font-weight:600;margin-bottom:8px}.actionbar__row{display:flex;align-items:center;gap:12px}.actionbar__row .btn{flex:1}.line{display:flex;gap:12px;align-items:center}.line__img{width:58px;height:58px;border-radius:12px;object-fit:cover;background:var(--green-tint);flex:none}.line__body{flex:1;min-width:0}.line__name{font-weight:700;color:var(--ink);font-size:14px}.icon-btn{border:0;background:none;color:var(--ink-muted);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{width:20px;height:20px}.totals{display:flex;flex-direction:column;gap:7px}.totals__row{display:flex;justify-content:space-between;font-size:14px}.totals__row--strong{font-weight:800;color:var(--ink);font-size:16px;padding-top:7px;border-top:1px solid var(--line)}.radio-tile{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line-strong);border-radius:var(--r);padding:12px 13px;background:#fff;width:100%;text-align:left}.radio-tile[aria-pressed=true]{border-color:var(--green);background:var(--green-tint)}.radio-tile__dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);flex:none}.radio-tile[aria-pressed=true] .radio-tile__dot{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 3px #fff}.note{background:var(--green-tint);border-radius:var(--r);padding:11px 13px;font-size:12.5px;color:var(--green-700)}.status-badge{font-size:11.5px;font-weight:800;border-radius:var(--r-pill);padding:4px 10px}.order-head{display:flex;align-items:center;justify-content:space-between}.order-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:4px}.code{letter-spacing:.4em;font-size:30px;font-weight:800;color:var(--green-dark);text-align:center}.scrim{position:fixed;inset:0;background:#17231a73;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{background:#fff;width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}