@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--bg:#f8fafc;--surface:#fff;--surface-muted:#f8fafc;--surface-hover:#f1f5f9;--text:#111827;--muted:#475569;--border:#e5e7eb;--border-strong:#d1d5db;--border-hover:#9ca3af;--button-bg:#111827;--button-text:#e5e7eb;--brand-icon:#111827;--card-border:#e5e7eb;--skeleton:#e5e7eb;--danger:#ef4444;--background:#ececec;--primary:#4338ca;--secondary:#2563eb;--primary-contrast:#fff;--success:#10b981}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .18s ease,color .18s ease}body.od-theme-dark{--primary:#7c3aed;--secondary:#2563eb;--primary-contrast:#fff;--success:#10b981}#root,body,html{min-height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--surface);color:var(--text);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--secondary)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.od-sidebar{background:var(--surface);box-shadow:0 0 0 1px #0000000f,0 30px 80px #08112914;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;padding:32px 24px;position:fixed;top:0;transform:none;transition:transform .3s ease,box-shadow .3s ease;width:280px;z-index:30}.od-sidebar-open{transform:translateX(0)}.food-card,.od-hero,.od-restaurant-card,.owner-menu-form{background:var(--surface)}.od-sidebar-eyebrow{font-size:.8rem;letter-spacing:.08em;margin:0 0 8px}.od-sidebar-title{font-size:1.4rem;margin:0}.od-sidebar-pill{background:var(--background);color:var(--secondary);font-size:.75rem}.od-sidebar-section{margin-bottom:28px}.od-sidebar-section-title{font-size:.85rem;letter-spacing:.05em;margin:0 0 14px}.od-nav-list{display:flex;flex-direction:column;gap:8px}.od-nav-item{background:#0000;text-decoration:none;transition:background .2s ease,color .2s ease}.od-nav-item-active,.od-nav-item:hover{background:var(--surface-hover);color:var(--text)}.od-nav-icon{font-size:1.05rem}.od-nav-text{font-size:.96rem;font-weight:600}.od-restaurant-card{background:var(--background);border-radius:24px;box-shadow:inset 0 1px 0 #ffffff0a;padding:20px}.od-restaurant-name{font-size:1rem;margin:0 0 8px}.od-restaurant-meta{font-size:.92rem;margin:0 0 14px}.od-restaurant-badges span{background:#94a3b81f;font-size:.75rem}.od-sidebar-footer{margin-top:auto}.od-logout-btn{align-items:center;background:#94a3b81f;color:var(--text);display:inline-flex;gap:8px;text-decoration:none}.od-main{background:#94a3b814;border-radius:20px;min-height:100vh;padding:20px;position:relative;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 280px)}.od-topbar{align-items:center;gap:20px}.od-topbar-left{gap:18px}.od-hamburger-btn{border:none;display:none;height:42px;width:42px}.od-hamburger-btn span,.od-hamburger-btn span:after,.od-hamburger-btn span:before{background:var(--text);border-radius:1px;display:block;height:2px;position:relative;width:18px}.od-brand{gap:16px}.od-brand-icon{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:16px;color:var(--primary-contrast);display:grid;font-size:1.3rem;height:52px;place-items:center;width:52px}.od-title{font-size:1.75rem;margin:0}.od-subtitle{display:inline-flex;margin:6px 0 0}.od-live-dot{background:var(--success);border-radius:999px}.od-refresh-btn{background:var(--text);border:none;border-radius:14px;color:var(--surface);cursor:pointer;font-weight:700;padding:12px 20px}@media (max-width:900px){.od-sidebar{box-shadow:24px 0 70px #0000002e;height:100vh;transform:translateX(-100%);width:260px}.od-shell-sidebar-open .od-sidebar{transform:translateX(0)}.od-main{margin-left:0;width:100%}.od-hamburger-btn{display:inline-flex}.od-overlay{display:none}.od-shell-sidebar-open .od-overlay{background:#0f172a73;display:block;inset:0;position:fixed;z-index:20}}.od-overlay{display:none}.od-overlay-show{background:#0f172a80;display:block;inset:0;position:fixed;z-index:15}@media (max-width:900px){.od-sidebar{transform:translateX(-100%);width:260px}.od-sidebar-open{transform:translateX(0)}.od-main{margin-left:0;width:100%}}.hero-section{box-shadow:0 30px 80px #0f172a14}.hero-section p{max-width:720px}.details-grid,.settings-grid,.upgrade-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel-card{background:var(--surface);border:1px solid #94a3b82e;border-radius:28px;box-shadow:0 30px 80px #0f172a14;padding:28px}.panel-card h3{color:var(--text);font-size:1.15rem;margin-bottom:14px;margin-top:0}.panel-card li,.panel-card p{color:var(--muted);font-size:.98rem;line-height:1.8;margin:0}.panel-card ul{margin:0;padding-left:18px}.panel-card .panel-badge{align-items:center;background:#94a3b81f;border-radius:999px;color:var(--secondary);display:inline-flex;font-weight:700;gap:8px;margin-top:16px;padding:10px 14px}.plan-card{grid-gap:18px;background:var(--surface);border:1px solid #94a3b82e;border-radius:28px;box-shadow:0 30px 80px #0f172a14;display:grid;gap:18px;padding:28px}.plan-card h3{color:var(--text);font-size:1.2rem;margin:0}.plan-card p{color:var(--muted)}.plan-card .price{color:var(--text);font-size:2rem;font-weight:700;margin:0}.panel-card button,.plan-card button{background:var(--primary);border:none;border-radius:16px;color:var(--primary-contrast);cursor:pointer;font-weight:700;margin-top:16px;padding:14px 20px}.od-secondary-btn{background:var(--surface);border:1px solid #4338ca33;border-radius:16px;color:var(--primary);cursor:pointer;font-weight:700;margin-left:16px;padding:12px 18px}.status-banner{background:#94a3b81f;border:1px solid #3b82f629;border-radius:18px;color:var(--secondary);font-weight:600;margin-top:18px;padding:16px 18px}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-row label{font-weight:600}.form-control,.form-row label{color:var(--text);font-size:.95rem}.form-control{background:var(--surface);border:1px solid #94a3b873;border-radius:16px;padding:14px 16px;width:100%}.form-actions{display:flex;gap:14px;justify-content:flex-start}.panel-button{background:var(--primary);border:none;border-radius:16px;color:var(--primary-contrast);cursor:pointer;font-weight:700;margin-top:8px;padding:14px 20px}.restaurant-hero{align-items:start;grid-template-columns:1.7fr 1fr;margin-bottom:28px}.restaurant-hero,.restaurant-hero-main{grid-gap:24px;display:grid;gap:24px}.restaurant-hero-qr{display:grid}.restaurant-logo-card,.restaurant-qr-card{background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:0 24px 60px #0f172a14;padding:24px}.restaurant-logo{background:var(--surface-hover);border-radius:24px;height:260px;object-fit:contain;width:100%}.restaurant-logo-placeholder,.restaurant-qr-placeholder{background:var(--surface-hover);border-radius:24px;color:var(--muted);display:grid;font-weight:700;min-height:260px;place-items:center}.restaurant-hero-copy h2{color:var(--text);font-size:2.3rem;margin:0 0 12px}.restaurant-category{background:#2563eb1a;border-radius:999px;color:var(--secondary);display:inline-flex;font-weight:700;margin-bottom:18px;padding:10px 16px}.restaurant-description p{color:var(--muted);line-height:1.85;margin:0 0 12px}.restaurant-meta-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.restaurant-meta-list div{background:var(--surface-hover);border:1px solid var(--border);border-radius:20px;padding:16px}.restaurant-meta-list span{color:var(--muted);display:block;font-size:11px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.restaurant-meta-list strong{color:var(--text)}.restaurant-qr-image{aspect-ratio:1/1;background:var(--surface-hover);border-radius:20px;margin-bottom:18px;object-fit:contain;width:100%}.restaurant-qr-note{color:var(--muted);margin-top:14px}@media (max-width:960px){.restaurant-hero,.restaurant-meta-list{grid-template-columns:1fr}}.loading-card{background:var(--surface);border:1px solid #94a3b82e;border-radius:28px;box-shadow:0 30px 80px #0f172a14;display:flex;flex-direction:column;gap:16px;padding:28px}.loading-title{height:22px;width:45%}.loading-subtitle{height:16px;width:70%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;background:var(--bg,#f8fafc);color:#111827;color:var(--text,#111827);font-family:Inter,system-ui,sans-serif;min-height:100vh;transition:background .3s ease,color .3s ease}body.od-theme-light{--bg:#f8fafc;--text:#111827;--muted:#6b7280;--surface:#fff;--surface-muted:#f8fafc;--border:#e5e7eb;--border-strong:#d1d5db;--surface-hover:#f1f5f9;--border-hover:#9ca3af;--button-text:#111827;--button-bg:#fff;--brand-icon:#fff;--card-border:#e5e7eb;--skeleton:#e5e7eb;--danger:#ef4444;--background:#ececec}body.od-theme-dark{--bg:#0f172a;--text:#e5e7eb;--muted:#94a3b8;--surface:#111827;--surface-muted:#111827;--border:#1f2937;--border-strong:#374151;--surface-hover:#111827;--border-hover:#4b5563;--button-text:#e5e7eb;--button-bg:#111827;--brand-icon:#111827;--card-border:#1f2937;--skeleton:#1f2937;--danger:#f87171;--background:#202635}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.od-page{font-family:Inter,system-ui,sans-serif;max-width:100vw;padding:32px 24px}.od-page,.od-shell{background:var(--bg)}.od-shell{align-items:flex-start;display:grid;grid-template-columns:minmax(280px,320px) 1fr}.od-sidebar{padding-bottom:32px}.od-shell-sidebar-open .od-sidebar{background-color:var(--background);border-radius:0 20px 20px 0;justify-content:flex-start;transform:translateX(0)}.od-main{width:100%}.od-topbar{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:32px}.od-topbar-left{align-items:center;display:flex;gap:14px}.od-hamburger-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:background .2s ease,border-color .2s ease;width:44px}.od-hamburger-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.od-hamburger-btn span{background:var(--text);border-radius:999px;display:block;height:2px;position:relative;width:18px}.od-hamburger-btn span:after,.od-hamburger-btn span:before{background:var(--text);border-radius:999px;content:"";height:2px;left:0;position:absolute;width:18px}.od-hamburger-btn span:before{top:-6px}.od-hamburger-btn span:after{top:6px}.od-sidebar{align-self:start;background:var(--background);border:1px solid var(--border);border-radius:30px;box-shadow:0 30px 80px #0f172a14;height:93vh;min-height:calc(100vh - 112px);padding:28px 22px;position:-webkit-sticky;position:sticky;top:32px;transition:transform .25s ease,box-shadow .25s ease}.od-sidebar-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.od-sidebar-eyebrow{color:var(--muted);font-size:11px;letter-spacing:.16em;margin-bottom:8px;text-transform:uppercase}.od-sidebar-title{color:var(--text);font-size:22px;font-weight:700;line-height:1.2}.od-sidebar-pill{background:var(--secondary);border-radius:999px;color:var(--primary-contrast);font-size:11px;font-weight:700;padding:8px 12px}.od-sidebar-section{margin-bottom:30px}.od-sidebar-section-title{color:var(--muted);font-size:12px;letter-spacing:.16em;margin-bottom:16px;text-transform:uppercase}.od-nav-list{grid-gap:10px;display:grid;gap:10px}.od-nav-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;justify-content:flex-start;padding:14px 16px;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:100%}.od-nav-icon,.od-nav-item{align-items:center;color:var(--text)}.od-nav-icon{background:var(--surface-muted);border-radius:14px;display:inline-flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.od-nav-text{flex:1 1;text-align:left}.od-nav-item:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateX(2px)}.od-nav-item-active{background:#2563eb1f;border-color:#2563eb33;color:var(--secondary)}.od-restaurant-card{grid-gap:12px;background:var(--surface-hover);border:1px solid var(--border);border-radius:20px;display:grid;gap:12px;padding:18px 16px}.od-restaurant-name{color:var(--text);font-size:16px;font-weight:700}.od-restaurant-meta{color:var(--muted);font-size:13px;line-height:1.5}.od-restaurant-badges{display:flex;flex-wrap:wrap;gap:8px}.od-restaurant-badges span{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:12px;padding:8px 10px}.od-sidebar-footer{margin-top:24px}.od-logout-btn{background:var(--text);border:1px solid #0000;border-radius:16px;color:var(--surface);cursor:pointer;font-size:14px;font-weight:700;padding:14px 16px;transition:background .2s ease,transform .2s ease;width:100%}.od-logout-btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.od-overlay{background:#0f172a59;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:5}.od-overlay-show{opacity:1;pointer-events:auto}@media (max-width:1024px){.od-shell{grid-template-columns:1fr}.od-sidebar{box-shadow:40px 0 100px #0f172a2e;height:100vh;left:0;min-height:100vh;position:fixed;top:0;transform:translateX(-100%);width:min(280px,92vw);z-index:10}.od-sidebar-open{transform:translateX(0)}.od-shell-sidebar-open .od-overlay{opacity:1;pointer-events:auto}}@media (max-width:720px){.od-page{padding:24px 18px 88px}.od-sidebar{background-color:var(--background);padding:24px 18px}.od-topbar{flex-wrap:wrap}}.od-brand{gap:14px}.od-brand,.od-brand-icon{align-items:center;display:flex}.od-brand-icon{background:var(--brand-icon);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:22px;height:48px;justify-content:center;width:48px}.od-title{color:var(--text);font-size:24px;font-weight:700;line-height:1.1}.od-subtitle{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:8px;margin-top:6px}.od-live-dot{background:var(--secondary);border-radius:50%;display:inline-block;height:8px;width:8px}.od-topbar-right{align-items:center;display:flex;gap:12px}.od-refresh-btn,.od-theme-toggle-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-strong);border-radius:12px;color:var(--button-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:background .2s ease,border-color .2s ease}.od-refresh-btn:hover,.od-theme-toggle-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.od-refresh-btn svg{transition:transform .3s ease}.od-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:28px}@media (max-width:720px){.od-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.od-stat-card{animation:fadeSlideIn .22s ease both;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 14px;text-align:left}.od-stat-value{color:var(--text);font-size:26px;font-weight:700;line-height:1}.od-stat-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.12em;margin-top:8px;text-transform:uppercase}.od-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.od-tab{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:background .2s ease,border-color .2s ease,color .2s ease}.od-tab:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}.od-tab-active{background:var(--secondary)!important;border-color:var(--secondary)!important;color:var(--primary-contrast)!important}.od-tab-badge{align-items:center;background:var(--secondary);border-radius:999px;color:var(--primary-contrast);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.od-empty{color:var(--muted);padding:64px 20px;text-align:center}.od-empty-icon{font-size:42px;margin-bottom:12px}.od-empty-text{font-size:15px;font-weight:600}.od-order-list{display:flex;flex-direction:column;gap:14px}.od-card{animation:fadeSlideIn .2s ease both;background:var(--surface);border:1px solid var(--card-border);border-radius:18px;overflow:hidden;padding:20px}.od-card-new{border-color:var(--secondary)}.od-card-header{gap:16px;justify-content:space-between;margin-bottom:18px}.od-card-header,.od-card-left{align-items:center;display:flex}.od-card-left{gap:14px}.od-table-chip{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;color:var(--text);display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:8px 14px}.od-order-time{color:var(--muted);font-size:12px}.od-status-chip{align-items:center;border:1px solid;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:8px 14px;white-space:nowrap}.od-status-dot{border-radius:50%;height:8px;width:8px}.od-divider{background:var(--border);height:1px;margin:20px 0}.od-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.od-item-row{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:14px;display:flex;gap:12px;padding:12px}.od-item-thumb{background:var(--border);border-radius:12px;height:44px;object-fit:cover;width:44px}.od-item-info{flex:1 1;min-width:0}.od-item-name{color:var(--text);font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-item-qty{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:8px;margin-top:4px}.od-qty-badge{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--secondary);font-size:11px;font-weight:700;padding:3px 9px}.od-item-subtotal{color:var(--text);flex-shrink:0;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700}.od-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.od-total-text{align-items:baseline;color:var(--muted);display:flex;font-size:14px;gap:8px}.od-total-amount{color:var(--text);font-size:18px;font-weight:700}.od-actions{display:flex;flex-wrap:wrap;gap:10px}.od-cancel-btn,.od-next-btn{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:10px 18px;transition:background .2s ease,border-color .2s ease,color .2s ease}.od-cancel-btn{background:#0000;border:1px solid var(--border-strong);color:var(--danger)}.od-cancel-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.od-next-btn{background:var(--secondary);border:1px solid var(--secondary);color:var(--primary-contrast)}.od-next-btn:hover{background:var(--secondary);opacity:.93}.od-cancel-btn:disabled,.od-next-btn:disabled{cursor:not-allowed;opacity:.5}.od-new-badge{background:var(--secondary);border-radius:0 14px 0 12px;color:var(--primary-contrast);font-size:11px;font-weight:700;padding:6px 14px;position:absolute;right:0;top:0}.od-skel-card{animation:fadeSlideIn .2s ease both;background:var(--surface);border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;gap:12px;padding:18px}.od-skel-block,.od-skel-line{background:var(--skeleton);border-radius:10px}.od-skel-line{height:14px}.od-skel-block{height:60px}.hero-section{background:var(--surface);border-radius:28px;box-shadow:0 24px 60px #0f172a14;margin-bottom:24px;padding:32px}.hero-section h2{color:var(--text);font-size:2rem;margin:0 0 10px}.hero-section p{margin:0;max-width:650px}.search-wrapper{margin:24px 0}.search-input{border:none;color:var(--text);font-size:.98rem;padding:16px 18px}.categories-wrapper{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.category-btn{background:var(--bg);border:none;border-radius:999px;color:var(--text);cursor:pointer;padding:12px 18px;transition:all .2s ease}.active-category,.category-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.primary-btn{background:var(--primary);border:none;border-radius:16px;color:var(--primary-contrast);cursor:pointer;font-weight:700;padding:14px 20px;transition:background .2s ease}.primary-btn:disabled{cursor:not-allowed;opacity:.55}.plan-warning{color:var(--danger);font-weight:700;margin-bottom:20px}.owner-menu-form{grid-gap:18px;background:var(--bg);border:none;border-radius:24px;display:grid;gap:18px;margin-bottom:28px;padding:24px}.form-group{grid-gap:8px;display:grid;gap:8px}.form-group label{color:var(--text);font-weight:700}.form-group input,.form-group select,.form-group textarea{background-color:var(--surface);border:1px solid var(--border);border-radius:16px;color:var(--text);font-size:.96rem;outline:none;padding:14px 16px}.form-group textarea{min-height:100px;resize:vertical}.model-name{color:var(--muted);margin:0}.submit-button{background:var(--secondary);border:none;border-radius:16px;color:var(--primary-contrast);cursor:pointer;font-weight:700;max-width:220px;padding:14px 18px}.category-title{color:var(--text);font-size:1.3rem;margin:32px 0 16px}.item-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.food-card{background:var(--bg);border-radius:24px;box-shadow:0 20px 50px #0f172a14;cursor:pointer;transition:transform .2s ease}.food-card:hover{transform:translateY(-3px)}.food-image2{height:200px;object-fit:cover;width:100%}.food-content{grid-gap:18px;display:grid;gap:18px;padding:18px}.food-content-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.food-content h3{color:var(--text);font-size:1.05rem;margin:0 0 6px}.food-content p{color:var(--muted);margin:0}.food-price{color:var(--text)}.food-card-actions{display:flex;justify-content:flex-end}.delete-btn{background:var(--danger)}.delete-btn,.edit-small-btn{border:none;border-radius:14px;color:var(--primary-contrast);cursor:pointer;padding:10px 14px}.edit-small-btn{background:var(--primary);margin-left:8px}.detail-actions{display:flex;gap:12px}.empty-state{align-items:center;display:flex;gap:16px;margin-top:40px}.menu-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 380px}.item-area{min-width:0}.detail-page{grid-gap:28px;display:grid;gap:28px;padding:24px 0 0}.detail-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.detail-back-btn{background:var(--surface-hover);border:none;border-radius:16px;color:var(--secondary);cursor:pointer;font-weight:700;padding:12px 18px}.detail-page-subtitle{color:var(--muted);margin:6px 0 0}.detail-view{grid-gap:28px;display:grid;gap:28px}.detail-view-split{align-items:start;grid-template-columns:1.15fr 1fr}.detail-image-column{align-items:flex-start;display:flex}.detail-image-side{background:var(--surface-hover);border-radius:28px;box-shadow:0 30px 80px #0f172a14;height:100%;min-height:520px;object-fit:cover;width:100%}.detail-info-column{grid-gap:20px;display:grid;gap:20px}.detail-card-full{grid-column:1/-1}.detail-card-highlight{background:#94a3b81f}.detail-ingredients{display:block;line-height:1.8;white-space:pre-wrap}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:0 24px 60px #0f172a14;display:flex;flex-direction:column;gap:18px;min-height:560px;padding:24px}.detail-panel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.detail-panel-label{color:var(--muted);font-size:.9rem;letter-spacing:.04em;margin:0 0 4px;text-transform:uppercase}.detail-image{background:#94a3b833;border-radius:24px;height:260px;object-fit:cover;width:100%}.detail-meta-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{padding:18px}.detail-label{margin-bottom:10px}.detail-description{color:var(--muted);line-height:1.8}.detail-link{align-items:center;background:#94a3b81f;border-radius:16px;color:var(--primary);display:inline-flex;font-weight:700;justify-content:center;padding:12px 18px;text-decoration:none;transition:transform .2s ease}.detail-link:hover{transform:translateY(-1px)}.detail-empty{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:100%;text-align:center}.detail-close-btn{background:#2563eb1f;border:none;border-radius:16px;color:var(--secondary);cursor:pointer;font-weight:700;padding:11px 18px}.spinner{animation:spin 1s linear infinite;border:5px solid #94a3b866;border-radius:999px;border-top:5px solid var(--primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1040px){.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.item-grid{grid-template-columns:1fr}}.food-page{background:var(--bg);min-height:100vh;padding:32px}.food-container{grid-gap:32px;display:grid;gap:32px;margin:0 auto;max-width:1100px}.back-btn{background:#2563eb1f;border-radius:14px;color:var(--secondary);font-weight:700;padding:12px 18px;width:-webkit-fit-content;width:fit-content}.food-image-wrapper{border-radius:28px;box-shadow:0 30px 80px #0f172a14;overflow:hidden;position:relative}.food-image{display:block;min-height:420px;object-fit:cover;width:100%}.food-overlay{bottom:18px;left:18px;position:absolute}.food-category{background:#ffffffd9;border-radius:999px;color:var(--text);display:inline-flex;font-weight:700;padding:10px 16px}.food-content{background:var(--surface);border:1px solid #94a3b82e;border-radius:28px;box-shadow:0 30px 80px #0f172a14;padding:28px}.food-top{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.food-top h1{color:var(--text);font-size:2.5rem;margin:0}.food-type{color:var(--muted);font-size:.98rem;margin:6px 0 0}.food-price{color:var(--primary);font-size:2rem;font-weight:700}.food-price-actions{align-items:center;display:flex;gap:12px}.top-edit-btn{border-radius:12px;font-weight:700;padding:8px 12px}.food-description{color:var(--muted);line-height:1.8;margin:0 0 24px}.details-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.detail-card{border:1px solid #94a3b833;border-radius:22px}.detail-label{display:block;margin-bottom:12px}.ingredients-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ingredient-tag{background:#94a3b81f;border-radius:999px;color:var(--secondary);font-weight:700;padding:10px 14px}.food-actions{display:flex;flex-wrap:wrap;gap:14px}.edit-btn,.model-btn{border:none;border-radius:16px;cursor:pointer;font-weight:700;padding:12px 18px}.model-btn{background:#94a3b81f;color:var(--primary)}.edit-btn{background:var(--primary);color:var(--primary-contrast)}.food-loading{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:32px}.food-loading-card{grid-gap:18px;background:var(--surface);border:1px solid #94a3b82e;border-radius:28px;box-shadow:0 30px 80px #0f172a14;display:grid;gap:18px;padding:32px;width:min(600px,100%)}.loading-line{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:12px;height:16px}.title-line{height:24px;width:50%}.short-line{width:35%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:960px){.details-grid{grid-template-columns:1fr}.food-page{padding:18px}.food-container{max-width:100%}.food-image{min-height:280px}.food-content{padding:22px}.food-top{align-items:flex-start;flex-direction:column}.food-price{margin-top:12px;text-align:left;width:100%}}.edit-page{padding:24px}.edit-container{margin:0 auto;max-width:980px}.edit-hero{justify-content:space-between;margin-bottom:18px}.edit-hero,.hero-left{align-items:center;display:flex}.hero-left{gap:12px}.back-btn{background:#0000;border:none;cursor:pointer;font-size:18px}.edit-card{background:var(--surface);border-radius:12px;box-shadow:0 8px 30px #0000000f;padding:18px}.preview-wrapper{margin-bottom:12px}.food-preview{border-radius:8px;height:auto;object-fit:cover;width:100%}.edit-form .form-section{margin-bottom:18px}.grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.input,.textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;width:100%}.textarea{min-height:100px}.upload-box{align-items:center;border:2px dashed var(--border);display:flex;justify-content:center;padding:14px}.save-btn,.upload-box{border-radius:10px;cursor:pointer}.save-btn{background:var(--primary);border:none;color:var(--primary-contrast);margin-top:12px;padding:12px 18px}@media (max-width:720px){.grid-2{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif}.import-page,body{background:var(--bg);color:var(--text)}.import-page{min-height:100vh;padding:40px 20px 120px}.container{margin:auto;max-width:1400px;width:100%}.hero-section{align-items:center;background:linear-gradient(135deg,#6366f124,#2563eb1a);border-radius:30px;box-shadow:0 15px 40px #00000026;color:var(--text);display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:45px;position:relative;width:100%}.hero-section:before{background:#ffffff0d;border-radius:50%;content:"";height:300px;position:absolute;right:-80px;top:-80px;width:300px}.hero-section h1{font-size:42px;font-weight:700;letter-spacing:-1px;margin-bottom:12px}.hero-section p{color:var(--muted);font-size:16px;line-height:1.7;max-width:600px}.filter-box{border:1px solid var(--border);border-radius:24px;box-shadow:0 8px 30px #0f172a0f;margin-bottom:30px;padding:25px}.filter-box,.search-input{background:var(--surface);width:100%}.search-input{border:2px solid #0000;border-radius:18px;font-size:16px;font-weight:500;height:58px;outline:none;padding:0 22px;transition:.3s}.search-input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 5px #2563eb1f}.category-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.category{background:var(--surface-hover);border:none;border-radius:999px;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:.3s}.category:hover{background:var(--surface);transform:translateY(-2px)}.category.active{background:var(--primary);box-shadow:0 8px 20px #2563eb59;color:var(--primary-contrast)}.food-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.food-card{background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:0 10px 25px #0f172a0d;overflow:hidden;position:relative;transition:.35s ease}.food-card:hover{box-shadow:0 20px 40px #0f172a1f;transform:translateY(-8px)}.image-wrapper{height:240px;overflow:hidden;position:relative;width:100%}.image-wrapper img{height:100%;object-fit:cover;transition:.4s ease;width:100%}.food-card:hover img{transform:scale(1.08)}.category-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2563eb24;border-radius:999px;color:var(--secondary);font-size:12px;font-weight:600;left:16px;padding:8px 14px}.category-tag,.check-box{position:absolute;top:16px}.check-box{accent-color:var(--primary);cursor:pointer;height:24px;right:16px;width:24px}.food-content{padding:22px}.food-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between}.food-header h2{color:var(--text);font-size:22px;font-weight:700;margin-bottom:10px}.food-header p{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted);display:-webkit-box;font-size:14px;line-height:1.6;overflow:hidden}.price{background:#10b9811f;border-radius:16px;color:var(--success);font-size:16px;font-weight:700;min-width:-webkit-max-content;min-width:max-content;padding:10px 16px}.card-buttons{display:flex;gap:12px;margin-top:24px}.import-btn,.preview-btn{border:none;border-radius:16px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;height:48px;transition:.3s}.preview-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text)}.preview-btn:hover{background:var(--surface);transform:translateY(-2px)}.import-btn{background:var(--primary);box-shadow:0 10px 20px #2563eb40;color:var(--primary-contrast)}.import-btn:hover{box-shadow:0 14px 30px #2563eb59;transform:translateY(-2px)}.floating-btn{background:var(--primary);border:none;border-radius:20px;bottom:30px;box-shadow:0 18px 40px #11182759;color:var(--primary-contrast);cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:18px 28px;position:fixed;right:30px;transition:.3s;z-index:999}.floating-btn:hover{transform:translateY(-4px)}.loading{color:var(--muted);font-size:20px;font-weight:600;padding:80px 20px;text-align:center;width:100%}.preview-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.preview-modal{animation:popup .35s ease;background:var(--surface);border-radius:30px;display:grid;grid-template-columns:1fr 1fr;max-width:980px;overflow:hidden;position:relative;width:100%}@keyframes popup{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{background:var(--surface-hover);border:none;border-radius:50%;cursor:pointer;font-size:18px;height:42px;position:absolute;right:18px;top:18px;transition:.3s;width:42px;z-index:10}.close-btn:hover{transform:rotate(90deg)}.preview-image{height:100%;min-height:580px;object-fit:cover;width:100%}.preview-content{display:flex;flex-direction:column;justify-content:center;padding:45px}.preview-category{background:var(--surface-hover);border-radius:999px;color:var(--secondary);font-size:13px;font-weight:700;margin-bottom:20px;padding:10px 18px;width:-webkit-max-content;width:max-content}.preview-content h2{color:var(--text);font-size:42px;font-weight:800;line-height:1.2;margin-bottom:20px}.preview-desc{color:var(--muted);font-size:16px;line-height:1.9}.preview-price{color:var(--success);font-size:42px;font-weight:800}.preview-details,.preview-price{margin-top:30px}.detail-card{align-items:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:20px;display:flex;justify-content:space-between;padding:20px}.detail-label{color:var(--muted);font-weight:600}.detail-value{color:var(--text);font-weight:700}.preview-actions{display:flex;gap:16px;margin-top:35px}.model-btn{align-items:center;background:var(--surface-hover);border-radius:18px;color:var(--text);display:flex;flex:1 1;font-weight:700;height:54px;justify-content:center;text-decoration:none;transition:.3s}.model-btn:hover{background:var(--surface)}.import-preview-btn{background:var(--primary);border:none;border-radius:18px;box-shadow:0 12px 24px #2563eb40;color:var(--primary-contrast);cursor:pointer;flex:1 1;font-size:15px;font-weight:700;transition:.3s}.import-preview-btn:hover{transform:translateY(-2px)}@media(max-width:900px){.preview-modal{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.preview-image{min-height:320px}.preview-content{padding:30px}.preview-content h2{font-size:32px}}@media(max-width:768px){.hero-section{padding:30px}.hero-section h1{font-size:30px}.food-grid{grid-template-columns:1fr}.floating-btn{bottom:20px;left:20px;right:20px;width:auto}}@media(max-width:500px){.import-page{padding:20px 14px 120px}.hero-section{border-radius:22px}.filter-box{border-radius:20px;padding:18px}.food-card{border-radius:24px}.food-content{padding:18px}.preview-actions{flex-direction:column}}
/*# sourceMappingURL=main.65ee29ba.css.map*/