.app{border-radius:var(--radius-xl);min-block-size:min(100vh,140rem);inline-size:100%;padding:clamp(var(--space-lg),2vw,var(--space-2xl));background:var(--color-surface-strong);box-shadow:var(--shadow-soft);gap:var(--space-xl);flex-direction:column;display:flex}body.dark .app{background:var(--color-surface)}.main{gap:var(--space-xl);flex-direction:column;display:flex}.header{inline-size:min(var(--layout-max,120rem),100%);padding:clamp(var(--space-md),1vw + var(--space-sm),var(--space-xl));border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--color-border);gap:var(--space-md);background:linear-gradient(120deg,#0ea5e92e,#10b9812e);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.header-centered{text-align:center;justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column}.header-centered .header-content{text-align:center;align-items:center}.header-centered .user-menu{justify-content:center}.header-content{gap:var(--space-2xs);flex-direction:column;display:flex}.brand{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.02em}.header-actions{gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.header-actions .btn,.header-actions button{justify-content:center;min-inline-size:clamp(7rem,20vw,10rem)}.header-actions .btn-secondary{color:var(--color-text);box-shadow:var(--shadow-soft);background:#ffffffeb;border-color:#0f172a26}.header-actions .btn-secondary:hover{background:#fff;border-color:#0f172a40}body.dark .header-actions .btn-secondary{color:#f8fafc;box-shadow:var(--shadow-strong);background:#0f172ab3;border-color:#f8fafc59}.user-menu{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs)var(--space-sm);border:var(--border-hairline)solid var(--color-border);background:var(--color-glass);font-size:var(--fs-xs);border-radius:999px;display:inline-flex}.pill,.status-badge,.template-status{align-items:center;gap:var(--space-4xs);padding:var(--space-4xs)var(--space-xs);font-size:var(--fs-xs);background:var(--color-glass);border-radius:999px;font-weight:600;display:inline-flex}.pill.accent{color:var(--color-accent-strong)}.pill.success{color:var(--color-success)}.pill.danger{color:var(--color-danger)}.status-badge.pending{color:var(--color-warning)}.status-badge.preparing{color:var(--color-info)}.status-badge.completed{color:var(--color-success)}.status-badge.cancelled{color:var(--color-danger)}.template-status.active{background:color-mix(in srgb,var(--color-success)20%,transparent);color:#fff}.template-status.locked{background:color-mix(in srgb,var(--color-danger)22%,transparent);color:#fff}button,.btn,.action-btn{border-radius:var(--radius-md);border:var(--border-hairline)solid transparent;padding:var(--space-xs)var(--space-md);font-size:var(--fs-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-weight:600;transition:transform .16s,box-shadow .16s,background .16s}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));color:#fff;box-shadow:var(--shadow-soft)}.btn-secondary{border-color:var(--color-border);background:color-mix(in srgb,var(--color-accent)6%,var(--color-surface));color:var(--color-accent-strong)}.btn-ghost{border-color:var(--color-border);background:0 0}.btn-danger{background:color-mix(in srgb,var(--color-danger)70%,var(--color-accent));color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){box-shadow:var(--shadow-strong);transform:translateY(-.06rem)}.dashboard-shell,.dashboard-layout{gap:var(--space-xl);flex-wrap:wrap;align-items:flex-start;display:flex}.sidebar{max-inline-size:clamp(16rem,38vw,25rem);padding:var(--space-lg);border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);gap:var(--space-md);top:var(--space-sm);flex-direction:column;flex:clamp(13rem,32vw,22rem);display:flex;position:sticky}.sidebar-nav{gap:var(--space-2xs);flex-direction:column;display:flex}.sidebar-link{justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-md);color:var(--color-muted);display:flex}.sidebar-link:hover,.sidebar-link.active{background:color-mix(in srgb,var(--color-accent)14%,var(--color-surface));color:var(--color-text)}.main-column,.main-content{gap:var(--space-xl);flex-direction:column;flex:999 min(100%,clamp(20rem,70vw,80rem));display:flex}.widget-grid,.orders-list,.templates-grid,.stats-grid,.plan-grid,.form-grid,.metrics-grid,.admin-grid,.best-sellers,.queue-grid,.analytics-grid{gap:var(--space-md);grid-auto-flow:dense;display:grid}.widget-grid,.orders-list,.templates-grid,.queue-grid,.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(10rem,40vw,20rem),1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(8.5rem,28vw,14rem),1fr))}.plan-grid,.form-grid,.admin-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(11rem,35vw,19rem),1fr))}.card,.stat-card,.metric-card,.template-card,.plan-card,.settings-section,.order-management-card,.preview-card{border-radius:var(--radius-lg);border:var(--border-hairline)solid var(--color-border);background:var(--color-surface);padding:var(--space-lg);box-shadow:var(--shadow-soft);gap:var(--space-sm);flex-direction:column;display:flex}.card-header,.view-header,.order-header{gap:var(--space-2xs);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.view-header h2{color:var(--color-text)}.view-header p{color:var(--color-muted)}body.dark .view-header h2{color:#f8fafc}body.dark .view-header p{color:#cbd5e1}.stat-value{font-family:var(--font-display);font-size:var(--fs-2xl)}.template-preview{aspect-ratio:16/9;border-radius:var(--radius-md);border:var(--border-hairline)dashed var(--color-border);background:color-mix(in srgb,var(--color-accent)6%,transparent);inline-size:100%;font-size:var(--fs-xl);color:var(--color-muted);place-items:center;display:grid}.template-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.plan-card{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent)6%,var(--color-surface)),var(--color-surface));position:relative}.plan-card:after{content:attr(data-badge);padding:var(--space-4xs)var(--space-xs);background:color-mix(in srgb,var(--color-accent)30%,#fff);color:#fff;font-size:var(--fs-2xs);opacity:attr(data-badge)==""?0 : 1;border-radius:999px;font-weight:700;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}.plan-price{font-size:var(--fs-xl);font-weight:700}.dashboard{gap:var(--space-xl);background:color-mix(in srgb,var(--color-accent)6%,var(--color-bg));padding:clamp(var(--space-md),1vw + var(--space-sm),var(--space-xl));border-radius:var(--radius-xl);flex-direction:column;display:flex}.dashboard-header{padding:var(--space-lg);border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--color-border);background:var(--color-surface);gap:var(--space-md);flex-wrap:wrap;justify-content:space-between;display:flex}.admin-menu-section{gap:var(--space-sm);flex-direction:column;display:flex}.admin-card{border-radius:var(--radius-lg);border:var(--border-hairline)solid var(--color-border);background:var(--color-surface);padding:var(--space-md);gap:var(--space-3xs);cursor:pointer;flex-direction:column;transition:transform .16s,box-shadow .16s;display:flex}.admin-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-.06rem)}.store-toggle-btn{padding:var(--space-2xs)var(--space-md);background:linear-gradient(120deg,var(--color-success),color-mix(in srgb,var(--color-success)30%,var(--color-accent)));color:#fff;border-radius:999px}.form-group{gap:var(--space-3xs);flex-direction:column;display:flex}label{font-size:var(--fs-xs);font-weight:600}input,textarea,select,.form-input{border:var(--border-hairline)solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs)var(--space-sm);background:var(--color-surface);min-block-size:clamp(2.6rem,3.5vw,3.1rem)}textarea{resize:vertical;min-block-size:clamp(6rem,20vh,12rem)}body.dark input,body.dark textarea,body.dark select,body.dark .form-input{color:#f8fafc;background:#0f172acc;border-color:#f8fafc33}body.dark input::placeholder,body.dark textarea::placeholder{color:#f8fafca6}.order-meta{gap:var(--space-3xs);font-size:var(--fs-xs);color:var(--color-muted);flex-wrap:wrap;display:flex}.order-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.table-shell{border:var(--border-hairline)solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.table-scroll{overflow-x:auto}.design-select{border:var(--border-hairline)dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);background:var(--color-surface)}.qr-designer-card{background:color-mix(in srgb,var(--color-surface)96%,transparent);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;color:#0f172a;box-shadow:var(--shadow-soft)}.qr-designer-card label,.qr-designer-card p,.qr-designer-card small,.qr-designer-card input,.qr-designer-card select{color:inherit}.qr-designer-card input,.qr-designer-card select{background:var(--color-surface)}.qr-designer-card button{color:#fff}body.dark .qr-designer-card{color:#f8fafc;background:#ffffff0d}.stack-sm{gap:var(--space-sm);flex-direction:column;display:flex}.stack-md{gap:var(--space-md);flex-direction:column;display:flex}.row-wrap{gap:var(--space-sm);flex-wrap:wrap;display:flex}.surface-glass{background:var(--color-glass);border:var(--border-hairline)solid color-mix(in srgb,var(--color-border)50%,transparent)}.cart-overlay,.duration-modal{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);padding:var(--space-lg);z-index:900;background:#020617a6;place-items:center;display:grid;position:fixed;inset:0}.cart-panel,.modal-panel,.duration-card{border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--color-border);background:var(--color-surface-strong);max-block-size:90vh;inline-size:min(clamp(16rem,45vw,32rem),100%);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.cart-item-image{aspect-ratio:1;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent)6%,transparent);inline-size:clamp(3.1rem,11vw,4.4rem);overflow:hidden}.checkout-input{border:var(--border-hairline)solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs)var(--space-sm);width:100%}.duration-card{gap:var(--space-sm)}.duration-options{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(clamp(8rem,24vw,12rem),1fr));display:grid}.duration-option{border-radius:var(--radius-lg);border:var(--border-hairline)solid var(--color-border);padding:var(--space-md);text-align:center;cursor:pointer;font-weight:600}.duration-option.active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent)12%,#fff)}.toast{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-lg);border:var(--border-hairline)solid var(--color-border);background:var(--color-surface-strong);box-shadow:var(--shadow-strong);z-index:999;display:flex;position:fixed;inset-block-end:var(--space-lg);inset-inline-end:var(--space-lg)}.toast-close{background:color-mix(in srgb,var(--color-text)8%,transparent);border-radius:50%;place-items:center;block-size:clamp(1.8rem,4vw,2.3rem);inline-size:clamp(1.8rem,4vw,2.3rem);margin-left:auto;display:grid}.live-queue-fab{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));color:#fff;block-size:clamp(3rem,6vw,4.5rem);inline-size:clamp(3rem,6vw,4.5rem);font-size:var(--fs-lg);box-shadow:var(--shadow-strong);z-index:910;border:none;border-radius:50%;place-items:center;display:grid;position:fixed;inset-block-end:calc(var(--space-lg) + clamp(3rem,6vw,4.5rem));inset-inline-end:var(--space-lg)}.queue-badge{padding:var(--space-4xs)var(--space-3xs);background:var(--color-danger);color:#fff;font-size:var(--fs-2xs);border-radius:999px;position:absolute;inset-block-start:-.6em;inset-inline-end:-.6em}.queue-overlay{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);padding:var(--space-lg);z-index:905;background:#020617b3;place-items:center;display:grid;position:fixed;inset:0}.queue-panel{border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--color-border);background:var(--color-surface-strong);max-block-size:90vh;inline-size:min(clamp(16rem,45vw,32rem),100%);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.queue-header{justify-content:space-between;align-items:center;display:flex}.queue-content{gap:var(--space-md);flex-direction:column;display:flex}.queue-empty{text-align:center;color:var(--color-muted);padding:var(--space-lg)}.close-queue{background:color-mix(in srgb,var(--color-text)10%,transparent);border-radius:50%;block-size:clamp(2.2rem,5vw,2.8rem);inline-size:clamp(2.2rem,5vw,2.8rem)}.premium-dashboard{background:radial-gradient(circle at 18% 10%,#ffd66633,transparent 32%),radial-gradient(circle at 80% 18%,#38bdf81f,transparent 40%),var(--color-bg);border:var(--border-hairline)solid color-mix(in srgb,var(--color-border)60%,transparent);box-shadow:var(--shadow-strong);position:relative;overflow:hidden}body.dark .premium-dashboard{border-color:color-mix(in srgb,var(--color-border)35%,transparent);background:radial-gradient(circle at 15% 12%,#fbbf2426,#0000 30%),radial-gradient(circle at 80% 12%,#0ea5e929,#0000 36%),#020617}.premium-header{padding:clamp(var(--space-lg),2vw,var(--space-2xl));border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg,#0f172a 0%,#111827 55%,#2563eb 100%);border:1px solid #ffffff14;position:relative;overflow:hidden;box-shadow:0 18px 48px #0f172a73}.premium-header:after{content:"";background:radial-gradient(circle,#ffd66638,#0000 55%);block-size:120%;inline-size:65%;position:absolute;inset-block-start:-40%;inset-inline-end:-10%;transform:rotate(-12deg)}.premium-header__row{z-index:1;gap:var(--space-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.premium-brand{align-items:center;gap:var(--space-md);display:inline-flex}.premium-brand--centered{text-align:center;flex-direction:column;justify-content:center}.premium-avatar{block-size:clamp(3.3rem,6vw,3.8rem);inline-size:clamp(3.3rem,6vw,3.8rem);font-size:var(--fs-xl);background:linear-gradient(135deg,#ffd66666,#3b82f64d);border:2px solid #ffffff59;border-radius:50%;place-items:center;display:grid;overflow:hidden;box-shadow:0 10px 24px #0f172a59}.premium-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.premium-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-2xs);color:#ffffffbf;margin:0 0 var(--space-4xs)0}.premium-subtitle{color:#fffc;font-size:var(--fs-xs);margin:0}.premium-actions{gap:var(--space-sm);align-items:center;display:inline-flex}.premium-actions--center{flex-wrap:wrap;justify-content:center}.premium-chip{align-items:center;gap:var(--space-4xs);padding:var(--space-4xs)var(--space-sm);font-weight:700;font-size:var(--fs-xs);background:#ffffff24;border:1px solid #ffffff59;border-radius:999px;display:inline-flex}.premium-chip.success{color:#22c55e}.premium-chip.neutral{color:#facc15}.premium-chip.subtle{color:var(--color-text);background:color-mix(in srgb,var(--color-accent)10%,var(--color-surface));border-color:color-mix(in srgb,var(--color-border)60%,transparent)}body.dark .premium-chip.subtle{color:#e2e8f0;background:#94a3b829;border-color:#94a3b840}.premium-toggle-btn{padding:var(--space-sm)var(--space-lg);color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#facc15,#f97316);border:none;border-radius:999px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 12px 28px #f9731659}.premium-toggle-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 16px 34px #f9731673}.premium-metrics{z-index:1;margin-top:var(--space-lg);gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(clamp(10rem,28vw,16rem),1fr));display:grid;position:relative}.premium-metric{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff1f;display:flex;box-shadow:inset 0 1px #ffffff1f}.premium-metric p{color:#ffffffbf;font-size:var(--fs-xs);margin:0}.premium-metric strong{color:#fff;display:block}.metric-icon{block-size:2.3rem;inline-size:2.3rem;font-size:var(--fs-lg);background:#ffffff1f;border:1px solid #ffffff29;border-radius:50%;place-items:center;display:grid}.premium-alert{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);color:#78350f;gap:var(--space-md);background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #f59e0b;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;box-shadow:0 12px 28px #f59e0b2e}.premium-alert p{margin:var(--space-3xs)0 0 0;max-width:40rem}.premium-alert-btn{padding:var(--space-sm)var(--space-lg);color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:999px;font-weight:800;box-shadow:0 10px 22px #ef444440}body.dark .premium-alert{color:#fde68a;background:linear-gradient(135deg,#fbbf241f,#f8717114);border-color:#eab308b3}.premium-menu{gap:var(--space-md)}.premium-section-header{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.premium-section-header h3{color:var(--color-text);margin:0}body.dark .premium-section-header h3{color:#e2e8f0}.premium-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(12rem,35vw,19rem),1fr))}.premium-card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface)86%,transparent),color-mix(in srgb,var(--color-surface)70%,transparent));border:1px solid color-mix(in srgb,var(--color-border)70%,transparent);padding:var(--space-lg);transition:transform .16s,box-shadow .2s,border-color .2s;position:relative;box-shadow:0 10px 30px #0f172a1f,inset 0 1px #fff6}body.dark .premium-card{background:linear-gradient(160deg,#0f172ad9,#0f172ab3);border-color:#94a3b82e;box-shadow:0 12px 32px #00000059,inset 0 1px #ffffff0f}.premium-card:hover{border-color:color-mix(in srgb,var(--color-accent)70%,var(--color-border));transform:translateY(-3px);box-shadow:0 16px 36px #0ea5e92e}.premium-card-head{gap:var(--space-sm);align-items:center;display:flex}.premium-card-icon{border-radius:var(--radius-md);block-size:2.6rem;inline-size:2.6rem;font-size:var(--fs-lg);background:color-mix(in srgb,var(--color-accent)14%,var(--color-surface));color:var(--color-accent-strong);place-items:center;display:grid}body.dark .premium-card-icon{color:#bfdbfe;background:#3b82f61f}.premium-card h4{margin:0 0 var(--space-4xs)0}.premium-card p{color:var(--color-muted);font-size:var(--fs-xs);margin:0}body.dark .premium-card p{color:#cbd5e1}.premium-badge{color:#fff;font-weight:800;font-size:var(--fs-xs);padding:var(--space-4xs)var(--space-xs);border-radius:999px;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm);box-shadow:0 6px 16px #0003}.premium-card .card-arrow{color:var(--color-muted);font-weight:800;position:absolute;inset-block-end:var(--space-sm);inset-inline-end:var(--space-sm)}body.dark .premium-card .card-arrow{color:#e2e8f0}.premium-highlight{margin-top:var(--space-xl);padding:var(--space-xl);border-radius:var(--radius-xl);color:#fff;gap:var(--space-md);background:linear-gradient(135deg,#0b1224,#111827 40%,#2563eb 100%);display:grid}.premium-highlight-text h3{margin:var(--space-3xs)0}.premium-feature-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(clamp(10rem,30vw,14rem),1fr));display:grid}.premium-feature-card{border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-3xs);background:#ffffff0f;border:1px solid #ffffff1f;align-content:start;display:grid;box-shadow:inset 0 1px #ffffff1a}.premium-feature-card span{font-size:var(--fs-lg)}.premium-feature-card strong{color:#fff}.premium-feature-card small{color:#ffffffbf}@supports (container-type:inline-size){.card,.template-card,.plan-card,.order-management-card,.settings-section{container-type:inline-size}@container (width<=18rem){.card-header,.view-header,.order-header,.template-actions,.header-actions{flex-direction:column;align-items:flex-start}.sidebar{position:static}}}.modern-login-page{border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--color-border);background:color-mix(in srgb,var(--color-accent)4%,var(--color-bg));min-block-size:min(100vh,120rem);inline-size:min(120rem,100%);box-shadow:var(--shadow-soft);grid-template-columns:repeat(auto-fit,minmax(clamp(18rem,45vw,32rem),1fr));margin-inline:auto;display:grid;overflow:hidden}.login-left{color:#f8fafc;padding:clamp(var(--space-xl),3vw,var(--space-3xl));gap:var(--space-xl);background:radial-gradient(circle at 30% 20%,#ff6b3559,#0000),#050505;flex-direction:column;display:flex}.login-brand{gap:var(--space-xs);flex-direction:column;display:flex}.brand-logo{inline-size:clamp(3rem,10vw,4rem)}.login-features{gap:var(--space-sm);flex-direction:column;display:flex}.feature-item{gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-lg);background:#ffffff0d;align-items:center;display:flex}.feature-icon{font-size:var(--fs-xl)}.login-pricing-preview{gap:var(--space-sm);flex-direction:column;display:flex}.price-tags{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.price-tag{padding:var(--space-4xs)var(--space-sm);border:var(--border-hairline)solid #ffffff4d;font-size:var(--fs-xs);border-radius:999px}.login-right{padding:clamp(var(--space-xl),3vw,var(--space-3xl));background:var(--color-surface);justify-content:center;align-items:center;display:flex}.login-form-container{gap:var(--space-md);flex-direction:column;inline-size:min(28rem,100%);display:flex}.form-header{text-align:center}.modern-form{gap:var(--space-sm);flex-direction:column;display:flex}.modern-form .form-group label{font-size:var(--fs-xs);color:var(--color-muted);font-weight:600}.modern-form .form-group input,.modern-form .form-group textarea{width:100%}.login-actions{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.login-btn{border-radius:var(--radius-lg);width:100%;padding:var(--space-sm);font-size:var(--fs-sm);color:#fff;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));box-shadow:var(--shadow-soft);justify-content:center;align-items:center;gap:var(--space-3xs);border:none;font-weight:700;display:inline-flex}.login-btn:disabled{opacity:.7}.toggle-mode-btn{border-radius:var(--radius-lg);width:100%;padding:var(--space-sm);border:var(--border-hairline)solid var(--color-border);color:var(--color-accent-strong);background:#0ea5e914;font-weight:600}.modal-close{border:var(--border-hairline)solid var(--color-border);background:var(--color-glass);block-size:clamp(2rem,5vw,2.4rem);inline-size:clamp(2rem,5vw,2.4rem);color:var(--color-text);border-radius:50%;place-items:center;display:grid}.forgot-password-btn{color:var(--color-accent-strong);background:0 0;border:none;font-weight:600}.form-divider{align-items:center;gap:var(--space-sm);color:var(--color-muted);font-size:var(--fs-xs);display:flex}.form-divider:before,.form-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.signup-disabled-banner{border-radius:var(--radius-lg);border:var(--border-hairline)dashed var(--color-border);width:100%;padding:var(--space-md);background:var(--color-glass);text-align:center;color:var(--color-muted);gap:var(--space-3xs);flex-direction:column;display:flex}.modal-overlay{padding:var(--space-lg);z-index:900;background:#020617b3;place-items:center;display:grid;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--color-border);background:var(--color-surface-strong);inline-size:min(24rem,100%);padding:clamp(var(--space-lg),2vw,var(--space-2xl))}.modal-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.signup-plans{gap:var(--space-lg)}.signup-header{gap:var(--space-2xs);flex-direction:column;display:flex}.plan-selector{gap:var(--space-sm);flex-direction:column;display:flex}.plan-option{border-radius:var(--radius-xl);border:var(--border-hairline)solid #ffffff40;padding:var(--space-md);gap:var(--space-sm);cursor:pointer;background:#00000059;flex-direction:column;transition:transform .16s,border-color .16s,background .16s;display:flex;position:relative}.plan-option:hover{transform:translateY(-.1rem)}.plan-option.selected{background:#ffffff14;border-color:#ff6b35}.plan-option.popular{border-color:#fbbf24}.popular-tag{padding:var(--space-4xs)var(--space-xs);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;background:#0009;border-radius:999px;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}.plan-option-header h3{margin:0}.plan-option-price{align-items:baseline;gap:var(--space-3xs);color:#ff6b35;display:flex}.plan-option-features{gap:var(--space-3xs);color:#ffffffd9;font-size:var(--fs-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-option-features .check{color:#4ade80;margin-right:var(--space-4xs)}.plan-selector-radio{align-items:center;gap:var(--space-2xs);font-size:var(--fs-xs);display:flex}.selected-plan-summary{border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--color-border);padding:var(--space-lg);background:color-mix(in srgb,var(--color-accent)4%,var(--color-surface))}.btn-loading{align-items:center;gap:var(--space-3xs);display:inline-flex}.spinner{inline-size:var(--space-sm);block-size:var(--space-sm);border:.15rem solid #fff6;border-top-color:#fff;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.designer-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:100vh;padding:0;font-family:Inter,Segoe UI,system-ui,sans-serif}body.dark .designer-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.designer-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffffa;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000014}body.dark .designer-header{background:#1e1e28fa;border-bottom:1px solid #ffffff1a}.designer-header .back-btn{color:#24292e;cursor:pointer;background:#f7f7f8;border:1px solid #e1e4e8;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}body.dark .designer-header .back-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d}.designer-header .back-btn:hover{background:#e9ecef;border-color:#d1d5db;transform:translate(-2px)}body.dark .designer-header .back-btn:hover{background:#fff3;border-color:#fff6}.header-content{text-align:center;flex:1}.header-content h1{color:#1a202c;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}body.dark .header-content h1{color:#fff}.header-content p{color:#718096;margin:0;font-size:.95rem}body.dark .header-content p{color:#cbd5e1}.header-actions{align-items:center;gap:.75rem;display:flex}.btn-save-changes{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #10b9814d}.btn-save-changes:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-save-changes:active{transform:translateY(0)}.save-indicator{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.9rem;font-weight:500;display:flex}.saving-dot{background:#ffc107;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #0ea5e980}60%{box-shadow:0 0 0 var(--space-md)#0ea5e900;transform:scale(1.04)}to{transform:scale(1);box-shadow:0 0 #0ea5e900}}.designer-layout{grid-template-columns:380px 1fr;gap:0;min-height:calc(100vh - 81px);display:grid}@media (max-width:1024px){.designer-layout{grid-template-columns:1fr}}.designer-sidebar{background:#fff;border-right:1px solid #00000014;flex-direction:column;height:calc(100vh - 81px);display:flex;position:sticky;top:81px;overflow-y:auto}body.dark .designer-sidebar{background:#1e1e2e;border-right:1px solid #ffffff1a}.designer-sidebar::-webkit-scrollbar{width:6px}.designer-sidebar::-webkit-scrollbar-track{background:#f7f7f8}.designer-sidebar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.designer-sidebar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.design-tabs{z-index:10;background:#f7f7f8;border-bottom:1px solid #e1e4e8;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;top:0}body.dark .design-tabs{background:#16162a;border-bottom:1px solid #ffffff1a}.tab-btn{color:#718096;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s}body.dark .tab-btn{color:#cbd5e1}.tab-btn:hover{color:#667eea;background:#667eea0d}.tab-btn.active{color:#667eea;background:#fff;border-bottom-color:#667eea}body.dark .tab-btn.active{color:#0ea5e9;background:#1e1e2e;border-bottom-color:#0ea5e9}.tab-content{flex:1;padding:1.5rem;overflow-y:auto}.tab-section h3{color:#1a202c;border-bottom:2px solid #e2e8f0;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700}body.dark .tab-section h3{color:#fff;border-bottom-color:#ffffff1a}.control-group{margin-bottom:1.75rem}.control-group label{color:#2d3748;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}body.dark .control-group label{color:#fff}.control-group small{color:#718096;margin-top:.4rem;font-size:.8rem;display:block}body.dark .control-group small{color:#cbd5e1}.input-field,.select-field,.textarea-field{color:#2d3748;background:#f7f7f8;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}body.dark .input-field,body.dark .select-field,body.dark .textarea-field{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.input-field:focus,.select-field:focus,.textarea-field:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.textarea-field{resize:vertical;min-height:100px}.slider-field{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:5px;outline:none;width:100%;height:6px;margin-bottom:.5rem}.slider-field::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:18px;height:18px;transition:all .2s}.slider-field::-moz-range-thumb{cursor:pointer;background:#667eea;border:none;border-radius:50%;width:18px;height:18px;transition:all .2s}.slider-field::-webkit-slider-thumb:hover{background:#5a67d8;transform:scale(1.2)}.slider-field::-moz-range-thumb:hover{background:#5a67d8;transform:scale(1.2)}body.dark .slider-field{background:#ffffff1a}body.dark .slider-field::-webkit-slider-thumb{background:#0ea5e9}body.dark .slider-field::-moz-range-thumb{background:#0ea5e9}.slider-value{color:#fff;background:#667eea;border-radius:6px;margin-left:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}body.dark .slider-value{background:#0ea5e9}.file-upload-area{margin-bottom:.75rem}.file-input{display:none}.file-label{color:#fff;cursor:pointer;text-align:center;background:#667eea;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-block}.file-label:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.uploaded-preview{background:#f7f7f8;border-radius:8px;margin-top:.75rem;padding:.5rem;position:relative;overflow:hidden}.uploaded-preview img{object-fit:cover;border-radius:6px;width:100%;height:auto;max-height:150px}.uploaded-preview.banner img{max-height:120px}.uploaded-preview .remove-btn{color:#fff;cursor:pointer;background:#ef4444f2;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;position:absolute;top:1rem;right:1rem}.uploaded-preview .remove-btn:hover{background:#dc2626}.checkbox-label{cursor:pointer;background:#f7f7f8;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.checkbox-label:hover{background:#edf2f7}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:20px;height:20px}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label span{color:#2d3748;font-size:.95rem;font-weight:500}body.dark .checkbox-label{background:#ffffff0d}body.dark .checkbox-label span{color:#fff}.option-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.option-grid.two-col{grid-template-columns:repeat(2,1fr)}.option-card{cursor:pointer;background:#f7f7f8;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:90px;padding:1rem;transition:all .2s;display:flex}.option-card:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px)}.option-card.selected{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.option-icon{font-size:1.75rem;line-height:1}.option-label{color:#2d3748;text-align:center;font-size:.85rem;font-weight:600}body.dark .option-card{background:#ffffff0d;border:2px solid #ffffff1a}body.dark .option-label{color:#fff}.option-card.selected .option-label{color:#667eea}.social-inputs{flex-direction:column;gap:.75rem;display:flex}.social-input-row{align-items:center;gap:.75rem;display:flex}.social-icon{text-align:center;flex-shrink:0;width:32px;font-size:1.5rem}.designer-preview{background:#f7f7f8;height:calc(100vh - 81px);padding:2rem;overflow-y:auto}body.dark .designer-preview{background:#16162a}.preview-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.preview-header h2{color:#1a202c;margin:0;font-size:1.5rem;font-weight:700}body.dark .preview-header h2{color:#fff}.preview-badge{color:#fff;background:#48bb78;border-radius:20px;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.preview-wrapper{background:#fff;border-radius:12px;max-width:480px;margin:0 auto;overflow:hidden;box-shadow:0 8px 30px #0000001f}.loading-spinner,.error-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.loading-spinner p,.error-message p{color:#fff;margin-top:1.5rem;font-size:1.1rem;font-weight:500}.error-icon{margin-bottom:1rem;font-size:4rem}.error-message .btn-secondary{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;margin-top:1.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.error-message .btn-secondary:hover{background:#f7f7f8;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width:1024px){.designer-sidebar{border-bottom:1px solid #00000014;border-right:none;height:auto;position:relative;top:0}.designer-preview{height:auto}.preview-wrapper{max-width:100%}}@media (max-width:768px){.designer-header{flex-direction:column;gap:1rem;padding:1rem}.header-content{order:-1}.header-content h1{font-size:1.4rem}.designer-layout{gap:0}.design-tabs{grid-template-columns:repeat(2,1fr)}.tab-btn{padding:.85rem .5rem;font-size:.8rem}.tab-content,.designer-preview{padding:1rem}.option-grid{grid-template-columns:1fr}}@media (max-width:480px){.designer-header .back-btn,.save-indicator{justify-content:center;width:100%}.tab-section h3{font-size:1.1rem}}.preview-store{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.preview-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#fffffff2;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.preview-header-logo{align-items:center;gap:.75rem;display:flex}.preview-header-logo img{object-fit:cover;border:2px solid #667eea;border-radius:50%;width:45px;height:45px}.preview-header-logo h1{color:#1a202c;margin:0;font-size:1.2rem;font-weight:700}.preview-banner{text-align:center;color:#fff;padding:2.5rem 1.25rem;position:relative;overflow:hidden}.preview-banner.theme-warm{background:linear-gradient(135deg,#ff6b35,#f7931e)}.preview-banner.theme-cool{background:linear-gradient(135deg,#2196f3,#00bcd4)}.preview-banner.theme-green{background:linear-gradient(135deg,#43a047,#66bb6a)}.preview-banner.theme-dark{background:linear-gradient(135deg,#1a1a1a,#2e2e2e)}.preview-banner.theme-vibrant{background:linear-gradient(135deg,#9333ea,#c026d3)}.preview-banner.has-image{background-position:50%;background-size:cover}.preview-banner.has-image:before{content:"";z-index:1;background:#0006;position:absolute;inset:0}.preview-banner-content{z-index:2;position:relative}.preview-banner h2{text-shadow:0 2px 4px #0003;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.preview-banner-specials{background:#fff3;border-radius:20px;margin:.75rem 0;padding:.5rem 1rem;font-size:1.1rem;font-weight:600;display:inline-block}.preview-banner-status{background:#fffffff2;border-radius:25px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1.25rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000026}.preview-banner-status.open{color:#16a34a}.preview-banner-status.closed{color:#dc2626}.preview-queue-btn{color:#1a202c;cursor:pointer;background:#fffffff2;border:none;border-radius:25px;margin-top:1rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #00000026}.preview-products{padding:2rem 1.25rem}.preview-products h3{text-align:center;color:#fff;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.product-layout-grid3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.product-layout-grid2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.product-layout-list{flex-direction:column;gap:.75rem;display:flex}.product-layout-swipe{scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.product-layout-swipe .product-card{scroll-snap-align:start;flex-shrink:0;min-width:150px}.category-tabs{gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.category-tab{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.category-tab.active{background:#667eea;border-color:#667eea}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.product-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.product-card-image{background:#f7f7f8;justify-content:center;align-items:center;width:100%;height:140px;display:flex;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-info{text-align:center;flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex}.product-card-name{color:#1a202c;margin:0;font-size:.9rem;font-weight:600;line-height:1.3}.product-card-price{color:#667eea;margin:0;font-size:1rem;font-weight:700}.product-layout-list .product-card{justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.preview-about{text-align:center;background:#ffffff0a;padding:2.5rem 1.25rem}.preview-about h3{color:#fff;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.preview-about p{color:#ffffffe6;max-width:600px;margin:0 auto 1.5rem;font-size:1rem;line-height:1.6}.preview-about img{border-radius:12px;width:100%;max-width:350px;box-shadow:0 8px 24px #0000004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.anim-fade{animation:.6s ease-out fadeIn}.anim-slide{animation:.6s ease-out slideUp}.anim-zoom{animation:.6s ease-out zoomIn}.anim-none{animation:none}.empty-state{text-align:center;color:#fff9;padding:3rem 1.25rem}.empty-state-icon{margin-bottom:1rem;font-size:3rem}@media (max-width:480px){.product-card-image{height:120px}.product-card-info{padding:.6rem}.product-card-name{font-size:.85rem}.product-card-price{font-size:.95rem}}.menu-management{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem}.view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.view-header h2{color:#fff;margin:0;font-size:1.75rem}.view-header p{color:#ffffffe6;margin:.25rem 0 0;font-size:.95rem}.menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.menu-item-card{background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.menu-item-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.item-image{background:#f7f7f8;width:100%;height:200px;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%}.item-content{padding:1.25rem}.item-content h3{color:#1a202c;margin:0 0 .5rem;font-size:1.25rem}.item-description{color:#718096;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.item-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.item-category{color:#4a5568;background:#edf2f7;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.item-price{color:#667eea;font-size:1.25rem;font-weight:700}.item-actions{border-top:1px solid #e2e8f0;gap:.5rem;padding:1rem 1.25rem;display:flex}.btn-edit,.btn-delete{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.625rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-edit{color:#fff;background:#667eea}.btn-edit:hover{background:#5a67d8}.btn-delete{color:#e53e3e;background:#f7f7f8}.btn-delete:hover{background:#fee}.item-preferences{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.preference-pill{color:#4f46e5;background:#667eea1f;border:1px solid #4f46e52e;border-radius:999px;padding:.15rem .55rem;font-size:.8rem}.empty-state{text-align:center;color:#fff;background:#ffffff1a;border-radius:12px;grid-column:1/-1;padding:4rem 2rem}.empty-icon{margin-bottom:1rem;font-size:4rem}.empty-state h3{margin:0 0 .5rem;font-size:1.5rem}.empty-state p{opacity:.9;margin:0}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:#1a202c;margin:0;font-size:1.5rem}.close-btn{cursor:pointer;background:#f7f7f8;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;transition:all .2s;display:flex}.close-btn:hover{background:#e2e8f0}.menu-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2d3748;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical}.image-upload-area{background:#f7f7f8;border:2px dashed #cbd5e0;border-radius:12px;overflow:hidden}.upload-placeholder{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;transition:all .2s;display:flex}.upload-placeholder:hover{background:#edf2f7;border-color:#a0aec0}.upload-icon{margin-bottom:.75rem;font-size:3rem}.image-preview{position:relative}.image-preview img{object-fit:cover;width:100%;height:200px}.remove-image-btn{color:#fff;cursor:pointer;background:#ef4444f2;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;position:absolute;top:.75rem;right:.75rem}.remove-image-btn:hover{background:#dc2626}.form-actions{gap:1rem;margin-top:2rem;display:flex}.form-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.form-actions .btn-secondary{color:#4a5568;background:#f7f7f8}.form-actions .btn-secondary:hover{background:#e2e8f0}.form-actions .btn-primary{color:#fff;background:#667eea}.form-actions .btn-primary:hover{background:#5a67d8}.form-actions button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.menu-management{padding:1rem}.view-header{flex-direction:column;align-items:stretch}.menu-items-grid{grid-template-columns:1fr}.modal-content{border-radius:0;max-height:100vh;margin:0}}.plan-expired-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.plan-expired-modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:520px;padding:2.5rem;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}.expired-icon{margin-bottom:1rem;font-size:4rem;animation:2s infinite pulse}.plan-expired-modal h2{color:#d32f2f;margin-bottom:1rem;font-size:1.75rem}.expired-message{color:#555;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.6}.expired-features-lost{text-align:left;background:#fff3e0;border-left:4px solid #ff9800;border-radius:8px;margin:1.5rem 0;padding:1rem}.expired-features-lost h3{color:#e65100;margin:0 0 .75rem;font-size:1rem}.expired-features-lost ul{margin:0;padding:0;list-style:none}.expired-features-lost li{color:#666;padding:.4rem 0;font-size:.95rem}.expired-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.btn-renew{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border:none;border-radius:8px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff6b354d}.btn-renew:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.btn-pro{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);box-shadow:0 4px 12px #4caf504d}.btn-pro:hover{box-shadow:0 6px 20px #4caf5066}.btn-premium{background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);box-shadow:0 4px 12px #9c27b04d}.btn-premium:hover{box-shadow:0 6px 20px #9c27b066}.btn-downgrade{color:#fff;cursor:pointer;background:#757575;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;transition:background .2s}.btn-downgrade:hover{background:#616161}.expired-note{color:#999;margin-top:1.5rem;font-size:.9rem;font-style:italic}body.dark .plan-expired-modal{color:#e0e0e0;background:#1e1e1e}body.dark .expired-message{color:#b0b0b0}body.dark .expired-features-lost{background:#2d2d2d;border-left-color:#ff9800}body.dark .expired-features-lost h3{color:#ffb74d}body.dark .expired-features-lost li{color:#b0b0b0}body.dark .expired-note{color:#757575}.grace-period-banner{z-index:1000;background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-top:6px solid #ff9800;max-height:40vh;padding:1.5rem;animation:2s infinite pulseWarning;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 12px #ff98004d}@keyframes pulseWarning{0%,to{box-shadow:0 4px 12px #ff980033}50%{box-shadow:0 4px 20px #ff980066}}.grace-banner-content{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.grace-icon{font-size:3rem;animation:1s infinite shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.grace-message{flex:1}.grace-message h3{color:#e65100;margin:0 0 .5rem;font-size:1.25rem}.grace-message p{color:#666;margin:0;font-size:1rem}.grace-message strong{color:#d84315;font-weight:700}.grace-actions{gap:.75rem;display:flex}.btn-renew-now{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border:none;border-radius:8px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff6b354d}.btn-renew-now:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.grace-countdown{background:#ffffffb3;border:1px solid #ffb74d;border-radius:8px;align-items:flex-start;gap:2rem;padding:1.25rem;display:flex}.countdown-circle{color:#fff;background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 4px 12px #ff98004d}.countdown-number{font-size:2.5rem;font-weight:700;line-height:1}.countdown-label{text-transform:uppercase;opacity:.9;margin-top:.25rem;font-size:.75rem}.grace-warnings{flex:1}.grace-warnings h4{color:#e65100;margin:0 0 .75rem;font-size:1rem}.grace-warnings ul{margin:0;padding:0;list-style:none}.grace-warnings li{color:#666;padding:.4rem 0;font-size:.95rem}body.dark .grace-period-banner{background:linear-gradient(135deg,#3e2723 0%,#4e342e 100%);border-left-color:#ff9800}body.dark .grace-message h3{color:#ffb74d}body.dark .grace-message p{color:#b0b0b0}body.dark .grace-message strong{color:#ff9800}body.dark .grace-countdown{background:#0000004d;border-color:#ff9800}body.dark .grace-warnings h4{color:#ffb74d}body.dark .grace-warnings li{color:#b0b0b0}@media (max-width:768px){.grace-banner-content{flex-direction:column;align-items:flex-start}.grace-icon{font-size:2rem}.grace-countdown{flex-direction:column}.countdown-circle{width:80px;height:80px}.countdown-number{font-size:2rem}.btn-renew-now{width:100%}}.live-queue-fab{color:#fff;cursor:pointer;z-index:999;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #ff6b3580}.live-queue-fab:hover{transform:scale(1.1);box-shadow:0 6px 30px #ff6b35b3}.live-queue-fab:active{transform:scale(.95)}.queue-badge{color:#fff;background:#e63946;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:-5px;right:-5px}.queue-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.queue-panel{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;animation:.3s slideUp;display:flex;box-shadow:0 8px 40px #0000004d}.queue-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.queue-header h3{color:#333;align-items:center;gap:8px;margin:0;font-size:1.3rem;display:flex}.close-queue{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.close-queue:hover{color:#333;background:#f0f0f0}.queue-content{flex:1;padding:1rem;overflow-y:auto}.queue-empty{text-align:center;color:#666;padding:3rem 1rem;font-size:1.1rem}.queue-empty small{color:#999;margin-top:.5rem;font-size:.9rem;display:block}.queue-order-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:12px;margin-bottom:1rem;padding:1.2rem;transition:all .3s}.queue-order-card:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3533}.order-info h4{color:#ff6b35;margin:0 0 .8rem;font-size:1.2rem;font-weight:700}.order-info p{color:#333;margin:.4rem 0;font-size:.95rem}.customer-name{font-weight:600;font-size:1rem!important}.order-phone{color:#666!important}.order-total{font-weight:700;color:#4caf50!important;margin-top:.6rem!important;font-size:1.1rem!important}.order-items{border-top:1px dashed #ddd;margin-top:.8rem;padding-top:.8rem}.order-items .item{color:#555;margin:.3rem 0;padding-left:1rem;font-size:.9rem;position:relative}.order-items .item:before{content:"•";color:#ff6b35;font-weight:700;position:absolute;left:0}.order-actions{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.order-actions label{color:#666;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.time-select{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;transition:all .2s}.time-select:hover{border-color:#ff6b35}.time-select:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.time-select:disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5}.sending{color:#ff6b35;text-align:center;margin-top:.5rem;font-size:.9rem;font-weight:600}.order-actions.confirmed{flex-direction:column;gap:.8rem;display:flex}.confirmed-badge{color:#fff;text-align:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:8px;padding:.6rem 1rem;font-size:.95rem;font-weight:600}.fetch-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2196f3,#42a5f5);border:none;border-radius:8px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #2196f34d}.fetch-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2196f380}.fetch-btn:active{transform:translateY(0)}.fetch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:775px) and (min-width:630px){.live-queue-fab{width:58px;height:58px;font-size:1.7rem;bottom:22px;right:22px}.queue-panel{border-radius:14px;width:92%;max-width:550px;max-height:82vh}.queue-header{padding:1.35rem}.queue-header h3{font-size:1.25rem}.close-queue{width:34px;height:34px;font-size:1.4rem}.queue-content{padding:.95rem}.queue-order-card{margin-bottom:.95rem;padding:1.15rem}.order-info h4{font-size:1.15rem}.order-info p{font-size:.95rem}.time-select{padding:.85rem;font-size:.975rem}.fetch-btn{padding:.95rem 1.5rem;font-size:.975rem}.confirmed-badge{padding:.65rem 1rem;font-size:.95rem}}@media (max-width:768px){.live-queue-fab{width:56px;height:56px;font-size:1.6rem;bottom:80px}.queue-panel{border-radius:12px;width:95%;max-height:85vh}.queue-header{padding:1.2rem}.queue-header h3{font-size:1.1rem}.queue-content{padding:.8rem}.queue-order-card{padding:1rem}.order-info h4{font-size:1.1rem}.order-info p{font-size:.9rem}.time-select,.fetch-btn{font-size:.95rem}}@media (max-width:480px){.live-queue-fab{width:52px;height:52px;font-size:1.5rem;bottom:70px;right:15px}.queue-badge{width:20px;height:20px;font-size:.7rem}}.general-ask-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.general-ask-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.68,-.55,.265,1.55) slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.general-ask-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #f3f4f6;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.general-ask-header h3{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.general-ask-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:all .2s;display:flex}.general-ask-close:hover{background:#ffffff4d;transform:rotate(90deg)}.general-ask-form{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.general-ask-form .form-group{flex-direction:column;gap:.5rem;display:flex}.general-ask-form label{color:#374151;font-size:.95rem;font-weight:600}.general-ask-form input,.general-ask-form textarea{border:2px solid #e5e7eb;border-radius:12px;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.general-ask-form input:focus,.general-ask-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.general-ask-form input:disabled,.general-ask-form textarea:disabled{cursor:not-allowed;background:#f9fafb}.general-ask-form textarea{resize:vertical;min-height:120px}.general-ask-form small{color:#6b7280;margin-top:-.25rem;font-size:.85rem}.general-ask-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:1rem 2rem;font-size:1.05rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.general-ask-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.general-ask-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.general-ask-success{text-align:center;padding:3rem 2rem}.success-icon{margin-bottom:1rem;font-size:4rem;animation:.5s cubic-bezier(.68,-.55,.265,1.55) scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.general-ask-success h4{color:#10b981;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.general-ask-success p{color:#6b7280;margin:0;font-size:1.05rem}@media (max-width:640px){.general-ask-modal{border-radius:16px;max-height:95vh}.general-ask-header{border-radius:16px 16px 0 0;padding:1.25rem}.general-ask-header h3{font-size:1.25rem}.general-ask-form{gap:1.25rem;padding:1.5rem}.general-ask-submit{padding:.875rem 1.5rem;font-size:1rem}.general-ask-success{padding:2rem 1.5rem}.success-icon{font-size:3rem}.general-ask-success h4{font-size:1.5rem}}.store-page{--mf-bg:#f7f8fc;--mf-surface:#fff;--mf-ink:#0f172a;--mf-muted:#6b7280;--mf-primary:#ff6b35;font-family:var(--font-sans);color:var(--mf-ink);background:radial-gradient(circle at 20% 18%,#ff6b3514,transparent 30%),radial-gradient(circle at 82% 12%,#764ba20f,transparent 30%),var(--mf-bg);min-block-size:100vh;padding:clamp(var(--space-lg),2vw,var(--space-2xl));gap:var(--space-xl);flex-direction:column;display:flex}.store-header{z-index:40;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);border-bottom:var(--border-hairline)solid #0f172a1f;gap:var(--space-sm);padding:var(--space-sm)clamp(var(--space-md),4vw,var(--space-xl));background:#ffffffeb;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-right:clamp(5rem,14vw,7rem);display:flex;position:relative;top:0}.header-left{align-items:center;gap:var(--space-sm);display:inline-flex}.header-actions{gap:var(--space-sm);top:var(--space-sm);right:clamp(var(--space-md),4vw,var(--space-xl));align-items:center;display:inline-flex;position:absolute}.store-logo{border-radius:var(--radius-md);object-fit:cover;block-size:clamp(3rem,10vw,3.8rem);inline-size:clamp(3rem,10vw,3.8rem);box-shadow:var(--shadow-soft)}.cart-toggle{align-items:center;gap:var(--space-3xs);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-soft);cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f97316);border:none;font-weight:700;display:inline-flex}.store-banner{inline-size:min(100%,clamp(22rem,80vw,70rem));padding:clamp(var(--space-lg),2vw,var(--space-2xl));border-radius:var(--radius-xl);border:var(--border-hairline)solid #0f172a1a;text-align:center;gap:var(--space-sm);background:linear-gradient(135deg,#fdfbfb,#ebedee);flex-direction:column;margin-inline:auto;display:flex;box-shadow:0 16px 40px #0f172a14}.store-banner h2{font-size:clamp(1.8rem,4vw,2.4rem)}.store-banner p{color:var(--mf-muted);font-size:var(--fs-sm)}.store-menu,.store-about{inline-size:min(100%,clamp(22rem,90vw,80rem));margin-inline:auto}.menu-card-price{font-size:var(--fs-lg);font-weight:700}.store-page .btn-primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f97316);flex:auto}.store-page .btn-secondary{border:var(--border-hairline)solid #0f172a1a;color:#0f172a;background:#0f172a0a;flex:auto}.store-about{border-radius:var(--radius-xl);border:var(--border-hairline)solid #0f172a1a;padding:clamp(var(--space-lg),2vw,var(--space-2xl));gap:var(--space-sm);background:#fff;flex-direction:column;display:flex}.cart-overlay,.ask-modal-overlay{padding:var(--space-lg);z-index:60;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:#0f172a73;place-items:center;display:grid;position:fixed;inset:0}.cart-sidebar,.ask-modal{border-radius:var(--radius-xl);border:var(--border-hairline)solid #0f172a1f;background:var(--mf-surface);max-block-size:90vh;inline-size:min(100%,clamp(18rem,70vw,30rem));padding:clamp(var(--space-lg),2vw,var(--space-2xl));gap:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.close-modal,.close-cart{background:#0f172a0f;border-radius:50%;block-size:clamp(2rem,5vw,2.6rem);inline-size:clamp(2rem,5vw,2.6rem)}.sa-page{--sa-bg:linear-gradient(135deg,#1a0f0a 0%,#3d2817 50%,#1a0f0a 100%);--sa-surface:#3d281799;--sa-ink:#fff8f0;--sa-muted:#d4a574;--sa-accent:#ff6b35;--sa-fire:linear-gradient(135deg,#ff6b35,#fbbf24,#ff6b35);font-family:var(--font-sans);color:var(--sa-ink);background:var(--sa-bg);min-block-size:100vh;padding:clamp(var(--space-lg),2vw,var(--space-2xl));gap:var(--space-xl);background-attachment:fixed;flex-direction:column;display:flex;position:relative}.sa-header{border-radius:var(--radius-lg);padding:var(--space-md)var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--space-sm);background:#1a0f0af2;border:2px solid #ff6b354d;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding-right:clamp(4rem,12vw,6rem);display:flex;position:relative;box-shadow:0 4px 20px #ff6b3526,inset 0 1px #ffffff1a}.sa-left{align-items:center;gap:var(--space-sm);display:inline-flex}.sa-logo{border:3px solid var(--sa-accent);object-fit:cover;border-radius:50%;block-size:clamp(3rem,12vw,4rem);inline-size:clamp(3rem,12vw,4rem);box-shadow:0 0 20px #ff6b3566}.cart-toggle{top:var(--space-sm);right:var(--space-sm);align-items:center;gap:var(--space-3xs);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--sa-accent);background:var(--sa-fire);color:#1a0f0a;font-weight:800;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s;display:inline-flex;position:absolute;box-shadow:0 4px 15px #ff6b3580}.cart-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b35b3}.cart-count{aspect-ratio:1;color:#fff;inline-size:clamp(1.8rem,5vw,2.2rem);font-size:var(--fs-2xs);background:#dc2626;border:.15rem solid #fffaf5;border-radius:50%;place-items:center;display:grid}.sa-banner{inline-size:min(100%,clamp(22rem,80vw,70rem));padding:clamp(var(--space-lg),2vw,var(--space-2xl));border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:var(--space-sm);text-align:center;background:linear-gradient(135deg,#3d2817f2,#1a0f0af2);border:2px solid #ff6b3566;flex-direction:column;margin-inline:auto;display:flex;box-shadow:0 8px 32px #00000080,inset 0 1px #ff6b3533}.store-status{align-self:center;gap:var(--space-3xs);padding:var(--space-4xs)var(--space-xs);border:var(--border-hairline)solid #6b4c3333;border-radius:999px;font-weight:600;display:inline-flex}.store-status.open{color:#166534;background:#22c55e1f}.store-status.closed{color:#b45309;background:#fbbf2433}.sa-menu,.sa-about{inline-size:min(100%,clamp(22rem,90vw,78rem));margin-inline:auto}.menu-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#3d2817e6,#1a0f0ae6);border:2px solid #ff6b354d;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0006,inset 0 1px #ff6b3526}.sa-page .btn-primary{border:2px solid var(--sa-accent);border-radius:var(--radius-md);background:var(--sa-fire);color:#1a0f0a;text-transform:uppercase;font-weight:800;font-size:var(--fs-xs);letter-spacing:.5px;flex:auto;transition:all .2s;box-shadow:0 4px 12px #ff6b3566}.sa-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3599}.sa-page .btn-secondary{border-radius:var(--radius-md);color:var(--sa-muted);background:#3d28174d;border:2px solid #d4a57466;flex:auto;font-weight:600;transition:all .2s}.sa-page .btn-secondary:hover{color:var(--sa-ink);background:#3d281780;border-color:#d4a57499}.sa-about{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(var(--space-lg),2vw,var(--space-2xl));gap:var(--space-sm);background:linear-gradient(135deg,#3d2817e6,#1a0f0ae6);border:2px solid #ff6b354d;flex-direction:column;display:flex;box-shadow:0 4px 20px #00000080,inset 0 1px #ff6b3533}.cart-overlay,.ask-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-lg);z-index:60;background:#1a0f0ad9;place-items:center;display:grid;position:fixed;inset:0}.cart-sidebar,.ask-modal{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-block-size:90vh;inline-size:min(100%,clamp(18rem,70vw,32rem));padding:clamp(var(--space-lg),2vw,var(--space-2xl));gap:var(--space-md);background:linear-gradient(135deg,#3d2817fa,#1a0f0afa);border:2px solid #ff6b3580;flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 12px 48px #0009,inset 0 1px #ff6b354d}.cart-item{gap:var(--space-sm);border-radius:var(--radius-md);padding:var(--space-sm);background:#3d281766;border:2px solid #ff6b3540;grid-template-columns:auto 1fr;display:grid}.cart-item-info{gap:var(--space-3xs);flex-direction:column;display:flex}.qty-btn{border-radius:var(--radius-sm);border:var(--border-hairline)solid #6b4c3340;background:#6b4c3314;block-size:clamp(2.1rem,5vw,2.6rem);inline-size:clamp(2.1rem,5vw,2.6rem)}.checkout-input{border:var(--border-hairline)solid #6b4c3340;border-radius:var(--radius-md);padding:var(--space-xs)var(--space-sm)}.close-cart,.close-modal{background:#6b4c331a;border-radius:50%;block-size:clamp(2rem,5vw,2.6rem);inline-size:clamp(2rem,5vw,2.6rem)}.ask-input,.ask-textarea{border:var(--border-hairline)solid #6b4c3340;border-radius:var(--radius-md);padding:var(--space-xs)var(--space-sm)}.ask-submit-btn{border-radius:var(--radius-lg);padding:var(--space-sm);color:#1b1916;background:linear-gradient(135deg,#fbbf24,#f97316);border:none;font-weight:700}.fast-page{--fm-bg:radial-gradient(circle at 30% 10%,#0ea5e959,transparent),#050915;--fm-surface:#0f1220f2;--fm-border:#ffffff1f;--fm-primary:#0ea5e9;--fm-accent:#14b8a6;font-family:var(--font-sans);color:#f8fafc;background:var(--fm-bg);min-block-size:100vh;padding:clamp(var(--space-md),2vw,var(--space-2xl));gap:var(--space-xl);flex-direction:column;display:flex}.fast-page.ghost-theme{letter-spacing:.2px}.fast-page.ghost-theme .fast-banner{background:linear-gradient(145deg,#06b6d414,#0c0c10f2);border:1px solid #ffffff14;box-shadow:0 20px 45px #00000073}.fast-page.ghost-theme .fast-header{background:#08080ce6;border-color:#ffffff14}.fast-page.ghost-theme .menu-card{background:linear-gradient(#121216f2,#0c0c10e6);border-color:#ffffff0f;box-shadow:0 18px 35px #00000073}.fast-page.ghost-theme .menu-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.fast-page.ghost-theme .fast-about{background:#0a0a0eeb;border-color:#ffffff14}.fast-page.ghost-theme .fab-cart{color:#04131b;background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.fast-page.fiesta-theme{color:#f8fafc}.fast-page.fiesta-theme .fast-banner{background:linear-gradient(150deg,#f472b62e,#22d3ee33);border:1px solid #ffffff29;box-shadow:0 18px 40px #0f172a73}.fast-page.fiesta-theme .fast-header{background:linear-gradient(135deg,#22d3ee1f,#f472b61f);border-color:#ffffff2e}.fast-page.fiesta-theme .menu-card{background:radial-gradient(circle at 20% 15%,#f472b614,#0000 45%),#121228eb;border:1px solid #ffffff1f;box-shadow:0 16px 32px #0f172a8c}.fast-page.fiesta-theme .menu-card:hover{border-color:#22d3ee59;transform:translateY(-2px)scale(1.01)}.fast-page.fiesta-theme .fast-about{background:linear-gradient(#100c23eb,#0b1021e6);border-color:#ffffff1f}.fast-page.fiesta-theme .fab-cart{color:#0b1021;background:conic-gradient(from 120deg,#22d3ee,#f472b6,#22d3ee);box-shadow:0 12px 30px #22d3ee59}.fast-header{border-radius:var(--radius-xl);padding:var(--space-md);border:var(--border-hairline)solid var(--fm-border);gap:var(--space-sm);background:#0a0e1ed9;flex-wrap:wrap;justify-content:space-between;display:flex}.fast-left{align-items:center;gap:var(--space-sm);display:inline-flex}.fast-logo{border:var(--border-hairline)solid var(--fm-border);object-fit:cover;border-radius:999px;block-size:clamp(2.6rem,10vw,3.5rem);inline-size:clamp(2.6rem,10vw,3.5rem)}.fast-banner{border-radius:var(--radius-xl);inline-size:min(100%,clamp(20rem,90vw,70rem));padding:clamp(var(--space-lg),2vw,var(--space-2xl));border:var(--border-hairline)solid var(--fm-border);gap:var(--space-sm);text-align:center;background:linear-gradient(140deg,#0ea5e940,#14b8a640);flex-direction:column;margin-inline:auto;display:flex}.status{align-self:center;gap:var(--space-3xs);padding:var(--space-4xs)var(--space-xs);border-radius:999px;font-weight:700;display:inline-flex}.status.open{color:#5eead4;background:#14b8a640}.status.closed{color:#fecaca;background:#f8717140}.queue-btn{border-radius:var(--radius-md);padding:var(--space-4xs)var(--space-sm);border:var(--border-hairline)solid var(--fm-border);font-size:var(--fs-xs);background:#ffffff0f}.fast-menu,.fast-about{inline-size:min(100%,clamp(22rem,94vw,80rem));margin-inline:auto}.menu-grid{gap:calc(var(--space-md)*1.15);grid-template-columns:repeat(auto-fit,minmax(clamp(9rem,30vw,14rem),1fr));display:grid}.menu-card{border-radius:var(--radius-lg);border:var(--border-hairline)solid var(--fm-border);background:#0f1220d9;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 14px 30px #0006}.menu-card:hover{border-color:#ffffff29;transform:translateY(-4px);box-shadow:0 18px 40px #00000080}.menu-card-image{aspect-ratio:1;background:#ffffff0a;padding:22px}.menu-card-image img{object-fit:cover;border-radius:var(--radius-md);block-size:100%;inline-size:100%}.menu-card-content{padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex}.menu-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.fast-page .btn-primary{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--fm-primary),var(--fm-accent));color:#05121f;border:none;flex:auto;font-weight:700}.fast-page .btn-secondary{border-radius:var(--radius-md);border:var(--border-hairline)solid var(--fm-border);color:#f8fafc;background:#ffffff14;flex:auto}.fast-about{border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--fm-border);padding:clamp(var(--space-lg),2vw,var(--space-2xl));gap:var(--space-sm);background:#0f1220e6;flex-direction:column;display:flex}.social-links{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.social-links a{padding:var(--space-3xs)var(--space-sm);border:var(--border-hairline)solid var(--fm-border);border-radius:999px}.fab-cart{background:linear-gradient(135deg,var(--fm-primary),var(--fm-accent));color:#05121f;block-size:clamp(3rem,12vw,4rem);inline-size:clamp(3rem,12vw,4rem);box-shadow:var(--shadow-strong);z-index:70;border:none;border-radius:50%;place-items:center;font-weight:700;display:grid;position:fixed;inset-block-start:var(--space-lg);inset-block-end:auto;inset-inline-end:var(--space-lg)}.cart-overlay,.ask-modal-overlay{padding:var(--space-lg);z-index:60;background:#050915b3;place-items:center;display:grid;position:fixed;inset:0}.cart-sidebar,.ask-modal{border-radius:var(--radius-xl);border:var(--border-hairline)solid var(--fm-border);max-block-size:90vh;inline-size:min(100%,clamp(17rem,80vw,30rem));padding:clamp(var(--space-lg),2vw,var(--space-2xl));gap:var(--space-md);background:#050915f2;flex-direction:column;display:flex;overflow-y:auto}.cart-items{gap:var(--space-sm);flex-direction:column;display:flex}.cart-item{gap:var(--space-sm);border:var(--border-hairline)solid var(--fm-border);border-radius:var(--radius-md);padding:var(--space-sm);grid-template-columns:auto 1fr;display:grid}.cart-item-image{aspect-ratio:1;border-radius:var(--radius-md);background:#ffffff0d;inline-size:clamp(2.8rem,10vw,3.6rem);padding:6px;overflow:hidden}.cart-summary{border:var(--border-hairline)solid var(--fm-border);border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.qty-row{align-items:center;gap:var(--space-3xs);display:inline-flex}.qty-btn{border-radius:var(--radius-sm);border:var(--border-hairline)solid var(--fm-border);color:#f8fafc;background:#ffffff0d;block-size:clamp(2rem,7vw,2.4rem);inline-size:clamp(2rem,7vw,2.4rem)}.checkout-row{gap:var(--space-xs);flex-direction:column;display:flex}.checkout-input{border:var(--border-hairline)solid var(--fm-border);border-radius:var(--radius-md);padding:var(--space-xs)var(--space-sm);color:#f8fafc;background:#ffffff0d}.ask-modal-header{justify-content:space-between;align-items:center;display:flex}.close-cart,.close-modal{color:#f8fafc;background:#ffffff14;border-radius:50%;block-size:clamp(2rem,5vw,2.6rem);inline-size:clamp(2rem,5vw,2.6rem)}.ask-form{gap:var(--space-sm);flex-direction:column;display:flex}.ask-input,.ask-textarea{border:var(--border-hairline)solid var(--fm-border);border-radius:var(--radius-md);padding:var(--space-xs)var(--space-sm);color:#f8fafc;background:#ffffff0d}.ask-textarea{resize:vertical;min-block-size:clamp(6rem,25vh,10rem)}.ask-submit-btn{border-radius:var(--radius-lg);padding:var(--space-sm);background:linear-gradient(135deg,var(--fm-primary),var(--fm-accent));color:#05121f;border:none;font-weight:700}.mfc-cart-root{all:revert-layer}.mfc-cart-sidebar,.mfc-cart-sidebar *{color:#000!important}.mfc-cart-float-button{color:#fff;cursor:pointer;z-index:2147483000;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #ff6b3566}.mfc-cart-float-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #ff6b3599}.mfc-cart-float-button:active{transform:scale(.95)}.mfc-cart-badge{color:#fff;background:#e74c3c;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.mfc-cart-sidebar{z-index:2147482999;background:#fff;flex-direction:column;width:400px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:-2px 0 20px #0003}.mfc-cart-sidebar.open{right:0}.mfc-cart-header{color:#000;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.mfc-cart-header h2{margin:0;font-size:1.25rem}.mfc-cart-close-btn{color:#000;cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .2s;display:flex}.mfc-cart-close-btn:hover{background:#e9e9e9;transform:rotate(90deg)}.mfc-cart-content{flex-direction:column;flex:1;padding:1rem;display:flex;overflow-y:auto}.mfc-cart-empty{color:#999;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.mfc-cart-empty p{margin:.5rem 0}.mfc-cart-items{flex:1;overflow-y:auto}.mfc-cart-item{border-bottom:1px solid #eee;align-items:flex-start;gap:1rem;padding:1rem;transition:background .2s;display:flex}.mfc-cart-item:hover{background:#f9f9f9}.mfc-cart-item-info{flex:1}.mfc-cart-item-info h4{color:#333;margin:0 0 .25rem;font-size:.95rem}.mfc-cart-item-price{color:#666;margin:0;font-size:.85rem}.mfc-cart-item-thumb{background:#fafafa;border:1px solid #eee;border-radius:8px;flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.mfc-cart-thumb{object-fit:cover;width:100%;height:100%}.mfc-cart-item-controls{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.mfc-cart-qty-btn{cursor:pointer;color:#667eea;background:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.mfc-cart-qty-btn:hover{color:#000;background:#e6e8ff;border-color:#667eea}.mfc-cart-qty{text-align:center;min-width:20px;font-weight:600}.mfc-cart-item-subtotal{color:#333;text-align:right;min-width:70px;font-weight:700}.mfc-cart-item-actions{margin-top:.4rem}.mfc-remove-btn{cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:.35rem .6rem;font-weight:700;color:#fff!important}.mfc-remove-btn:hover{background:#b91c1c}.mfc-cart-footer{background:#fff;border-top:2px solid #eee;padding:1rem}.mfc-cart-total{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.mfc-cart-total-price{color:#ff6b35;font-size:1.3rem}.mfc-cart-checkout-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #10b981;border-radius:8px;width:100%;margin-bottom:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.mfc-cart-checkout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.mfc-cart-checkout-btn:active{transform:translateY(0)}.mfc-cart-clear-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:.75rem;font-size:.9rem;transition:all .2s}.mfc-cart-clear-btn:hover{background:#f5f5f5;border-color:#999}.mfc-cart-overlay{z-index:2147482998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (max-width:500px){.mfc-cart-sidebar{width:100%;right:-100%}.mfc-cart-float-button{width:50px;height:50px;font-size:1.25rem;bottom:1rem;right:1rem}.mfc-cart-badge{width:20px;height:20px;font-size:.7rem}}.toast{z-index:10000;cursor:pointer;border-radius:16px;align-items:center;gap:1rem;min-width:300px;max-width:500px;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;animation:.3s cubic-bezier(.68,-.55,.265,1.55) slideIn;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a}.toast:hover{transform:translateY(-2px);box-shadow:0 12px 48px #0000002e,0 6px 16px #0000001f}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;font-size:1.75rem}.toast-message{white-space:pre-line;flex:1;font-size:1rem;font-weight:500;line-height:1.5}.toast-close{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.75rem;transition:background .2s;display:flex}.toast-close:hover{opacity:1}.toast-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.toast-success .toast-close:hover{background:#fff3}.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.toast-error .toast-close:hover{background:#fff3}.toast-warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.toast-warning .toast-close:hover{background:#fff3}.toast-info{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.toast-info .toast-close:hover{background:#fff3}@media (max-width:640px){.toast{min-width:auto;max-width:none;padding:1rem 1.25rem;top:10px;left:10px;right:10px}.toast-icon{font-size:1.5rem}.toast-message{font-size:.95rem}}.checkout-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem 1rem;font-family:system-ui,-apple-system,sans-serif}.checkout-container{background:#fff;border-radius:16px;max-width:600px;margin:0 auto;overflow:hidden;box-shadow:0 10px 40px #0003}.checkout-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem;position:relative}.checkout-back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.checkout-back-btn:hover{background:#ffffff4d}.checkout-header h1{margin:0 0 .5rem;font-size:1.75rem}.checkout-header p{opacity:.9;margin:0;font-size:.95rem}.checkout-error{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:8px;margin:1rem;padding:1rem}.checkout-section{border-bottom:1px solid #eee;padding:1.5rem}.checkout-section h2{color:#333;margin:0 0 1rem;font-size:1.2rem}.checkout-items{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.checkout-item{background:#f9f9f9;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.checkout-item-info{align-items:center;gap:.5rem;display:flex}.checkout-item-name{color:#333;font-weight:500}.checkout-item-qty{color:#666;font-size:.9rem}.checkout-item-price{color:#667eea;font-weight:600}.checkout-total{background:#f0f0f0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;font-size:1.1rem;font-weight:600;display:flex}.checkout-total-price{color:#ff6b35;font-size:1.4rem}.checkout-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#333;font-size:.95rem;font-weight:600}.form-group input{border:2px solid #e0e0e0;border-radius:8px;padding:.875rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group small{color:#666;font-size:.85rem}.checkout-payment{text-align:center;padding:1.5rem}.paystack-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;width:100%;padding:1.25rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.paystack-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.paystack-button:active{transform:translateY(0)}.paystack-button.disabled{cursor:not-allowed;box-shadow:none;background:#ccc}.paystack-button:disabled{opacity:.6;cursor:not-allowed}.checkout-secure{color:#666;margin:1rem 0 0;font-size:.85rem}.checkout-loading,.checkout-empty{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.checkout-empty h2{margin-bottom:1rem}.btn-back{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-back:hover{color:#667eea;background:#fff}@media (max-width:1024px) and (min-width:641px){.checkout-container{max-width:700px}.checkout-header{padding:1.75rem}.checkout-section{padding:1.35rem}}@media (max-width:775px) and (min-width:630px){.checkout-page{padding:1.5rem .875rem}.checkout-container{border-radius:14px;max-width:650px}.checkout-header{padding:1.65rem 1.5rem}.checkout-header h1{font-size:1.6rem}.checkout-back-btn{padding:.5rem .875rem;font-size:.875rem}.checkout-section{padding:1.25rem}.checkout-section h2{font-size:1.15rem}.checkout-item{padding:.7rem}.form-group input{padding:.8rem;font-size:.975rem}.paystack-button{padding:1.125rem;font-size:1.05rem}.checkout-total{padding:.95rem}.checkout-total-price{font-size:1.3rem}}@media (max-width:640px){.checkout-page{padding:0}.checkout-container{border-radius:0;max-width:100%;min-height:100vh}.checkout-header{padding:1.5rem 1rem}.checkout-header h1{font-size:1.5rem}.checkout-back-btn{padding:.375rem .75rem;font-size:.85rem;left:.75rem}.checkout-section{padding:1rem}.checkout-section h2{font-size:1.1rem}.checkout-items{gap:.5rem}.checkout-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.625rem}.checkout-item-info{width:100%}.form-group input{padding:.75rem;font-size:.95rem}.paystack-button{padding:1rem;font-size:1rem}.checkout-total{flex-direction:row;padding:.875rem}.checkout-total-price{font-size:1.25rem}}@media (max-width:380px){.checkout-header h1{font-size:1.25rem}.checkout-item-name{font-size:.9rem}.checkout-section h2{font-size:1rem}.paystack-button{font-size:.95rem}}.landing-page{font-family:var(--font-sans);color:#f8fafc;gap:var(--space-3xl);background:radial-gradient(circle at 20% 15%,#ff6b3559,#0000 45%),#050505;flex-direction:column;display:flex}.container{inline-size:min(100%,clamp(30rem,92vw,80rem));padding-inline:clamp(var(--space-md),2vw,var(--space-xl));margin-inline:auto}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-bottom:var(--border-hairline)solid #ffffff14;background:#000000e6;position:sticky;top:0}.nav-container{inline-size:min(100%,clamp(30rem,92vw,84rem));padding:clamp(var(--space-xs),1vw,var(--space-md))clamp(var(--space-md),2vw,var(--space-xl));gap:var(--space-md);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-inline:auto;display:flex;container-type:inline-size}.nav-logo{align-items:center;gap:var(--space-xs);font-size:var(--fs-lg);color:#ff6b35;font-weight:700;display:inline-flex}.nav-logo img,.footer-logo{inline-size:clamp(2.4rem,6vw,3.6rem)}.nav-links{gap:var(--space-sm);font-size:var(--fs-sm);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.nav-links a{padding:var(--space-4xs)var(--space-xs);border-radius:var(--radius-md);transition:color .15s}.nav-links a:hover{color:#ff6b35}.btn,.btn-login{justify-content:center;align-items:center;gap:var(--space-3xs);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-lg);border:var(--border-hairline)solid transparent;font-weight:600;display:inline-flex}.btn-primary,.btn-login{color:#0b0b0b;background:linear-gradient(135deg,#ff6b35,#fd8d2e)}.btn-admin{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-lg);color:#0b0b0b;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf244d;justify-content:center;align-items:center;font-size:1.25rem;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #fbbf244d}.btn-admin:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2466}.btn-secondary{color:#f8fafc;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-color:#0ea5e999;box-shadow:0 12px 25px #0ea5e959}.btn-secondary:hover{border-color:#0ea5e9e6;box-shadow:0 14px 35px #0ea5e980}.btn-large{padding-block:var(--space-sm);inline-size:min(100%,clamp(14rem,60vw,22rem))}.hamburger{gap:var(--space-4xs);padding:var(--space-3xs);border-radius:var(--radius-md);border:var(--border-hairline)solid #fff3;flex-direction:column;display:none}.hamburger span{background:#ff6b35;border-radius:999px;block-size:max(.12rem,.2vw);inline-size:clamp(1.8rem,8vw,2.4rem)}.hero-section{gap:var(--space-2xl);padding:clamp(var(--space-2xl),4vw,var(--space-3xl))clamp(var(--space-lg),4vw,var(--space-3xl));background:radial-gradient(circle at 30% 20%,#ff6b3566,#0000),linear-gradient(145deg,#050505,#141416 65%);grid-template-columns:repeat(auto-fit,minmax(clamp(15rem,45vw,32rem),1fr));display:grid}.hero-title{font-family:var(--font-display);font-size:var(--fs-3xl);margin-bottom:var(--space-sm);line-height:1.1}.highlight{color:#fbbf24}.hero-subtitle{color:#ffffffbf;font-size:var(--fs-md);margin-bottom:var(--space-md)}.hero-buttons{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.signup-closed-text{color:#ffffffbf;font-size:var(--fs-xs);margin-top:var(--space-xs)}.hero-trust{font-size:var(--fs-xs);color:#ffffffbf;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.food-showcase{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(clamp(9rem,40vw,15rem),1fr));display:grid}.showcase-item{padding:var(--space-sm);border-radius:var(--radius-lg);border:var(--border-hairline)solid #ffffff2e;text-align:center;background:#ffffff0d;font-weight:600}.section-title{font-size:var(--fs-2xl);font-family:var(--font-display);margin-bottom:var(--space-sm)}.section-subtitle{color:#ffffffb3;font-size:var(--fs-sm);margin-bottom:var(--space-lg)}.benefits-grid,.features-grid,.pricing-grid{gap:var(--space-md);grid-auto-flow:dense;display:grid}.benefit-card,.feature-card,.pricing-card{border-radius:var(--radius-xl);padding:var(--space-lg);border:var(--border-hairline)solid #ffffff1a;gap:var(--space-2xs);background:#ffffff0a;flex-direction:column;display:flex}.benefit-icon,.feature-icon{font-size:var(--fs-2xl)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(12rem,32vw,20rem),1fr))}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(14rem,28vw,24rem),1fr))}.pricing-card{padding:clamp(var(--space-lg),1vw + var(--space-lg),var(--space-2xl));gap:var(--space-md);min-height:100%;position:relative}.pricing-card.highlight{background:linear-gradient(140deg,#ff6b354d,#fbbf2440);border-color:#ffffff59}.popular-badge{padding:var(--space-4xs)var(--space-xs);font-size:var(--fs-2xs);background:#000000d9;border-radius:999px;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}.plan-header{margin-bottom:var(--space-md)}.plan-subtitle{opacity:.8;font-size:var(--fs-sm);margin-bottom:var(--space-xs)}.plan-price{margin:var(--space-sm)0}.plan-price .price{font-size:var(--fs-2xl);color:#ff6b35;font-weight:700}.plan-price .period{font-size:var(--fs-sm);opacity:.7}.plan-description{opacity:.85;font-size:var(--fs-sm);line-height:1.5}.plan-features{margin:var(--space-md)0;gap:var(--space-xs);flex-direction:column;padding:0;list-style:none;display:flex}.plan-features li{align-items:flex-start;gap:var(--space-2xs);line-height:1.6;font-size:var(--fs-sm);padding:var(--space-3xs)0;display:flex}.plan-features .check-icon{color:#10b981;font-weight:700;font-size:var(--fs-base);flex-shrink:0;margin-top:2px}.plan-cta{justify-content:center;align-items:center;gap:var(--space-4xs);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-lg);border:var(--border-hairline)solid transparent;width:100%;font-weight:600;display:inline-flex}.plan-cta.primary{color:#0b0b0b;background:#ff6b35}.plan-cta.secondary{color:#fff;border-color:#fff6}.plan-cta.disabled{color:#ffffffa6;cursor:not-allowed;background:0 0;border-style:dashed;border-color:#ffffff59}.testimonials-section{border-radius:var(--radius-xl);padding:var(--space-2xl)0;background:#000000bf}.testimonials-container{gap:var(--space-lg);display:grid}.testimonial-active{padding:var(--space-xl);border-radius:var(--radius-xl);border:var(--border-hairline)solid #ffffff1a;background:#ffffff0a}.testimonial-content{gap:var(--space-sm);flex-direction:column;display:flex}.testimonial-dots{gap:var(--space-3xs);display:flex}.dot{aspect-ratio:1;background:#fff3;border:none;border-radius:50%;inline-size:clamp(.4rem,1.5vw,.65rem)}.dot.active{background:#ff6b35}.cta-section{text-align:center;padding:var(--space-2xl)0;background:#ffffff08}.cta-buttons{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.cta-subtext{font-size:var(--fs-xs);color:#ffffffb3}.landing-footer{padding:var(--space-2xl)0;background:#000000eb}.footer-content{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(clamp(12rem,40vw,20rem),1fr));display:grid}.footer-links{gap:var(--space-lg);flex-wrap:wrap;display:flex}.link-group{gap:var(--space-3xs);font-size:var(--fs-xs);flex-direction:column;display:flex}.footer-bottom{margin-top:var(--space-xl);font-size:var(--fs-2xs);color:#fff9;gap:var(--space-xs);flex-wrap:wrap;justify-content:space-between;display:flex}@supports (container-type:inline-size){@container (width<=42rem){.hamburger{display:inline-flex}.nav-links{inset-inline:clamp(var(--space-sm),6vw,var(--space-xl));padding:var(--space-lg)var(--space-md);border-radius:var(--radius-lg);opacity:0;pointer-events:none;background:#000000f5;flex-direction:column;max-height:0;transition:max-height .24s,opacity .24s;position:fixed;inset-block-start:clamp(4rem,12vw,5rem);overflow:hidden}.nav-links.mobile-open{opacity:1;pointer-events:auto;max-height:100vh}}}.admin-login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.admin-login-container{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:3rem;animation:.5s ease-out slideIn;box-shadow:0 20px 60px #0000004d}.admin-login-header{text-align:center;margin-bottom:2.5rem}.admin-icon{margin-bottom:1rem;font-size:4rem;animation:2s ease-in-out infinite pulse}.admin-login-header h1{color:#1e293b;margin:0 0 .5rem;font-size:2rem;font-weight:700}.admin-login-header p{color:#64748b;margin:0;font-size:1rem}.admin-login-form{flex-direction:column;gap:1.5rem;display:flex}.admin-error-message{color:#b91c1c;text-align:center;background:#fee2e2;border:2px solid #f87171;border-radius:10px;padding:1rem;font-weight:600;animation:.5s shake}.admin-form-group{flex-direction:column;gap:.5rem;display:flex}.admin-form-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.admin-form-group input{border:2px solid #e2e8f0;border-radius:10px;outline:none;padding:1rem;font-size:1rem;transition:all .3s}.admin-form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-form-group input:disabled{cursor:not-allowed;background:#f1f5f9}.admin-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;margin-top:.5rem;padding:1.25rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #667eea66}.admin-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.admin-login-btn:active:not(:disabled){transform:translateY(0)}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{text-align:center;margin-top:2rem}.admin-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.admin-back-btn:hover{color:#475569;background:#f1f5f9}@media (max-width:768px){.admin-login-container{padding:2rem}.admin-login-header h1{font-size:1.5rem}.admin-icon{font-size:3rem}}.admin-dashboard{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem;overflow-x:hidden}.admin-loading{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.admin-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 10px 30px #0000001a}.admin-header h1{color:#667eea;margin:0 0 .5rem;font-size:2rem;font-weight:700}.admin-header p{color:#64748b;margin:0;font-size:1rem}.admin-logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e,#dc2626);border:none;border-radius:10px;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #f43f5e4d}.admin-logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f43f5e66}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.admin-stat-card{background:#fff;border-left:5px solid #0000;border-radius:16px;align-items:center;gap:1.25rem;padding:1.75rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.admin-stat-card.total-clients{border-left-color:#667eea}.admin-stat-card.active-clients{border-left-color:#10b981}.admin-stat-card.inactive-clients{border-left-color:#f59e0b}.admin-stat-card.monthly-revenue{border-left-color:#06b6d4}.admin-stat-card.total-revenue{border-left-color:#8b5cf6}.stat-icon{flex-shrink:0;font-size:3rem}.stat-content{flex:1}.stat-content h3{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.stat-number{color:#1e293b;margin:0;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:#94a3b8;margin-top:.5rem;font-size:.85rem;display:block}.admin-section{background:#fff;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #00000014}.admin-section h2{color:#1e293b;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.plan-card{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid #0000;border-radius:14px;padding:1.75rem;transition:all .3s}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.plan-card.trial-plan{border-color:#94a3b8}.plan-card.pro-plan{background:linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%);border-color:#667eea}.plan-card.premium-plan{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fbbf24}.plan-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.plan-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.plan-price{color:#fff;background:#667eea;border-radius:20px;padding:.35rem .85rem;font-size:.85rem;font-weight:600}.premium-plan .plan-price{background:#f59e0b}.trial-plan .plan-price{background:#64748b}.plan-count{color:#1e293b;margin:.5rem 0;font-size:2rem;font-weight:700}.plan-percentage{color:#64748b;margin-bottom:.75rem;font-size:.95rem}.plan-revenue{color:#667eea;background:#667eea1a;border-radius:8px;padding:.65rem 1rem;font-size:.95rem;font-weight:600}.premium-plan .plan-revenue{color:#f59e0b;background:#f59e0b1a}.signups-table-container{overflow-x:auto}.signups-table{border-collapse:collapse;width:100%;margin-top:1rem}.signups-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.signups-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.95rem;font-weight:600}.signups-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s}.signups-table tbody tr:hover{background:#f8fafc}.signups-table td{color:#475569;padding:1rem}.plan-badge{text-transform:uppercase;border-radius:20px;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.plan-badge.trial{color:#475569;background:#e2e8f0}.plan-badge.pro{color:#6d28d9;background:#ddd6fe}.plan-badge.premium{color:#d97706;background:#fef3c7}.no-data{text-align:center;color:#94a3b8;padding:2rem;font-size:1.1rem}.admin-actions{justify-content:center;margin-top:2rem;display:flex}.refresh-btn{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:10px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #667eea33}.refresh-btn:hover{color:#fff;background:#667eea;transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-header{text-align:center;flex-direction:column;gap:1rem}.admin-header h1{font-size:1.5rem}.admin-stats-grid,.plans-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}.signups-table{font-size:.85rem}.signups-table th,.signups-table td{padding:.75rem .5rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Space Grotesk",var(--font-sans);--fs-2xs:clamp(.65rem,.2vw + .45rem,.85rem);--fs-xs:clamp(.8rem,.25vw + .55rem,1rem);--fs-sm:clamp(.95rem,.35vw + .65rem,1.15rem);--fs-md:clamp(1.05rem,.45vw + .75rem,1.3rem);--fs-lg:clamp(1.3rem,.65vw + .95rem,1.65rem);--fs-xl:clamp(1.6rem,.9vw + 1.15rem,2.2rem);--fs-2xl:clamp(2rem,1.3vw + 1.35rem,3rem);--fs-3xl:clamp(2.4rem,1.7vw + 1.6rem,3.8rem);--space-4xs:clamp(.15rem,.2vw,.3rem);--space-3xs:clamp(.25rem,.25vw + .1rem,.45rem);--space-2xs:clamp(.4rem,.35vw + .15rem,.65rem);--space-xs:clamp(.55rem,.45vw + .2rem,.9rem);--space-sm:clamp(.75rem,.6vw + .25rem,1.15rem);--space-md:clamp(1rem,.9vw + .3rem,1.6rem);--space-lg:clamp(1.35rem,1.2vw + .4rem,2.1rem);--space-xl:clamp(1.75rem,1.6vw + .5rem,2.7rem);--space-2xl:clamp(2.3rem,2.1vw + .6rem,3.4rem);--space-3xl:clamp(2.9rem,2.7vw + .7rem,4.2rem);--radius-sm:clamp(.35rem,.4vw,.6rem);--radius-md:clamp(.55rem,.55vw,.9rem);--radius-lg:clamp(.85rem,.75vw,1.35rem);--radius-xl:clamp(1.2rem,1vw,1.9rem);--border-hairline:max(.05rem,.08vw);--shadow-soft:0 clamp(.15rem,.3vw,.4rem)clamp(1.1rem,2vw,2.8rem)#0f172a29;--shadow-strong:0 clamp(.3rem,.5vw,.7rem)clamp(2rem,3vw,3.6rem)#0f172a38;--color-bg:#edf2ff;--color-surface:#fffffff0;--color-surface-strong:#fffffffa;--color-glass:#ffffffad;--color-text:#0f172a;--color-muted:#475569;--color-border:#0f172a24;--color-border-strong:#0f172a38;--color-accent:#0ea5e9;--color-accent-strong:#2563eb;--color-success:#16a34a;--color-warning:#fb923c;--color-danger:#ef4444;--color-info:#8b5cf6}body.dark,body.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#010617;--color-surface:#0a1020e6;--color-surface-strong:#0a1020f5;--color-glass:#0c1630bf;--color-text:#f8fafc;--color-muted:#cbd5f5;--color-border:#94a3b847;--color-border-strong:#94a3b866}*,:before,:after{box-sizing:border-box;min-inline-size:0}html{font-family:var(--font-sans);scroll-behavior:smooth;font-size:clamp(88%,.35vw + 78%,105%);line-height:1.5}body{min-block-size:100vh;padding:var(--space-sm);font-size:var(--fs-md);background-color:var(--color-bg);color:var(--color-text);background-image:radial-gradient(circle at 18% 20%,#0ea5e92e,#0000 40%),radial-gradient(circle at 80% -10%,#8b5cf629,#0000 45%);justify-content:center;margin:0;display:flex;overflow-x:hidden}#root{isolation:isolate;min-block-size:100%;inline-size:min(120rem,100%)}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere;margin:0}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none}img,picture,svg,canvas,video{block-size:auto;max-inline-size:100%;display:block}table{border-collapse:collapse;width:100%}::selection{color:#fff;background:var(--color-accent)}:focus-visible{outline:max(.12rem,.2vw)solid color-mix(in srgb,var(--color-accent)75%,#fff);outline-offset:var(--space-4xs);border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button[title="View Live Queue"]{animation:2.4s infinite pulse}