@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #f4efe6;--surface: rgba(255, 250, 244, .92);--surface-strong: #fffdfa;--text: #1f1913;--muted: #74665b;--border: rgba(118, 92, 70, .14);--accent: #b44f2b;--accent-hover: #973f21;--success: #2f7a45;--radius: 20px;--radius-sm: 14px;--shadow: 0 8px 24px rgba(69, 43, 19, .08), 0 18px 54px rgba(69, 43, 19, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(255,212,169,.72),transparent 28%),radial-gradient(circle at top right,rgba(194,101,60,.18),transparent 24%),linear-gradient(180deg,#fff9f3,#f4efe6 45%,#efe6d8);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:16px}.layout{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.header{padding:18px 16px 20px;background:linear-gradient(135deg,#211610eb,#663520db),linear-gradient(180deg,rgba(255,255,255,.12),transparent);color:#fff8f2;position:sticky;top:0;z-index:10;box-shadow:0 16px 30px #1a0e0729;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff1f;color:#fff8f2e0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.header-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-top:12px}.header h1{margin:0;font-size:26px;line-height:1.02;font-weight:800;letter-spacing:-.04em}.header-copy{margin:8px 0 0;color:#fff8f2cc;font-size:13px;max-width:290px}.tenant-chip{flex-shrink:0;padding:10px 12px;border-radius:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:700;letter-spacing:.02em}.content{flex:1;padding:16px 16px 120px}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:14px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{white-space:nowrap;padding:10px 14px;border-radius:999px;background:#fffaf4e0;border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:700;box-shadow:0 8px 18px #452b130a}.category-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.menu-grid{display:grid;grid-template-columns:1fr;gap:12px}.menu-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow);transform:translateY(0);transition:transform .16s ease,box-shadow .16s ease}.menu-card:hover{transform:translateY(-2px)}.menu-card-media{height:148px;display:flex;align-items:flex-end;justify-content:space-between;padding:14px;background:linear-gradient(135deg,#b44f2b2e,#f3cbaedb),linear-gradient(135deg,#f5d6bf,#fdf4ea);background-size:cover;background-position:center;color:#fff7f0}.menu-card-media.has-image{color:#fff8f2}.menu-card-media span{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:#1f19131a;font-size:20px;font-weight:800;color:var(--accent)}.menu-card-badge{padding:8px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-card-body{padding:14px 14px 8px}.menu-card h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.menu-card p{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.45}.price-row{display:flex;justify-content:space-between;align-items:baseline;padding:0 14px}.menu-card .price{font-weight:800;font-size:22px;color:var(--text);letter-spacing:-.03em}.price-caption{color:var(--muted);font-size:12px}.menu-card .actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px 14px 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:var(--radius-sm);font-weight:800;font-size:14px;transition:transform .05s ease,opacity .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#fffaf4e0;color:var(--text);border:1px solid var(--border)}.btn-small{padding:6px 10px;font-size:13px}.cart-bar{position:fixed;left:0;right:0;bottom:0;background:#fffbf6f0;border-top:1px solid rgba(118,92,70,.1);padding:12px 16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:20;box-shadow:0 -12px 30px #452b1317;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cart-bar .info{display:flex;flex-direction:column}.cart-bar .total{font-weight:700;font-size:16px}.cart-bar .count{font-size:12px;color:var(--muted)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group label{font-size:13px;font-weight:600;color:var(--muted)}.form-group input,.form-group select,.form-group textarea{padding:13px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fffcf8f2;color:var(--text);box-shadow:inset 0 1px #ffffff8c}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.order-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.order-item:last-child{border-bottom:none}.empty{text-align:center;color:var(--muted);padding:40px 16px}.success-card{background:radial-gradient(circle at top right,rgba(246,216,191,.8),transparent 34%),var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--shadow)}.success-card h2{margin:4px 0 8px;color:var(--success);font-size:28px;line-height:1.05}.success-card .order-number{font-weight:800;font-size:24px;margin:14px 0 8px;letter-spacing:-.03em}.success-amount{font-size:14px;margin-bottom:12px}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#c92a2a;background:#fff5f5;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.hero-panel,.section-card,.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-panel{display:grid;gap:14px;padding:16px;margin-bottom:16px}.hero-copy h2,.section-heading h3,.auth-card h3{margin:6px 0 8px;font-size:26px;line-height:1.05;letter-spacing:-.04em}.hero-copy p,.section-heading p,.auth-card p{margin:0;color:var(--muted);font-size:14px}.card-kicker{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.stat-chip{display:flex;flex-direction:column;min-width:112px;padding:10px 12px;border-radius:16px;background:#ffffff8c;border:1px solid rgba(118,92,70,.1)}.stat-chip strong{font-size:20px;line-height:1}.stat-chip span{margin-top:4px;font-size:12px;color:var(--muted)}.hero-feature{min-height:176px;border-radius:18px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;color:#fff8f1;background:linear-gradient(160deg,#21161029,#211610d9),linear-gradient(160deg,#b44f2b59,#f6d8bf73);background-size:cover;background-position:center}.hero-feature strong{font-size:24px;line-height:1.05;letter-spacing:-.04em}.hero-feature-label{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;background:#ffffff24;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px}.section-card{padding:16px;margin-bottom:16px}.auth-card{padding:16px}.info-banner{margin:0 0 14px;padding:12px 14px;border-radius:16px;background:#f6d8bf94;color:#64442f;font-size:13px;border:1px solid rgba(180,79,43,.12)}@media (min-width: 480px){.menu-grid{grid-template-columns:1fr 1fr}.hero-panel{grid-template-columns:1.15fr .85fr;align-items:stretch}}