:root{--sv-primary: #e85d26;--sv-primary-light: #ff7e4a;--sv-primary-dark: #c4410e;--sv-accent: #1a1a2e;--sv-accent-light: #2d2d44;--sv-bg: #faf8f5;--sv-surface: #ffffff;--sv-surface-hover: #f5f0ea;--sv-surface-raised: #ffffff;--sv-border: #e8e2d9;--sv-text: #1a1a2e;--sv-text-secondary: #6b6580;--sv-text-muted: #9e97a8;--sv-text-inverse: #ffffff;--sv-success: #22c55e;--sv-warning: #f59e0b;--sv-danger: #ef4444;--sv-info: #3b82f6;--sv-status-placed: #3b82f6;--sv-status-accepted: #8b5cf6;--sv-status-preparing: #f59e0b;--sv-status-ready: #22c55e;--sv-status-served: #06b6d4;--sv-status-paid: #6b7280;--sv-status-cancelled: #ef4444;--sv-space-xs: 4px;--sv-space-sm: 8px;--sv-space-md: 16px;--sv-space-lg: 24px;--sv-space-xl: 32px;--sv-space-2xl: 48px;--sv-radius-sm: 8px;--sv-radius-md: 12px;--sv-radius-lg: 16px;--sv-radius-xl: 24px;--sv-radius-full: 9999px;--sv-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--sv-shadow-md: 0 4px 12px rgba(0,0,0,.08);--sv-shadow-lg: 0 12px 40px rgba(0,0,0,.12);--sv-shadow-glow: 0 0 20px rgba(232, 93, 38, .25);--sv-transition: .2s cubic-bezier(.4, 0, .2, 1);--sv-transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--sv-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--sv-font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--sv-font);background:var(--sv-bg);color:var(--sv-text);line-height:1.6;min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--sv-font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.375rem,3vw,1.75rem)}h3{font-size:clamp(1.125rem,2.5vw,1.375rem)}h4{font-size:1rem;font-weight:600}.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sv-space-sm);padding:12px 24px;border:none;border-radius:var(--sv-radius-md);font-family:var(--sv-font);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--sv-transition);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sv-btn:active{transform:scale(.97)}.sv-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sv-btn--primary{background:var(--sv-primary);color:var(--sv-text-inverse);box-shadow:var(--sv-shadow-sm)}.sv-btn--primary:hover:not(:disabled){background:var(--sv-primary-dark);box-shadow:var(--sv-shadow-glow)}.sv-btn--secondary{background:var(--sv-accent);color:var(--sv-text-inverse)}.sv-btn--secondary:hover:not(:disabled){background:var(--sv-accent-light)}.sv-btn--outline{background:transparent;color:var(--sv-primary);border:2px solid var(--sv-primary)}.sv-btn--outline:hover:not(:disabled){background:var(--sv-primary);color:var(--sv-text-inverse)}.sv-btn--ghost{background:transparent;color:var(--sv-text-secondary)}.sv-btn--ghost:hover:not(:disabled){background:var(--sv-surface-hover)}.sv-btn--success{background:var(--sv-success);color:#fff}.sv-btn--success:hover:not(:disabled){filter:brightness(.9)}.sv-btn--warning{background:var(--sv-warning);color:#fff}.sv-btn--warning:hover:not(:disabled){filter:brightness(.9)}.sv-btn--danger{background:var(--sv-danger);color:#fff}.sv-btn--danger:hover:not(:disabled){filter:brightness(.9)}.sv-btn--sm{padding:8px 16px;font-size:.8125rem;border-radius:var(--sv-radius-sm)}.sv-btn--lg{padding:16px 32px;font-size:1.0625rem;border-radius:var(--sv-radius-lg)}.sv-btn--full{width:100%}.sv-btn--icon{padding:10px;aspect-ratio:1;border-radius:var(--sv-radius-full)}.sv-card{background:var(--sv-surface);border-radius:var(--sv-radius-lg);border:1px solid var(--sv-border);overflow:hidden;transition:all var(--sv-transition)}.sv-card--interactive{cursor:pointer}.sv-card--interactive:hover{border-color:var(--sv-primary);box-shadow:var(--sv-shadow-md);transform:translateY(-2px)}.sv-card--interactive:active{transform:translateY(0)}.sv-card__header{padding:var(--sv-space-md) var(--sv-space-lg);border-bottom:1px solid var(--sv-border);font-weight:600}.sv-card__body{padding:var(--sv-space-lg)}.sv-card__footer{padding:var(--sv-space-md) var(--sv-space-lg);border-top:1px solid var(--sv-border);background:var(--sv-bg)}.sv-input{width:100%;padding:12px 16px;border:2px solid var(--sv-border);border-radius:var(--sv-radius-md);font-family:var(--sv-font);font-size:1rem;color:var(--sv-text);background:var(--sv-surface);transition:all var(--sv-transition);outline:none}.sv-input::placeholder{color:var(--sv-text-muted)}.sv-input:focus{border-color:var(--sv-primary);box-shadow:0 0 0 3px #e85d2626}.sv-input--textarea{resize:vertical;min-height:80px}.sv-label{display:block;font-size:.8125rem;font-weight:600;color:var(--sv-text-secondary);margin-bottom:var(--sv-space-xs);text-transform:uppercase;letter-spacing:.05em}.sv-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--sv-radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sv-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s infinite}.sv-badge--placed{background:#dbeafe;color:#1d4ed8}.sv-badge--accepted{background:#ede9fe;color:#7c3aed}.sv-badge--preparing{background:#fef3c7;color:#b45309}.sv-badge--ready{background:#dcfce7;color:#15803d}.sv-badge--served{background:#cffafe;color:#0e7490}.sv-badge--paid{background:#f3f4f6;color:#4b5563}.sv-badge--paid:before{animation:none}.sv-badge--cancelled{background:#fee2e2;color:#dc2626}.sv-badge--cancelled:before{animation:none}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.sv-container{width:100%;max-width:480px;margin:0 auto;padding:0 var(--sv-space-md)}.sv-container--wide{max-width:960px}.sv-container--full{max-width:100%}.sv-stack{display:flex;flex-direction:column;gap:var(--sv-space-md)}.sv-row{display:flex;align-items:center;gap:var(--sv-space-md)}.sv-grid{display:grid;gap:var(--sv-space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sv-page{min-height:100dvh;padding-bottom:100px}.sv-header{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--sv-border);padding:var(--sv-space-md) var(--sv-space-lg)}.sv-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--sv-border);padding:var(--sv-space-sm) var(--sv-space-md);padding-bottom:max(var(--sv-space-sm),env(safe-area-inset-bottom))}@keyframes sv-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sv-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sv-animate-in{animation:sv-slide-up .4s cubic-bezier(.34,1.56,.64,1) both}.sv-stagger>*{animation:sv-slide-up .4s cubic-bezier(.34,1.56,.64,1) both}.sv-stagger>*:nth-child(1){animation-delay:50ms}.sv-stagger>*:nth-child(2){animation-delay:.1s}.sv-stagger>*:nth-child(3){animation-delay:.15s}.sv-stagger>*:nth-child(4){animation-delay:.2s}.sv-stagger>*:nth-child(5){animation-delay:.25s}.sv-stagger>*:nth-child(6){animation-delay:.3s}.sv-stagger>*:nth-child(7){animation-delay:.35s}.sv-stagger>*:nth-child(8){animation-delay:.4s}.sv-stagger>*:nth-child(9){animation-delay:.45s}.sv-stagger>*:nth-child(10){animation-delay:.5s}.sv-stagger>*:nth-child(11){animation-delay:.55s}.sv-stagger>*:nth-child(12){animation-delay:.6s}.sv-stagger>*:nth-child(13){animation-delay:.65s}.sv-stagger>*:nth-child(14){animation-delay:.7s}.sv-stagger>*:nth-child(15){animation-delay:.75s}.sv-stagger>*:nth-child(16){animation-delay:.8s}.sv-stagger>*:nth-child(17){animation-delay:.85s}.sv-stagger>*:nth-child(18){animation-delay:.9s}.sv-stagger>*:nth-child(19){animation-delay:.95s}.sv-stagger>*:nth-child(20){animation-delay:1s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sv-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sv-text-muted)}.sv-empty{text-align:center;padding:var(--sv-space-2xl);color:var(--sv-text-muted)}.sv-empty__icon{font-size:3rem;margin-bottom:var(--sv-space-md);opacity:.5}.sv-empty__title{font-size:1.125rem;font-weight:600;color:var(--sv-text-secondary);margin-bottom:var(--sv-space-xs)}.sv-empty__text{font-size:.875rem}.sv-counter{display:inline-flex;align-items:center;gap:0;background:var(--sv-bg);border-radius:var(--sv-radius-full);border:2px solid var(--sv-border)}.sv-counter__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;font-size:1.125rem;font-weight:700;color:var(--sv-primary);transition:all var(--sv-transition);border-radius:var(--sv-radius-full)}.sv-counter__btn:hover{background:var(--sv-surface-hover)}.sv-counter__btn:active{transform:scale(.9)}.sv-counter__value{min-width:32px;text-align:center;font-weight:700;font-size:.9375rem}.sv-toast{position:fixed;top:var(--sv-space-lg);right:var(--sv-space-lg);left:var(--sv-space-lg);z-index:1000;background:var(--sv-accent);color:#fff;padding:var(--sv-space-md) var(--sv-space-lg);border-radius:var(--sv-radius-lg);box-shadow:var(--sv-shadow-lg);animation:sv-slide-up .4s cubic-bezier(.34,1.56,.64,1);font-weight:500;max-width:480px;margin:0 auto}