*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f1f4f9;--color-bg-accent: #e8edf7;--color-surface: #ffffff;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-success: #16a34a;--color-text: #111827;--color-text-muted: #6b7280;--color-border: #e5e7eb;--radius: 14px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 6px 16px -4px rgba(15,23,42,.12), 0 2px 6px -2px rgba(15,23,42,.06);--shadow-lg: 0 20px 40px -12px rgba(15,23,42,.22);--cat-cervejas: #d97706;--cat-sumos: #ca8a04;--cat-brancas: #7c3aed;--cat-petiscos: #dc2626;--cat-outros: #64748b;--cat-cafe: #78350f;--cat-diversos: #db2777;--cat-gelados: #0891b2;--cat-quotas: #16a34a;--cat-roupa: #0d9488}html,body,#app{height:100%}body{font-family:Inter,sans-serif;background:linear-gradient(180deg,var(--color-bg-accent) 0%,var(--color-bg) 320px);color:var(--color-text);font-size:18px;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);min-height:64px;font-size:20px;font-weight:600;transition:transform .08s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}button:active{transform:scale(.96)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px -2px #2563eb73}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-ghost{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.btn-ghost:hover:not(:disabled){border-color:#cbd5e1}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 4px 12px -2px #dc262666}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.text-muted{color:var(--color-text-muted)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.shake{animation:shake .4s}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background:var(--color-text);color:#fff;padding:14px 24px;border-radius:999px;font-size:17px;font-weight:600;box-shadow:var(--shadow-lg);z-index:200;animation:toast-in .25s ease-out;display:flex;align-items:center;gap:8px}.toast.toast-success{background:var(--color-success)}.toast.toast-danger{background:var(--color-danger)}