*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}:root{--primary: #4a9eff;--primary-dark: #2b7de9;--primary-light: rgba(74, 158, 255, .15);--secondary: #0d1b2a;--secondary-light: #1b3a5c;--accent: #f4a261;--success: #2ecc71;--success-dark: #27ae60;--warning: #f5a623;--danger: #e74c3c;--bg: #050a14;--bg-dark: #0a0f1a;--surface: rgba(255, 255, 255, .06);--surface-solid: rgba(255, 255, 255, .08);--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-hover: rgba(255, 255, 255, .12);--text: #f0f4f8;--text-secondary: rgba(240, 244, 248, .55);--text-light: rgba(240, 244, 248, .3);--border: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .06);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-xl: 0 20px 60px rgba(0,0,0,.6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--blur: blur(20px);--blur-heavy: blur(40px);--sidebar-width: 320px;--menu-grid-cols: 4;--cat-img-size: 56px;--cat-sub-img-size: 40px;--cat-font-size: 16px;--cat-gap: 14px;--cat-padding: 10px 14px;--cart-bar-height: 80px;--cart-bar-font: 18px;--cart-bar-btn-padding: 14px 32px;--cart-bar-btn-font: 16px;--content-padding: 24px;--item-image-height: 200px;--item-title-font: 15px;--item-price-font: 16px;--item-desc-font: 13px;--item-gap: 20px;--header-padding: 14px 24px;--header-min-height: 56px;--header-logo-size: 32px;--daypart-font: 13px;--welcome-logo-size: 200px;--welcome-tagline-size: 18px;--welcome-btn-padding: 22px 56px;--welcome-btn-font: 22px;--order-type-card-height: 220px;--order-type-icon-size: 80px;--order-type-title-size: 24px;--cart-panel-width: 85%;--cart-panel-max-width: 520px;--checkout-padding: 24px}@media (max-width: 1100px){:root{--sidebar-width: 240px;--menu-grid-cols: 3;--cat-img-size: 48px;--cat-sub-img-size: 36px;--cat-font-size: 15px;--cat-gap: 12px;--cart-bar-height: 72px;--cart-bar-font: 16px;--cart-bar-btn-padding: 12px 24px;--cart-bar-btn-font: 15px;--content-padding: 18px;--item-image-height: 170px;--item-gap: 16px;--header-padding: 12px 18px;--header-min-height: 50px;--header-logo-size: 28px;--daypart-font: 12px}}@media (max-width: 900px){:root{--sidebar-width: 200px;--menu-grid-cols: 3;--cat-img-size: 42px;--cat-sub-img-size: 30px;--cat-font-size: 14px;--cat-gap: 10px;--cat-padding: 8px 10px;--cart-bar-height: 66px;--cart-bar-font: 15px;--cart-bar-btn-padding: 10px 20px;--cart-bar-btn-font: 14px;--content-padding: 14px;--item-image-height: 150px;--item-title-font: 14px;--item-price-font: 15px;--item-desc-font: 12px;--item-gap: 14px;--header-padding: 10px 14px;--header-min-height: 46px;--header-logo-size: 26px;--daypart-font: 11px;--welcome-logo-size: 160px;--welcome-tagline-size: 15px;--welcome-btn-padding: 18px 44px;--welcome-btn-font: 19px;--order-type-card-height: 180px;--order-type-icon-size: 64px;--order-type-title-size: 20px;--cart-panel-width: 92%;--cart-panel-max-width: 460px;--checkout-padding: 16px}}@media (max-width: 700px){:root{--sidebar-width: 170px;--menu-grid-cols: 2;--cat-img-size: 36px;--cat-sub-img-size: 26px;--cat-font-size: 13px;--cat-gap: 8px;--cat-padding: 8px 8px;--cart-bar-height: 60px;--cart-bar-font: 14px;--cart-bar-btn-padding: 10px 16px;--cart-bar-btn-font: 13px;--content-padding: 10px;--item-image-height: 130px;--item-title-font: 13px;--item-price-font: 14px;--item-desc-font: 11px;--item-gap: 10px;--header-padding: 8px 10px;--header-min-height: 42px;--header-logo-size: 24px;--daypart-font: 10px;--welcome-logo-size: 140px;--welcome-tagline-size: 14px;--welcome-btn-padding: 16px 40px;--welcome-btn-font: 18px;--order-type-card-height: 160px;--order-type-icon-size: 56px;--order-type-title-size: 19px;--cart-panel-width: 95%;--cart-panel-max-width: 100%;--checkout-padding: 12px}}@media (max-width: 500px){:root{--sidebar-width: 140px;--menu-grid-cols: 2;--cat-img-size: 32px;--cat-sub-img-size: 22px;--cat-font-size: 12px;--cat-gap: 6px;--cat-padding: 6px 6px;--cart-bar-height: 56px;--cart-bar-font: 13px;--cart-bar-btn-padding: 8px 14px;--cart-bar-btn-font: 12px;--content-padding: 8px;--item-image-height: 110px;--item-title-font: 12px;--item-price-font: 13px;--item-desc-font: 10px;--item-gap: 8px;--header-padding: 6px 8px;--header-min-height: 38px;--header-logo-size: 22px;--daypart-font: 9px;--welcome-logo-size: 110px;--welcome-tagline-size: 12px;--welcome-btn-padding: 14px 32px;--welcome-btn-font: 16px;--order-type-card-height: 140px;--order-type-icon-size: 48px;--order-type-title-size: 17px;--cart-panel-width: 100%;--cart-panel-max-width: 100%;--checkout-padding: 10px}}@media (max-aspect-ratio: 10/16){:root{--menu-grid-cols: 2}}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:var(--font);background:var(--bg);color:var(--text)}button{font-family:var(--font);cursor:pointer;border:none;outline:none;transition:all .15s ease}button:active{transform:scale(.97)}input,textarea{font-family:var(--font);outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px}.kiosk-app{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);position:relative}.animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(-45deg,#000000,#0d1b2a,#1b4965,#0d1b2a,#000000,#0a1628,#1a3a5c,rgba(255,255,255,.05));background-size:400% 400%;animation:gradientShift 20s ease infinite}.animated-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(74,158,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(27,73,101,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.02) 0%,transparent 60%)}@keyframes gradientShift{0%{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}to{background-position:0% 50%}}.glass-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-surface{background:rgba(255,255,255,.05);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid rgba(255,255,255,.08)}.glass-btn{background:rgba(74,158,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(74,158,255,.3);color:#fff;transition:all .2s ease}.glass-btn:hover{background:rgba(74,158,255,.3);border-color:#4a9eff80;box-shadow:0 0 20px #4a9eff33}.screen-transition-enter{opacity:0;transform:translate(30px)}.screen-transition-enter-active{opacity:1;transform:translate(0);transition:all .3s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:rgba(15,23,42,.9);-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:90vw;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #4a9eff4d,inset 0 0 20px #4a9eff0d}50%{box-shadow:0 0 40px #4a9eff80,inset 0 0 30px #4a9eff1a}}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes processingPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@keyframes pulseButton{0%,to{box-shadow:0 0 #4a9eff99}50%{box-shadow:0 0 0 15px #4a9eff00}}@keyframes cartBtnAppear{0%{opacity:0;transform:translateY(-50%) scale(.6)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes cartGlow{0%,to{box-shadow:0 6px 30px #4a9eff80,0 0 60px #4a9eff40,0 2px 8px #0000004d}50%{box-shadow:0 6px 40px #4a9effb3,0 0 80px #4a9eff59,0 2px 8px #0000004d}}.floating-cart-btn{animation:cartBtnAppear .4s cubic-bezier(.32,.72,0,1),cartGlow 2s ease-in-out infinite!important}.floating-cart-btn:hover{transform:translateY(-50%) scale(1.05)!important;box-shadow:0 8px 40px #4a9effb3,0 0 80px #4a9eff66,0 4px 12px #0006!important}.floating-cart-btn:active{transform:translateY(-50%) scale(.97)!important}.btn-primary{background:rgba(74,158,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(74,158,255,.4);color:#fff;font-weight:600;padding:14px 28px;border-radius:var(--radius-md);font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:rgba(74,158,255,.35);box-shadow:0 0 20px #4a9eff33}.btn-primary:disabled{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-weight:600;padding:14px 28px;border-radius:var(--radius-md);font-size:16px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:rgba(255,255,255,.1)}.btn-outline{background:transparent;color:var(--primary);font-weight:600;padding:14px 28px;border-radius:var(--radius-md);font-size:16px;border:2px solid rgba(74,158,255,.4);display:flex;align-items:center;justify-content:center;gap:8px}.btn-outline:hover{background:rgba(74,158,255,.1)}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numpad-btn{padding:16px;font-size:22px;font-weight:600;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;min-height:60px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.numpad-btn:hover{background:rgba(255,255,255,.1)}.numpad-btn:active{background:rgba(255,255,255,.15)}