@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg: #0F0F0F;--bg-card: #1A1A1A;--bg-warm: #1A1A1A;--text: #FFFFFF;--text-muted: #9CA3AF;--accent: #E23725;--accent-hover: #b32a1b;--accent-soft: rgba(226, 55, 37, .1);--accent-glow: rgba(226, 55, 37, .4);--gold: #F39221;--gold-soft: rgba(243, 146, 33, .1);--border: rgba(255, 255, 255, .05);--radius: 32px;--radius-sm: 16px;--radius-lg: 32px;--shadow: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 30px rgba(243, 146, 33, .05);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .4);--error-bg: rgba(239, 68, 68, .1);--error-text: #ef4444;--success: #10b981;--font: "Outfit", system-ui, -apple-system, sans-serif;--page-padding: 20px;--nav-gap: 12px;--section-gap: 36px}@media(min-width:640px){:root{--page-padding: 24px;--nav-gap: 16px;--section-gap: 32px}}@media(min-width:1024px){:root{--page-padding: 32px;--nav-gap: 20px;--section-gap: 40px}}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font);font-size:16px;line-height:1.55;font-weight:400;color:var(--text);background:var(--bg);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{font-weight:500;color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover);text-decoration:underline}h1,h2,h3{margin:0 0 .5em;font-weight:700;color:#fff;letter-spacing:-.02em}h1{font-size:clamp(1.5rem,4vw,1.85rem)}h2{font-size:clamp(1.2rem,3vw,1.4rem)}h3{font-size:clamp(1.05rem,2.5vw,1.15rem)}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:var(--page-padding);min-height:100vh}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(24px,4vw,32px);border:1px solid var(--border);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.input,select.input,textarea.input{width:100%;padding:14px 16px;font-size:1rem;font-family:inherit;color:var(--text);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease}.input:focus,select.input:focus,textarea.input:focus{outline:none;border-color:#e2372580;box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-muted)}.input.error{border-color:var(--error-text)}label.input-label{display:block;font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;min-height:48px;font-size:1.05rem;font-weight:700;font-family:inherit;color:#fff;background:var(--accent);border:none;border-radius:999px;cursor:pointer;transition:background .2s ease,transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-4px);color:#fff}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:hover:not(:disabled){background:var(--accent-soft)}.card-warning{background:#f973161a!important;border:1px solid var(--gold)!important;color:var(--gold)!important;margin-bottom:20px}.error-banner{background:var(--error-bg)!important;color:var(--error-text)!important;padding:14px 18px!important;border-radius:var(--radius-sm)!important;margin-bottom:16px!important;border:1px solid rgba(239,68,68,.2)}.error-banner button{background:transparent;border:none;color:inherit;cursor:pointer;padding:0 4px;font-size:1.2rem;line-height:1}.app-nav{position:sticky;top:0;z-index:1000;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--nav-gap);padding:8px var(--page-padding);margin:0 calc(var(--page-padding) * -1) 24px calc(var(--page-padding) * -1);background:#000c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:1px solid var(--border);box-shadow:0 4px 12px #00000080}.nav-links{display:flex;align-items:center;gap:var(--nav-gap);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.nav-links::-webkit-scrollbar{display:none}.nav-links>*{flex-shrink:0}.app-nav a{color:var(--text);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:999px;transition:color .2s ease,background .2s ease,transform .15s ease}.app-nav a:hover{color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.app-nav .user-name{margin-left:auto;font-size:.95rem;color:var(--text-muted);padding:8px 16px;background:var(--bg-warm);border-radius:999px;border:1px solid var(--border)}.app-nav .user-name strong{color:var(--text)}@media(max-width:640px){.app-nav{padding:8px 16px;gap:8px}.app-nav a,.app-nav .user-name{font-size:.9rem;padding:6px 10px}}.landing-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--page-padding);background:radial-gradient(circle at top right,rgba(226,55,37,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(243,146,33,.1),transparent 40%),var(--bg)}.landing-wrap .card{width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.btn-primary-block{width:100%;min-height:52px}.welcome-card{max-width:440px}.welcome-title{text-align:center;font-size:clamp(1.75rem,5vw,2.1rem);font-weight:700;margin-bottom:8px;color:var(--text);letter-spacing:-.03em}.welcome-tabs{display:flex;gap:4px;margin-bottom:20px;border-radius:var(--radius-sm);background:var(--bg-warm);padding:6px}.welcome-tab{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;color:var(--text-muted);background:transparent;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.welcome-tab:hover{color:var(--text)}.welcome-tab.active{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow)}.welcome-subtitle{color:var(--text-muted);font-size:.95rem;margin:0 0 20px;line-height:1.55}.welcome-phone{color:var(--text)}.welcome-field{margin-bottom:20px}.welcome-field:last-of-type{margin-bottom:24px}.welcome-switch{text-align:center;margin-top:20px;font-size:.9rem;color:var(--text-muted)}.welcome-link{background:none;border:none;padding:0;font-size:inherit;font-weight:600;color:var(--accent);cursor:pointer;text-decoration:none}.welcome-link:hover{color:var(--accent-hover);text-decoration:underline}.menu-categories{display:flex;flex-direction:column;gap:var(--section-gap)}.menu-category-card{margin:0}.menu-category-title{font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:700;margin-bottom:0;padding:14px 20px;background:linear-gradient(90deg,rgba(243,146,33,.15),transparent);border-left:4px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text);letter-spacing:-.01em}.menu-item-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.menu-item-row{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:0;padding:0;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,border-color .2s ease;height:100%}.menu-item-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.menu-item-image{width:100%;height:200px;object-fit:cover;filter:brightness(.9);padding:0;background-color:transparent;border-bottom:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-item-row:hover .menu-item-image{transform:scale(1.08)}.menu-item-content{display:flex;flex-direction:column;padding:12px 16px 16px;flex:1;width:100%;gap:8px}.menu-item-info{flex:1;width:100%}.menu-item-info strong{display:block;font-size:1.15rem;color:var(--text);font-weight:600;margin-bottom:4px}.menu-item-price{color:var(--gold);font-size:1.05rem;font-weight:700}.menu-item-desc{font-size:.95rem;color:var(--text-muted);margin-top:6px;line-height:1.5}.menu-item-unavailable{color:var(--error-text);font-size:.9rem;font-weight:600}.menu-pizza-type-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menu-pizza-type-tabs::-webkit-scrollbar{display:none}.menu-pizza-type-tab{flex-shrink:0;padding:8px 16px;min-height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.menu-pizza-type-tab:hover{background:var(--bg-warm);border-color:var(--accent);color:var(--accent)}.menu-pizza-type-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.menu-split-form{max-width:440px;padding:clamp(20px,4vw,28px)}.menu-split-form .menu-category-title{margin-top:0}.menu-split-form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.menu-item-actions{display:flex;align-items:center;gap:6px;margin-top:12px;align-self:flex-end}.menu-qty-btn{width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);font-size:1.4rem;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.menu-qty-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.08) translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.menu-qty-btn:active:not(:disabled){transform:scale(.95)}.menu-qty-btn:disabled{opacity:.5;cursor:not-allowed}.menu-qty-label{min-width:56px;text-align:center;font-size:.95rem;font-weight:600;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#2d262073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-card{width:100%;max-width:400px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.pizza-type-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.pizza-type-option{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.95rem}.pizza-type-option input{width:20px;height:20px;accent-color:var(--accent)}.pizza-split-fields{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.pizza-split-fields .input-label{margin-bottom:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.expandable-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.expandable-wrapper.expanded{grid-template-rows:1fr}.expandable-content{overflow:hidden;min-height:0}@media(max-width:640px){.card{padding:18px}.menu-item-row{padding:14px 16px}}.category-anchor-btn{font-size:.9rem;font-weight:600;padding:8px 16px;min-height:36px;border-radius:999px;border:1px solid rgba(243,146,33,.3);background:#f392210d;color:var(--gold);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.category-anchor-btn:hover{background:var(--gold);color:#111;border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #f3922140}.category-anchor-btn:active{transform:scale(.96)}