@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-base: #f5f5f5;--bg-white: #ffffff;--bg-input: #f0f0f0;--green: #50a773;--green-dark: #3d8a5d;--green-light: #e8f5ee;--green-glow: rgba(80, 167, 115, .18);--promo: #7b61ff;--promo-light: #f0eeff;--danger: #ea1d2c;--danger-light: #fff0f1;--text-primary: #3e3e3e;--text-secondary: #717171;--text-muted: #a0a0a0;--border: #e8e8e8;--border-strong: #d0d0d0;--shadow-sm: 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 2px 12px rgba(0,0,0,.1);--font: "Nunito", sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;max-width:480px;margin:0 auto}::-webkit-scrollbar{width:0;height:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}.animate-fade-up{animation:fadeUp .4s var(--ease-smooth) both}.animate-fade-in{animation:fadeIn .3s ease both}.animate-slide-up{animation:slideUp .38s var(--ease-spring) both}.animate-scale-in{animation:scaleIn .28s var(--ease-spring) both}.stagger>*:nth-child(1){animation-delay:.04s;opacity:0}.stagger>*:nth-child(2){animation-delay:.08s;opacity:0}.stagger>*:nth-child(3){animation-delay:.12s;opacity:0}.stagger>*:nth-child(4){animation-delay:.16s;opacity:0}.stagger>*:nth-child(n+5){animation-delay:.2s;opacity:0}.stagger>*{animation:fadeUp .4s var(--ease-smooth) both}.skeleton{background:linear-gradient(90deg,#ececec 25%,#f8f8f8,#ececec 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:8px}.card{background:var(--bg-white);border-radius:12px;overflow:hidden}.btn-green{background:var(--green);color:#fff;font-family:var(--font);font-weight:800;font-size:15px;border:none;border-radius:10px;padding:13px 20px;cursor:pointer;transition:background .18s,transform .12s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-green:active{background:var(--green-dark);transform:scale(.98)}.btn-green:disabled{background:#b8b8b8;cursor:not-allowed;transform:none}.input-field{background:var(--bg-input);border:1.5px solid transparent;color:var(--text-primary);border-radius:10px;padding:12px 14px;font-family:var(--font);font-size:14px;outline:none;width:100%;transition:border-color .18s,background .18s}.input-field:focus{border-color:var(--green);background:var(--bg-white)}.input-field::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-promo{background:var(--promo-light);color:var(--promo)}.badge-red{background:var(--danger-light);color:var(--danger)}.badge-gray{background:#f0f0f0;color:#717171}.overlay{position:fixed;inset:0;background:#00000080;z-index:50;animation:fadeIn .22s ease}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-white);border-radius:20px 20px 0 0;max-height:92dvh;overflow-y:auto;z-index:51;animation:slideUp .35s var(--ease-spring);max-width:480px;margin:0 auto}.qty-control{display:flex;align-items:center;border:1.5px solid var(--border-strong);border-radius:10px;overflow:hidden}.qty-btn{width:38px;height:38px;background:transparent;border:none;cursor:pointer;font-size:20px;font-weight:700;color:var(--green);display:flex;align-items:center;justify-content:center;transition:background .15s}.qty-btn:active{background:var(--green-light)}.qty-btn:disabled{color:var(--text-muted);cursor:not-allowed}.qty-num{min-width:34px;text-align:center;font-weight:800;font-size:15px;color:var(--text-primary);border-left:1.5px solid var(--border);border-right:1.5px solid var(--border);height:38px;line-height:38px}.cart-fab{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;z-index:40;animation:slideUp .38s var(--ease-spring)}.status-PENDING{background:#fff8e1;color:#d97706}.status-CONFIRMED{background:#e3f2fd;color:#2196f3}.status-PREPARING{background:#fff3e0;color:#f57c00}.status-READY{background:var(--green-light);color:var(--green-dark)}.status-DELIVERED{background:#f0f0f0;color:#717171}