:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#f59e0b;--accent:#10b981;--background:#ffffff;--surface:#f8fafc;--surface-elevated:#ffffff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--max-width:1200px;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe)}@media (prefers-color-scheme:dark){:root{--background:#0f172a;--surface:#1e293b;--surface-elevated:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#334155;--border-light:#475569}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,sans-serif;background:var(--background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,5vw,4rem);font-weight:700}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{color:var(--text-secondary);font-size:1.1rem;max-width:65ch}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.section{padding:4rem 0}.section-lg{padding:6rem 0}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-decoration:none;gap:.5rem}.btn-primary{background:var(--primary);color:white;box-shadow:var(--shadow)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow)}.btn-secondary:hover{background:var(--surface);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:all .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-feature{text-align:center;padding:2rem}.card-feature .icon{width:4rem;height:4rem;margin:0 auto 1rem;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.hidden{display:none}@media (max-width:768px){.container{padding:0 1rem}.section{padding:2rem 0}.section-lg{padding:3rem 0}.grid-2,.grid-3{grid-template-columns:1fr}.btn{width:100%}.btn-group{flex-direction:column;gap:1rem}.btn-group .btn{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes cubeFlip{0%{transform:rotateY(0deg) rotateX(0deg)}25%{transform:rotateY(90deg) rotateX(45deg)}50%{transform:rotateY(180deg) rotateX(90deg)}75%{transform:rotateY(270deg) rotateX(135deg)}to{transform:rotateY(1turn) rotateX(180deg)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-fadeIn{animation:fadeIn .6s ease-out}.word-swap,.word-swap-container{display:inline-block;position:relative}.word-swap{min-width:200px;text-align:left;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.word-swap:after{content:"|";display:inline-block;animation:blink 1s infinite;color:var(--primary);font-weight:400;margin-left:2px;-webkit-text-fill-color:var(--primary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.gradient-bg{background:var(--gradient-primary)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);transition:all .3s ease}.nav.scrolled{box-shadow:var(--shadow-md)}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700;color:var(--primary)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--primary)}@media (max-width:768px){.nav-links{display:none}}.owner-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}.owner-header-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:2px solid rgba(255,255,255,.2)}.owner-page h1{color:white;font-size:2.5rem;margin-bottom:1rem}.owner-page .text-secondary{color:rgba(255,255,255,.8);font-size:1.1rem}.progress-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s ease}.dot.active{background:white;transform:scale(1.2)}.owner-form-container{max-width:700px;margin:0 auto;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2)}.owner-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--background);border-radius:1rem;padding:1.5rem;border:1px solid var(--border-light);transition:all .3s ease}.form-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.section-header{gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.section-header,.section-icon{display:flex;align-items:center}.section-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:.75rem;justify-content:center;font-size:1.2rem;color:white}.section-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.section-description{color:var(--text-muted);font-size:.9rem;margin:0}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:500;color:var(--text-primary);font-size:.95rem}.label-icon{font-size:1rem}.input-wrapper{position:relative}.form-input{width:100%;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:.75rem;background:var(--background);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.1);transform:translateY(-1px)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:100px}.logo-upload-container{position:relative}.form-input-file{position:absolute;opacity:0;pointer-events:none}.logo-upload-button{display:block;width:100%;padding:3rem 2rem;border:3px dashed var(--border);border-radius:1.5rem;background:var(--surface);cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.logo-upload-button:hover{border-color:var(--primary);background:var(--surface-elevated);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.logo-upload-button:hover .upload-icon{transform:scale(1.1)}.logo-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-secondary);position:relative;z-index:1}.upload-icon{font-size:3rem;opacity:.8;transition:transform .3s ease}.logo-upload-placeholder small{font-size:.9rem;color:var(--text-muted)}.upload-formats{font-size:.8rem;color:var(--text-muted);background:var(--background);padding:.25rem .75rem;border-radius:1rem;border:1px solid var(--border-light)}.logo-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-preview img{max-width:150px;max-height:150px;object-fit:contain;border-radius:1rem;box-shadow:var(--shadow-lg);transition:transform .3s ease}.logo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(37,99,235,.9);color:white;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:1rem;font-weight:500}.logo-preview:hover .logo-overlay{opacity:1}.logo-preview:hover img{transform:scale(1.05)}.menu-upload-container{position:relative}.menu-upload-button{display:block;width:100%;padding:3rem 2rem;border:3px dashed var(--border);border-radius:1.5rem;background:var(--surface);cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.menu-upload-button:hover{border-color:var(--accent);background:var(--surface-elevated);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.menu-upload-placeholder{gap:.75rem;color:var(--text-secondary)}.menu-preview,.menu-upload-placeholder{display:flex;flex-direction:column;align-items:center}.menu-preview{position:relative;gap:1rem}.menu-preview img{max-width:300px;max-height:200px;object-fit:contain;border-radius:1rem;box-shadow:var(--shadow-lg);transition:transform .3s ease}.menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(16,185,129,.9);color:white;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:1rem;font-weight:500}.menu-preview:hover .menu-overlay{opacity:1}.menu-preview:hover img{transform:scale(1.05)}.menu-preview-multiple{display:flex;flex-direction:column;gap:1rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1rem;gap:1rem;max-height:300px;overflow-y:auto;padding:.5rem;border-radius:.75rem;background:rgba(0,0,0,.02)}.menu-preview-item{position:relative;aspect-ratio:3/4;border-radius:.5rem;overflow:hidden;transition:transform .2s ease}.menu-preview-item:hover{transform:scale(1.05)}.menu-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.menu-preview-item .menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(16,185,129,.9);color:white;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:.5rem;font-weight:500;font-size:.8rem}.menu-preview-item:hover .menu-overlay{opacity:1}.preview-info{text-align:center;display:flex;flex-direction:column;gap:.25rem}.preview-info span{font-weight:600;color:var(--text-primary)}.preview-info small{font-size:.8rem;color:var(--text-muted)}.processing-status{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;margin-top:1rem;color:#1e40af;font-weight:500}.processing-content{flex:1 1;display:flex;flex-direction:column;gap:.75rem}.progress-info{display:flex;flex-direction:column;gap:.5rem}.progress-info span{font-size:.9rem;color:#1e40af;opacity:.8}.progress-bar{width:100%;height:8px;background:rgba(30,64,175,.2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:4px;transition:width .5s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.processing-icon{font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.menu-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin-top:1rem;color:#dc2626;font-weight:500}.initial-upload{transition:transform .2s ease,box-shadow .2s ease}.initial-upload:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.menu-photos-container{display:flex;flex-direction:column;gap:1.5rem}.menu-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1rem;gap:1rem;padding:.5rem;background:rgba(0,0,0,.02);border-radius:.75rem}.menu-photo-item{position:relative;border-radius:.75rem;overflow:hidden;transition:transform .2s ease}.menu-photo-item:hover{transform:scale(1.02)}.photo-wrapper{position:relative;aspect-ratio:3/4;border-radius:.75rem;overflow:hidden;background:var(--bg-light);border:2px solid var(--border-light);transition:border-color .2s ease}.photo-wrapper:hover{border-color:var(--primary)}.photo-wrapper img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:white;padding:.75rem .5rem .5rem;font-size:.8rem;font-weight:600;text-align:center}.remove-photo-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:rgba(220,38,38,.9);color:white;border:none;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:700}.remove-photo-btn:hover{background:rgba(220,38,38,1);transform:scale(1.1)}.menu-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2);border-radius:.75rem}.photos-info{display:flex;flex-direction:column}.photos-count{font-weight:600;color:var(--text-primary);font-size:1rem}.action-buttons{display:flex;gap:.75rem}.btn-add-more,.btn-clear-all{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-add-more{background:var(--gradient-primary);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-add-more:hover{transform:translateY(-1px);box-shadow:0 8px 15px -3px rgba(0,0,0,.1)}.btn-clear-all{background:rgba(220,38,38,.1);color:#dc2626;border:1px solid rgba(220,38,38,.2)}.btn-clear-all:hover{background:rgba(220,38,38,.15);transform:translateY(-1px)}.btn-icon{font-size:.9rem}@media (max-width:640px){.menu-photos-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.menu-actions{flex-direction:column;align-items:stretch;gap:1rem}.action-buttons{justify-content:stretch}.btn-add-more,.btn-clear-all{flex:1 1;justify-content:center}.photos-info{text-align:center}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem}.dashboard-header{background:white;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-lg)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.header-left h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.header-left p{color:var(--text-secondary);margin:0}.business-selector{padding:.75rem 1rem;border:2px solid var(--border);border-radius:.75rem;background:var(--background);font-size:1rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-width:200px}.business-selector:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.header-right{gap:1rem}.btn-refresh,.header-right{display:flex;align-items:center}.btn-refresh{gap:.5rem;padding:.75rem 1.25rem;background:var(--gradient-accent);color:white;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-refresh:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-refresh:disabled{opacity:.7;cursor:not-allowed}.refresh-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.dashboard-tabs{display:flex;gap:.5rem;border-top:1px solid var(--border-light);padding-top:1rem}.tab{padding:.75rem 1.5rem;border:none;background:var(--surface);color:var(--text-secondary);border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tab.active{background:var(--gradient-primary);color:white;transform:translateY(-1px);box-shadow:var(--shadow-md)}.tab:hover:not(.active){background:var(--surface-elevated);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:white;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border-light)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card.pending{border-left:4px solid #f59e0b}.stat-icon{font-size:2rem;width:4rem;height:4rem;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{flex:1 1}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.tab-content{background:white;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);min-height:400px}.order-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.filter-btn{padding:.5rem 1rem;border:2px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-btn.active{background:var(--primary);color:white;border-color:var(--primary);transform:translateY(-1px)}.filter-btn:hover:not(.active){background:var(--surface-elevated);border-color:var(--primary);color:var(--text-primary)}.orders-section{position:relative}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:1rem;gap:1rem}.tables-container{display:flex;flex-direction:column;gap:2rem}.table-group{background:white;border-radius:1rem;border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease}.table-group:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.table-header{background:var(--gradient-primary);color:white;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.table-info h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.table-stats{display:flex;gap:1rem;margin-top:.5rem}.table-orders,.table-total{background:rgba(255,255,255,.2);padding:.25rem .75rem;border-radius:1rem;font-size:.9rem;font-weight:600}.table-status{gap:.75rem}.status-count,.table-status{display:flex;align-items:center}.status-count{gap:.25rem;background:rgba(255,255,255,.2);padding:.5rem .75rem;border-radius:1rem;font-size:.9rem;font-weight:600}.status-count.pending{background:rgba(245,158,11,.9)}.status-count.ready{background:rgba(16,185,129,.9)}.table-orders{padding:1rem;background:var(--surface);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.order-card{background:white;border:2px solid var(--border-light);border-radius:1rem;padding:1.25rem;transition:all .3s ease;position:relative;overflow:hidden}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--border-light);transition:all .3s ease}.order-card.status-pending:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.order-card.status-ready:before{background:linear-gradient(90deg,#10b981,#059669)}.order-card.status-completed:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-number{font-weight:700;color:var(--text-primary);font-size:1rem}.order-table{font-weight:600;color:var(--primary);font-size:.9rem}.order-status{text-align:right;display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;background:var(--gradient-primary)}.order-time{font-size:.8rem;color:var(--text-muted);font-weight:500}.order-customer{font-weight:600;color:var(--text-primary);font-size:.95rem}.order-meta{display:flex;justify-content:flex-end;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.order-created{font-size:.85rem;color:var(--text-muted)}.order-items{margin-bottom:1rem}.item-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.75rem;gap:.75rem;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.item-row:last-child{border-bottom:none}.item-quantity{background:var(--surface);color:var(--primary);border-radius:.5rem}.item-name{font-weight:500;font-size:.9rem}.item-name,.item-price{color:var(--text-primary)}.order-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.order-total{color:var(--text-primary);font-size:1rem}.order-actions{display:flex;gap:.5rem}.btn-complete,.btn-ready{padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem}.btn-ready{background:linear-gradient(135deg,#10b981,#059669);color:white}.btn-ready:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-complete{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white}.btn-complete:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.empty-state,.loading-state{justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin-bottom:.5rem;color:var(--text-primary)}.analytics-section,.cash-section{text-align:center}.analytics-navigation,.cash-navigation{margin-bottom:2rem}.analytics-link,.cash-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--gradient-primary);color:white;text-decoration:none;border-radius:.75rem;font-weight:600;transition:all .3s ease}.analytics-link:hover,.cash-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.popular-items{background:var(--surface);border-radius:1rem;padding:1.5rem;margin-top:2rem;text-align:left}.popular-items h3{margin-bottom:1rem;color:var(--text-primary)}.popular-list{display:flex;flex-direction:column;gap:.75rem}.popular-item{gap:1rem;background:white;padding:1rem;border-radius:.75rem;border:1px solid var(--border-light)}.item-rank,.popular-item{display:flex;align-items:center}.item-rank{width:2rem;height:2rem;background:var(--gradient-primary);color:white;border-radius:50%;justify-content:center;font-weight:700;font-size:.9rem}.item-details{flex:1 1}.item-details .item-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.item-stats{font-size:.9rem;color:var(--text-secondary)}.cash-preview{background:var(--surface);border-radius:1rem;padding:1.5rem;margin-top:2rem}.cash-summary{text-align:left}.cash-summary h3{margin-bottom:1rem;color:var(--text-primary)}.cash-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.cash-item:last-child{border-bottom:none;font-weight:700;font-size:1.1rem}@media (max-width:768px){.dashboard-container{padding:.75rem}.header-content{flex-direction:column;align-items:stretch;gap:1rem}.header-right{flex-direction:column;gap:.75rem}.btn-refresh{width:100%;justify-content:center}.business-selector{min-width:auto;width:100%}.dashboard-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.tab{padding:.75rem .5rem;font-size:.8rem;text-align:center}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.stat-icon{font-size:1.5rem;width:3rem;height:3rem}.stat-value{font-size:1.25rem}.order-filters{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.filter-btn{padding:.75rem .5rem;font-size:.8rem;text-align:center}.orders-grid{grid-template-columns:1fr;gap:.75rem}.tables-container{gap:1.5rem}.table-header{padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.table-info h3{font-size:1.1rem;margin-bottom:.75rem}.table-stats{justify-content:space-between}.table-status{flex-direction:row;justify-content:center;gap:.5rem}.status-count{padding:.4rem .6rem;font-size:.8rem}.table-orders{grid-template-columns:1fr;padding:.75rem;gap:.75rem}.order-card{padding:1rem}.order-header{flex-direction:column;gap:.75rem;align-items:stretch}.order-status{text-align:left;align-items:flex-start}.order-footer{flex-direction:column;gap:.75rem;align-items:stretch}.order-actions{justify-content:stretch}.btn-complete,.btn-ready{flex:1 1;justify-content:center;padding:.75rem}.popular-item{padding:.75rem}}.analytics-container,.cash-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem}.analytics-header,.cash-header{background:white;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-lg)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-weight:600;margin-bottom:.75rem;transition:all .3s ease}.back-link:hover{color:var(--primary-dark);transform:translateX(-2px)}.period-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light);gap:1rem}.period-tabs{display:flex;gap:.5rem}.period-tab{padding:.75rem 1.25rem;border:2px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.period-tab.active{background:var(--gradient-primary);color:white;border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.period-tab:hover:not(.active){background:var(--surface-elevated);border-color:var(--primary);color:var(--text-primary)}.date-picker{padding:.75rem 1rem;border:2px solid var(--border);border-radius:.75rem;background:var(--background);font-size:1rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.date-picker:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.current-period{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.current-period h2{margin-bottom:.5rem;color:var(--text-primary)}.period-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.btn-download,.btn-print{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--gradient-primary);color:white;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-download:hover,.btn-print:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card-large{background:white;border-radius:1rem;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-lg);transition:all .3s ease;border:1px solid var(--border-light)}.stat-card-large:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.stat-card-large .stat-icon{font-size:2.5rem;width:5rem;height:5rem}.stat-card-large .stat-value{font-size:2rem;font-weight:700}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.analytics-card{background:white;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.analytics-card.full-width{grid-column:1/-1}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.card-header h3{margin-bottom:.25rem;color:var(--text-primary);font-size:1.1rem}.card-subtitle{color:var(--text-muted);font-size:.9rem}.analytics-content{position:relative}.no-data{text-align:center;padding:2rem;color:var(--text-muted)}.top-products-list{display:flex;flex-direction:column;gap:.75rem}.product-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border-radius:.75rem;transition:all .3s ease}.product-item:hover{background:var(--surface-elevated);transform:translateX(2px)}.product-rank{width:2.5rem;height:2.5rem;background:var(--gradient-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.product-info{flex:1 1}.product-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.product-stats{font-size:.9rem;color:var(--text-secondary)}.product-percentage{font-weight:700;color:var(--primary);font-size:1rem}.table-stats-list{display:flex;flex-direction:column;gap:1rem}.table-item{padding:1rem;background:var(--surface);border-radius:.75rem;border-left:4px solid var(--primary)}.table-number{font-weight:700;color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.table-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.metric-value{font-weight:700;color:var(--text-primary);font-size:.95rem}.hourly-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.25rem;height:200px;padding:1rem 0}.hour-bar{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:40px}.hour-label{font-size:.8rem;color:var(--text-muted);font-weight:500;transform:rotate(-45deg);white-space:nowrap}.bar-container{flex:1 1;background:var(--surface);position:relative;min-height:20px;display:flex;align-items:flex-end}.bar-container,.bar-fill{width:100%;border-radius:.25rem}.bar-fill{background:var(--gradient-primary);transition:height .5s ease;min-height:4px}.bar-fill.revenue{background:var(--gradient-accent)}.hour-value{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-align:center;line-height:1.2}.cash-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.summary-card{background:white;border-radius:1rem;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-lg);transition:all .3s ease;border:1px solid var(--border-light)}.summary-card.total{background:var(--gradient-primary);color:white;transform:scale(1.02)}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.summary-card.total:hover{transform:scale(1.02) translateY(-2px)}.summary-icon{font-size:2.5rem;width:5rem;height:5rem;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card:not(.total) .summary-icon{background:var(--gradient-primary);color:white}.summary-content{flex:1 1}.summary-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.summary-label{font-size:1rem;opacity:.9;font-weight:500}.cash-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem}.detail-card{background:white;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.detail-card.full-width{grid-column:1/-1}.detail-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.detail-header h3{margin-bottom:.25rem;color:var(--text-primary);font-size:1.1rem}.detail-subtitle{color:var(--text-muted);font-size:.9rem}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface);border-radius:.75rem;transition:all .3s ease}.payment-item:hover{background:var(--surface-elevated);transform:translateX(2px)}.payment-info{display:flex;flex-direction:column;gap:.25rem}.payment-name{font-weight:600;color:var(--text-primary)}.payment-count{font-size:.9rem;color:var(--text-secondary)}.payment-amount{text-align:right;display:flex;flex-direction:column;gap:.25rem}.amount{font-weight:700;color:var(--text-primary);font-size:1.1rem}.percentage{font-size:.9rem;color:var(--primary);font-weight:600}.category-revenue{display:flex;flex-direction:column;gap:1rem}.category-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.category-info{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.category-name{font-weight:600;color:var(--text-primary)}.category-bar{height:8px;background:var(--surface);border-radius:4px;overflow:hidden}.category-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .5s ease}.category-stats{text-align:right;display:flex;flex-direction:column;gap:.25rem}.category-amount{font-weight:700;color:var(--text-primary)}.category-percentage{font-size:.9rem;color:var(--primary);font-weight:600}.top-products{display:flex;flex-direction:column;gap:.75rem}.product-revenue{font-weight:700;color:var(--primary);font-size:1rem}.insights-section{margin-top:2rem;background:white;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg)}.insights-section h3{margin-bottom:1.5rem;color:var(--text-primary);text-align:center}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.insight-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--surface);border-radius:.75rem;border-left:4px solid var(--primary);transition:all .3s ease}.insight-card:hover{background:var(--surface-elevated);transform:translateX(4px)}.insight-icon{font-size:2rem;width:3.5rem;height:3.5rem;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-content{flex:1 1}.insight-content h4{margin-bottom:.5rem;color:var(--text-primary);font-size:1rem}.insight-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.print-summary{display:none;background:white;padding:2rem;margin-top:2rem}.print-header{text-align:center;margin-bottom:2rem;border-bottom:2px solid var(--border);padding-bottom:1rem}.print-header h2{margin-bottom:.5rem}.print-header h3{margin-bottom:1rem;color:var(--text-secondary)}.print-totals{display:flex;flex-direction:column;gap:1rem}.print-total-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.print-total-item:last-child{border-bottom:2px solid var(--border);font-size:1.1rem}.loading-analytics,.loading-cash{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);background:white;border-radius:1rem;box-shadow:var(--shadow-lg)}@media print{.cash-container.print-view{background:white;padding:0}.cash-details,.cash-header,.cash-summary{display:none}.print-summary{display:block}.loading-cash{display:none}*{color:black!important;background:white!important;box-shadow:none!important}}@media (max-width:768px){.analytics-container,.cash-container{padding:.75rem}.analytics-header,.cash-header{padding:1rem}.header-content{flex-direction:column;align-items:stretch;gap:1rem}.business-selector{min-width:auto;width:100%}.period-controls{flex-direction:column;gap:1rem}.period-tabs{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem;width:100%}.period-tab{padding:.75rem .5rem;font-size:.8rem;text-align:center}.analytics-stats,.cash-summary{grid-template-columns:1fr;gap:.75rem}.stat-card-large,.summary-card{padding:1.25rem}.stat-card-large .stat-icon,.summary-icon{font-size:2rem;width:4rem;height:4rem}.stat-card-large .stat-value,.summary-value{font-size:1.5rem}.analytics-grid,.cash-details{grid-template-columns:1fr;gap:1rem}.analytics-card,.detail-card{padding:1rem}.hourly-chart{height:150px;gap:.125rem}.hour-bar{min-width:30px}.hour-label{font-size:.7rem}.hour-value{font-size:.65rem}.table-metrics{grid-template-columns:1fr;gap:.5rem}.insights-grid{grid-template-columns:1fr;gap:.75rem}.insight-card{padding:1rem;flex-direction:column;text-align:center}.insight-icon{width:3rem;height:3rem;font-size:1.5rem}.period-actions{flex-direction:column;gap:.75rem}.btn-download,.btn-print{width:100%;justify-content:center}}.menudigital-container{min-height:100vh;background:var(--gradient-bg);padding:.75rem .75rem 120px}.menudigital-header{text-align:center;margin-bottom:1.5rem}.app-branding{margin-bottom:1rem}.app-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.1rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:.85rem;color:var(--text-muted);margin:0;font-style:italic}.menudigital-header h1{font-size:1.4rem;font-weight:600;color:#1f2937;margin-bottom:1rem;line-height:1.2}@media (min-width:768px){.menudigital-container{padding:1rem 1rem 2rem}.menudigital-header{margin-bottom:2rem}.app-branding{margin-bottom:1.5rem}.logo-icon{font-size:2rem}.logo-text{font-size:1.4rem}.app-subtitle{font-size:1rem}.menudigital-header h1{font-size:1.8rem;margin-bottom:1.5rem}}.progress-flow{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:0 1rem;position:relative}.progress-flow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4rem);height:2px;background:linear-gradient(90deg,#e5e7eb,#e5e7eb);z-index:0}.flow-item{flex-direction:column;gap:.5rem;z-index:1}.flow-icon,.flow-item{display:flex;align-items:center;position:relative;transition:all .3s ease}.flow-icon{width:40px;height:40px;border-radius:50%;justify-content:center;background:#f3f4f6;border:2px solid #e5e7eb;color:#9ca3af}.flow-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;opacity:0;transition:opacity .3s ease}.flow-icon:before,.flow-item.active .flow-icon{background:linear-gradient(135deg,#10b981,#059669)}.flow-item.active .flow-icon{border-color:#10b981;color:white;transform:scale(1.1);box-shadow:0 4px 12px rgba(16,185,129,.3)}.flow-item.active .flow-icon:before{opacity:1}.flow-item.completed .flow-icon{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:white;transform:scale(1.05)}.flow-item.completed .flow-icon:before{opacity:1}.flow-label{font-size:.75rem;font-weight:600;color:#6b7280;text-align:center;transition:color .3s ease;white-space:nowrap}.flow-item.active .flow-label{color:#10b981;font-weight:700}.flow-item.completed .flow-label{color:#10b981;font-weight:600}.progress-flow:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:2px;background:linear-gradient(90deg,#10b981,#10b981);z-index:0;transition:width .5s ease}.progress-flow[data-progress="1"]:after{width:0}.progress-flow[data-progress="2"]:after{width:33.33%}.progress-flow[data-progress="3"]:after{width:66.66%}.progress-flow[data-progress="4"]:after{width:100%}@media (min-width:768px){.progress-flow{gap:2rem;margin-bottom:2rem}.progress-flow:before{width:calc(100% - 6rem)}.flow-icon{width:48px;height:48px}.flow-label{font-size:.875rem}.flow-item.active .flow-icon{transform:scale(1.15)}.flow-item.completed .flow-icon{transform:scale(1.1)}}.menudigital-content{margin:0 auto;background:white;border-radius:1rem;padding:1rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;max-width:100%}.step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.step-header h2{font-size:1.25rem;color:#1f2937;font-weight:600;line-height:1.3;flex:1 1}.btn-back{background:rgba(16,185,129,.1);color:var(--primary);border:1px solid rgba(16,185,129,.2);padding:.5rem .75rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.85rem;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:.25rem}.btn-back:hover{background:rgba(16,185,129,.15);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-back:active{transform:translateY(0)}.step-content{margin-bottom:1rem;position:relative}.step-content.dropdown-open{margin-bottom:8rem;transition:margin-bottom .3s ease}@media (min-width:768px){.menudigital-content{max-width:600px;border-radius:1.5rem;padding:2rem}.step-header{margin-bottom:2rem;align-items:center}.step-header h2{font-size:1.5rem}.btn-back{padding:.5rem 1rem;font-size:1rem}.step-content,.step-content.dropdown-open{margin-bottom:2rem}}.business-search{margin-bottom:.5rem}.business-search,.search-input-container{position:relative}.search-input{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;background:#f9fafb;color:#1f2937;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.search-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--text-muted);pointer-events:none}.business-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 8px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:180px;overflow-y:auto;z-index:50;margin-top:.5rem;-webkit-overflow-scrolling:touch}.business-option{display:flex;justify-content:space-between;align-items:center;padding:.875rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #e5e7eb}.business-option:last-child{border-bottom:none}.business-option:hover{background:rgba(16,185,129,.05)}.business-option:active{background:rgba(16,185,129,.1)}.business-info{display:flex;flex-direction:column;gap:.25rem;flex:1 1;min-width:0}.business-name{font-weight:600;color:#1f2937;font-size:.95rem;line-height:1.3}.business-address{font-size:.8rem;color:#6b7280;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-arrow{font-size:1.1rem;color:var(--primary);margin-left:.5rem;flex-shrink:0}.dropdown-empty,.dropdown-loading{padding:1rem;text-align:center;color:#6b7280;font-style:italic;font-size:.9rem}@media (min-width:768px){.search-input{padding:1rem 3rem 1rem 1.25rem;border-radius:1rem}.search-icon{right:1rem;font-size:1.2rem}.business-dropdown{max-height:300px;border-radius:.75rem}.business-option{padding:1rem}.business-name{font-size:1rem}.business-address{font-size:.9rem}.business-arrow{font-size:1.2rem}}.input-group{position:relative;margin-bottom:.75rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;z-index:2}.step-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;background:#f9fafb;color:#1f2937;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.step-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.input-help{margin-top:.5rem;font-size:.85rem;color:#6b7280;text-align:center;line-height:1.3}@media (min-width:768px){.input-group{margin-bottom:1rem}.input-icon{left:1.25rem;font-size:1.2rem}.step-input{padding:1rem 1.25rem 1rem 3.5rem;border-radius:1rem;font-size:1.1rem}.input-help{font-size:.9rem}}.menu-step{max-width:none}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.menu-header h3{color:#1f2937;font-size:1.3rem}.cart-summary{background:var(--gradient-primary);color:white;padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.menu-categories{gap:2rem}.menu-category{background:#f9fafb}.category-title{font-size:1.2rem;color:#1f2937;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.category-products{display:flex;flex-direction:column}.menu-item{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid #e5e7eb}.menu-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.item-info{flex:1 1}.item-name{color:#1f2937}.item-price{background:var(--gradient-primary)}.item-description{color:#6b7280}.item-actions{margin-left:1rem}.add-btn{background:var(--gradient-primary);color:white;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.quantity-controls{gap:.75rem;background:#f9fafb;border-radius:.5rem;padding:.25rem}.qty-btn,.quantity-controls{display:flex;align-items:center}.qty-btn{width:32px;height:32px;border:none;background:var(--primary);color:white;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .2s ease;justify-content:center}.qty-btn:hover{background:var(--accent);transform:scale(1.05)}.quantity{font-weight:600;color:#1f2937;min-width:20px;text-align:center}.cart-floating{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:white;padding:1rem 2rem;border-radius:2rem;box-shadow:var(--shadow-xl);z-index:100;animation:slideUp .3s ease-out}.cart-content{display:flex;align-items:center;gap:1rem}.cart-total{font-weight:700;font-size:1.1rem}.checkout-step{max-width:none}.checkout-header{margin-bottom:2rem}.order-info{background:#f9fafb;border-radius:.75rem;padding:1rem;margin-top:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.checkout-items{margin-bottom:2rem}.checkout-items h4{color:#1f2937;margin-bottom:1rem}.checkout-item{justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:.5rem;margin-bottom:.5rem}.checkout-item,.item-details{display:flex;align-items:center}.item-details{gap:.5rem}.item-quantity{background:var(--primary);color:white;padding:.25rem .5rem;border-radius:1rem;font-size:.8rem;font-weight:600}.checkout-total{background:var(--gradient-accent);color:white;padding:1.5rem;border-radius:1rem;margin-bottom:2rem}.total-row{display:flex;justify-content:space-between;align-items:center}.total-amount{font-size:1.5rem;font-weight:700}.confirmation-step{text-align:center}.confirmation-icon{font-size:4rem;margin-bottom:1rem}.confirmation-step h3{color:#1f2937;margin-bottom:1.5rem}.order-details{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;text-align:left}.order-details p{margin:.5rem 0;color:#1f2937}.status-indicator{margin-bottom:2rem}.status-badge{display:inline-block;background:var(--gradient-accent);color:white;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;margin-bottom:1rem}.status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-new-order{background:var(--gradient-primary);color:white;border:none;padding:1rem 2rem;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-new-order:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.step-actions{bottom:0;left:0;right:0;padding:1rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e5e7eb;z-index:100}.btn-next{background:var(--gradient-primary);color:white;border:none;padding:.875rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;min-height:48px;touch-action:manipulation}.btn-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-next:active:not(:disabled){transform:translateY(0)}.btn-next:disabled{opacity:.7;cursor:not-allowed}.btn-next.loading{background:var(--text-muted)}.btn-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@media (min-width:768px){.step-actions{position:static;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none;text-align:center;margin-top:1rem}.btn-next{padding:1rem 2rem;border-radius:1rem;font-size:1.1rem;width:auto;min-width:200px;min-height:auto}.btn-next:hover:not(:disabled){transform:translateY(-2px)}.btn-spinner{width:20px;height:20px}}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border-radius:.75rem;margin-bottom:1rem;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.menu-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:.875rem}.item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.item-actions{margin-left:0;align-self:flex-end}.cart-floating{left:1rem;right:1rem;transform:none;bottom:80px}@media (min-width:768px){.menu-item{padding:1rem}.item-header,.menu-item{flex-direction:row;align-items:center;gap:1rem}.item-header{justify-content:space-between}.item-actions{margin-left:1rem;align-self:auto}.cart-floating{left:50%;right:auto;transform:translateX(-50%);bottom:2rem}}.digitalized-menu-preview{margin-top:2rem;padding:2rem;background:var(--gradient-accent);border-radius:1.5rem;color:white;animation:slideInUp .5s ease-out}.digitalized-menu-preview h4{color:white;margin-bottom:.5rem;font-size:1.3rem}.preview-subtitle{color:rgba(255,255,255,.9);margin-bottom:1.5rem;font-size:1rem}.menu-categories{display:flex;flex-direction:column;gap:1.5rem}.menu-category{background:rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-title{color:white;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.category-title:before{content:"🍽️";font-size:1rem}.category-products{display:grid;grid-gap:1rem;gap:1rem}.menu-item{background:rgba(255,255,255,.1);border-radius:.75rem;padding:1rem;transition:all .2s ease}.menu-item:hover{background:rgba(255,255,255,.2);transform:translateX(4px)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-name{font-size:1rem}.item-name,.item-price{font-weight:600;color:white}.item-price{background:rgba(255,255,255,.2);padding:.25rem .75rem;border-radius:1rem;font-size:.9rem}.item-description{color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.4;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.submit-section{text-align:center;padding:2rem 0 1rem;border-top:1px solid var(--border-light);margin-top:1rem}.submit-btn{width:100%;padding:1.25rem 2rem;background:var(--gradient-primary);color:white;border:none;border-radius:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.submit-btn:active{transform:translateY(0)}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.btn-text{flex:1 1}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:rotate(15deg)}.submit-btn:hover .btn-arrow{transform:translateX(4px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.loading{background:var(--gradient-secondary)}.loading-spin{animation:spin 1s linear infinite}.loading-dots{animation:dots 1.5s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.error-message,.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;font-weight:500;animation:slideInDown .3s ease-out}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.success-message{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.error-icon,.success-icon{font-size:1.2rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-footer{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.required-note{color:var(--text-muted);font-size:.9rem;margin:0;display:flex;align-items:center;justify-content:center;gap:.25rem}.asterisk{color:var(--primary);font-weight:700}.security-note{color:var(--text-muted);font-size:.85rem;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.space-y-6>*+*{margin-top:1.5rem}.min-h-screen{min-height:100vh}@media (max-width:768px){.owner-page{padding:1rem 0}.owner-header-icon{width:60px;height:60px;font-size:2rem}.owner-page h1{font-size:2rem}.owner-form-container{margin:0 1rem;padding:1.5rem;border-radius:1rem}.form-section{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.section-icon{width:35px;height:35px;font-size:1rem}.form-row{grid-template-columns:1fr;gap:0}.form-input{padding:.875rem 1rem;font-size:16px}.logo-upload-button{padding:2rem 1rem}.submit-btn{padding:1rem 1.5rem;font-size:1rem}.form-footer{flex-direction:column;gap:.75rem}.menu-upload-button{padding:2rem 1rem}.menu-preview img{max-width:250px;max-height:150px}.digitalized-menu-preview{padding:1.5rem}.menu-category{padding:1rem}.item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem;max-height:200px}.processing-status{padding:1rem;gap:.5rem}.processing-content{gap:.5rem}.progress-info span{font-size:.8rem}}