.app{color:#1e293b;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#fff);min-height:100vh;padding:1rem}body.dark .app{color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0ea5e9,#10b981);border:1px solid #ffffff4d;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0ea5e933}body.dark .header{background:#ffffff1a;border:1px solid #fff3}.header-content h1{color:#fff;text-shadow:0 2px 4px #0000001a;margin:0;font-size:1.8rem}body.dark .header-content h1{background:linear-gradient(45deg,#0ea5e9,#10b981,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-content p{color:#fff;opacity:.95;margin:.5rem 0 0}body.dark .header-content p{opacity:.8}.user-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}body.dark .user-menu{background:#ffffff1a}.user-avatar{font-size:1.5rem}.dashboard{animation:.5s ease-in fadeIn}.dashboard-header{text-align:center;text-align:center;color:#1e293b;margin-bottom:2rem}body.dark .dashboard-header{color:#fff}.dashboard-header h2{background:linear-gradient(45deg,#0ea5e9,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem}body.dark .dashboard-header h2{background:linear-gradient(45deg,#06b6d4,#14b8a6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-header p{color:#64748b}body.dark .dashboard-header p{color:#cbd5e1}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 1px 3px #0000001a}body.dark .stat-card{box-shadow:none;background:#ffffff1a;border:1px solid #fff3}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0ea5e933}body.dark .stat-card:hover{box-shadow:0 10px 25px #0000004d}.stat-icon{opacity:.8;font-size:2.5rem}.stat-info h3{color:#10b981;margin-bottom:.25rem;font-size:1.8rem}body.dark .stat-info h3{color:#10b981}.stat-info p{color:#64748b;margin-bottom:.5rem}body.dark .stat-info p{color:#cbd5e1;opacity:.8}.stat-trend{color:#059669;background:#d1fae5;border-radius:12px;padding:.25rem .5rem;font-size:.8rem}body.dark .stat-trend{color:#4caf50;background:#4caf5033}.activity-section{background:#fff;border:1px solid #e2e8f0;border-radius:15px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}body.dark .activity-section{box-shadow:none;background:#ffffff0d;border:1px solid #ffffff1a}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.view-all-btn{color:#0ea5e9;cursor:pointer;background:#dbeafe;border:1px solid #0ea5e9;border-radius:20px;padding:.5rem 1rem;transition:all .3s}body.dark .view-all-btn{color:#0ea5e9;background:#0ea5e933;border:1px solid #0ea5e9}.view-all-btn:hover,body.dark .view-all-btn:hover{color:#fff;background:#0ea5e9}.orders-table{flex-direction:column;gap:1rem;display:flex}.order-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:1rem;transition:background .3s,border-color .3s;display:flex}body.dark .order-row{background:#ffffff0d;border:1px solid #ffffff1a}.order-row:hover{background:#e0f2fe;border-color:#0ea5e9}body.dark .order-row:hover{background:#ffffff1a;border-color:#fff3}.order-info{flex-direction:column;gap:.25rem;display:flex}.customer{color:#1e293b;font-weight:700}body.dark .customer{color:#fff}.order-details{color:#64748b;font-size:.9rem}body.dark .order-details{color:#cbd5e1;opacity:.8}.order-meta{align-items:center;gap:1rem;display:flex}.amount{color:#10b981;font-weight:700}body.dark .amount{color:#10b981}.status{border-radius:15px;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.status.completed{color:#059669;background:#d1fae5}body.dark .status.completed{color:#4caf50;background:#4caf5033}.status.preparing{color:#ea580c;background:#fed7aa}body.dark .status.preparing{color:#ff9800;background:#ff980033}.status.pending{color:#0284c7;background:#dbeafe}body.dark .status.pending{color:#2196f3;background:#2196f333}.status.delivered{color:#7c3aed;background:#e9d5ff}body.dark .status.delivered{color:#9c27b0;background:#9c27b033}.time{color:#94a3b8;font-size:.8rem}body.dark .time{color:#94a3b8;opacity:.7}.quick-actions{margin-bottom:2rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.action-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000001a}body.dark .action-btn{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.action-btn:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9,#10b981);transform:translateY(-3px);box-shadow:0 5px 15px #0ea5e94d}body.dark .action-btn:hover{background:linear-gradient(135deg,#0ea5e9,#10b981);box-shadow:0 5px 15px #0000004d}.action-icon{font-size:1.5rem}.action-text{font-weight:700}.admin-menu-section{margin-bottom:2rem}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}body.dark .admin-card{box-shadow:none;background:#ffffff1a;border:1px solid #fff3}.admin-card:before{content:"";background:linear-gradient(90deg,#0ea5e9,#10b981);height:4px;position:absolute;top:0;left:0;right:0}body.dark .admin-card:before{background:linear-gradient(90deg,#0ea5e9,#10b981)}.admin-card:hover{border-color:#0ea5e9;transform:translateY(-8px);box-shadow:0 10px 30px #0ea5e933}body.dark .admin-card:hover{border-color:#0ea5e9;box-shadow:0 10px 30px #0000004d}.admin-card h4{color:#1e293b;margin:1rem 0 .5rem;font-size:1.2rem}body.dark .admin-card h4{color:#fff}.admin-card p{color:#64748b;margin-bottom:1rem;line-height:1.5}body.dark .admin-card p{color:#cbd5e1;opacity:.8}.card-arrow{color:#0ea5e9;font-size:1.2rem;transition:transform .3s}body.dark .card-arrow{color:#0ea5e9}.admin-card:hover .card-arrow{transform:translate(5px)}.template-view{animation:.5s ease-in fadeIn}.template-view h2,.template-view h3,.template-view h4,.template-view label{color:#000!important}body.dark .template-view h2,body.dark .template-view h3,body.dark .template-view h4,body.dark .template-view label{color:#fff!important}.template-view p{color:#1e293b}body.dark .template-view p{color:#cbd5e1}.view-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;position:relative}.view-header:after{content:"";background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;width:80px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.view-header h2{letter-spacing:-.5px;color:#1e293b!important;margin-bottom:.5rem!important;font-size:2rem!important;font-weight:800!important}body.dark .view-header h2{color:#fff!important}.view-header p{color:#64748b!important;margin:0!important;font-size:1.05rem!important;font-weight:500!important}body.dark .view-header p{color:#cbd5e1!important}.settings-section{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem;transition:all .3s;box-shadow:0 2px 8px #0000000d}.settings-section:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #00000014}body.dark .settings-section{background:#2a2a2a;border-color:#404040}body.dark .settings-section:hover{border-color:#505050;box-shadow:0 4px 16px #0003}.settings-section h3{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;display:flex}.settings-section p{margin-bottom:1.5rem;line-height:1.6}.settings-section label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.settings-section input[type=text],.settings-section input[type=email],.settings-section input[type=password]{background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.settings-section input[type=text]:hover,.settings-section input[type=email]:hover,.settings-section input[type=password]:hover{border-color:#cbd5e1}body.dark .settings-section input[type=text],body.dark .settings-section input[type=email],body.dark .settings-section input[type=password]{color:#fff;background:#1e1e1e;border-color:#404040}body.dark .settings-section input[type=text]:hover,body.dark .settings-section input[type=email]:hover,body.dark .settings-section input[type=password]:hover{border-color:#505050}.settings-section input:focus{border-color:#667eea;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #667eea1a}body.dark .settings-section input:focus{box-shadow:0 0 0 4px #667eea33}.settings-section button{transition:all .3s}.settings-section button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.back-btn{color:#0ea5e9;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:25px;padding:.5rem 1rem;font-weight:600;transition:all .3s;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 3px #0000001a}body.dark .back-btn{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d}.back-btn:hover{color:#fff;background:#0ea5e9;transform:translateY(-50%)translate(-5px)}body.dark .back-btn:hover{background:#fff3}.analytics-content,.orders-management{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:2rem;box-shadow:0 1px 3px #0000001a}body.dark .analytics-content,body.dark .orders-management{box-shadow:none;background:#ffffff0d;border:1px solid #ffffff1a}.charts-placeholder,.management-placeholder{text-align:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:15px;margin-bottom:2rem;padding:3rem}.chart{background:#ffffff1a;border-radius:10px;margin:1rem 0;padding:2rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.orders-list{gap:1rem;display:grid}.order-management-card{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}body.dark .order-management-card{box-shadow:none;color:#fff;background:#ffffff1a;border:1px solid #fff3}.order-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.status-badge{border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:700}.order-actions{gap:1rem;margin-top:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0000001a}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}body.dark .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-secondary{color:#667eea;background:#fff;border:2px solid #667eea;position:relative;overflow:hidden}.btn-secondary:before{content:"";background:#667eea1a;border-radius:50%;width:0;height:0;transition:width .5s,height .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-secondary:hover:before{width:300px;height:300px}body.dark .btn-secondary{color:#a5b4fc;background:#ffffff0d;border:2px solid #a5b4fc}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}body.dark .btn-primary:hover{box-shadow:0 6px 16px #667eea80}.btn-secondary:hover{color:#667eea;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}body.dark .btn-secondary:hover{color:#a5b4fc;border-color:#a5b4fc;box-shadow:0 4px 12px #a5b4fc4d}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.header{text-align:center;flex-direction:column;gap:1rem}.stats-grid,.admin-grid,.actions-grid{grid-template-columns:1fr}.order-row{flex-direction:column;align-items:flex-start;gap:1rem}.order-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.back-btn{margin-bottom:1rem;position:relative;transform:none}.back-btn:hover{transform:translate(-5px)}}.templates-management{gap:2rem;display:grid}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.template-card{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:1.5rem;transition:all .3s;box-shadow:0 1px 3px #0000001a}body.dark .template-card{box-shadow:none;color:#fff;background:#ffffff1a;border:1px solid #fff3}.template-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.template-preview{text-align:center;margin-bottom:1rem}.preview-image{background:#ffffff1a;border-radius:10px;margin-bottom:1rem;padding:2rem;font-size:4rem}.template-info h4{color:#0ea5e9;margin-bottom:.5rem;font-size:1.3rem}body.dark .template-info h4{color:#0ea5e9}.template-info p{color:#64748b;margin-bottom:1rem}body.dark .template-info p{color:#cbd5e1;opacity:.8}.template-status{color:#4caf50;background:#4caf5033;border-radius:15px;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.template-status.active{color:#4caf50;background:#4caf504d}.template-actions{gap:.5rem;margin-top:1rem;display:flex}.template-actions-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.action-buttons{flex-wrap:wrap;gap:1rem;display:flex}.designer-interface{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.designer-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.preview-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.preview-controls{gap:.5rem;display:flex}.preview-area{background:#fff;border-radius:10px;min-height:500px;padding:1rem}.store-preview{color:#333;font-family:Arial,sans-serif}.preview-store-header{background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.preview-store-header h3{color:#ff6b35;margin:0}.preview-store-header nav{gap:1rem;display:flex}.preview-store-header nav span{cursor:pointer;background:#fff;border-radius:5px;padding:.5rem 1rem}.preview-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:8px;margin-bottom:1rem;padding:2rem}.preview-hero h2{margin:0 0 .5rem}.preview-products{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.preview-product{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.designer-controls{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;height:fit-content;padding:1.5rem}.control-group label{color:gold;margin-bottom:.5rem;font-weight:700;display:block}.color-picker{gap:.5rem;display:flex}.color-option{cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;transition:transform .2s}.color-option:hover{transform:scale(1.1)}.design-select{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;width:100%;padding:.75rem}.layout-options{gap:.5rem;display:flex}.layout-option{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;flex:1;padding:.5rem;transition:all .3s}.layout-option.active,.layout-option:hover{background:#ff6b35;border-color:#ff6b35}.designer-actions{flex-direction:column;gap:.5rem;display:flex}@media (max-width:768px){.designer-interface,.templates-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.preview-header{flex-direction:column;align-items:flex-start;gap:1rem}.preview-controls{justify-content:space-between;width:100%}}.animate-fade{animation:.5s ease-in fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-slide{animation:.4s ease-out slideUp}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-scale{animation:.35s ease-out scaleIn}.login-page{color:#fff;text-align:center;background:linear-gradient(135deg,#ff6b35,#fb3);flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:Poppins,sans-serif;display:flex}.login-page h2{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.8rem;font-weight:600;display:flex}.login-page form{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border-radius:12px;flex-direction:column;width:300px;padding:2rem;display:flex;box-shadow:0 5px 20px #0000004d}.login-page input{border:none;border-radius:6px;outline:none;margin-bottom:1rem;padding:.7rem;font-size:1rem}.login-page button{color:#ff6b35;cursor:pointer;background-color:#fff;border:none;border-radius:6px;margin-top:.3rem;padding:.7rem;font-weight:600;transition:all .3s}.login-page button:hover{color:#fff;background-color:#ff6b35}.login-page p{color:#ffdfd6;margin-top:1rem;font-size:.9rem}body.dark{color:#fff;background-color:#121212;transition:background-color .4s,color .4s}body.dark .template-view{background:#1e1e1e}body.dark .admin-card{background:#2a2a2a;border:1px solid #444}.store-page{color:#222;text-align:center;background:#fff;padding-bottom:3rem;font-family:Poppins,sans-serif}.store-header{color:#fff;background:#ff6b35;padding:1rem}.store-logo{border-radius:50%;width:60px;margin-bottom:.5rem}.store-banner{background:#ffe7d6;border-bottom:2px solid #ff6b35;padding:2rem 1rem}.store-status.open{color:green}.store-status.closed{color:red}.menu-card{background:#fafafa;border:1px solid #ddd;border-radius:10px;padding:1rem}.cart-section input{border:1px solid #ccc;border-radius:6px;margin:.3rem;padding:.5rem}.paystack-button{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:6px;padding:.7rem 1.4rem}.best-sellers{gap:1rem;margin-top:1rem;display:grid}.seller-card{color:#000;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.seller-card strong{color:#000}body.dark .seller-card{color:#fff;background:#ffffff1a;border:1px solid #fff3}body.dark .seller-card strong{color:#fff}.metric-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #0000001a}.metric-card h4,.metric-card h3,.metric-card p{color:#000}body.dark .metric-card{box-shadow:none;background:#ffffff0d;border:none}body.dark .metric-card h4,body.dark .metric-card h3,body.dark .metric-card p{color:#fff}.plan-card{text-align:center;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.plan-card:before{content:"";opacity:0;background:linear-gradient(90deg,#667eea,#764ba2);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.plan-card:hover:before{opacity:1}.plan-card h4,.plan-card h3,.plan-card p{color:#000}body.dark .plan-card{background:linear-gradient(135deg,#2a2a2a 0%,#1e1e1e 100%);border:2px solid #404040;box-shadow:0 4px 12px #0000004d}body.dark .plan-card h4,body.dark .plan-card h3,body.dark .plan-card p{color:#fff}.plan-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 12px 30px #667eea33}body.dark .plan-card:hover{border-color:#505050;box-shadow:0 12px 30px #00000080}.plan-price{background:linear-gradient(135deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.75rem 0;font-size:2rem;font-weight:900;display:block}body.dark .plan-price{background:linear-gradient(135deg,#10b981,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.control-group{text-align:center;flex-direction:column;gap:.3rem;margin-top:.5rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;padding:.7rem 1.2rem;transition:all .3s}.btn-primary:hover{background:#ff8c00;transform:scale(1.03)}.design-select{border:1px solid #ccc;border-radius:6px;width:80%;margin-top:.3rem;padding:.5rem;font-family:inherit}.order-badge{color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:8px;right:12px;box-shadow:0 0 6px #0000004d}.admin-card{position:relative}.order-badge.new{animation:1s ease-in-out 3 pulse}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ff6b3599}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ff6b3500}to{transform:scale(1);box-shadow:0 0 #ff6b3500}}.order-badge{color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:600;transition:all .3s;animation:2s ease-in-out infinite pulse;display:flex;position:absolute;top:8px;right:12px;box-shadow:0 0 6px #0000004d}.order-badge.new{background:#00c853;animation:1s ease-in-out infinite pulse}.notification-badge{color:#fff;background:#2196f3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:600;transition:all .3s;animation:2s ease-in-out infinite pulse;display:flex;position:absolute;top:8px;right:12px;box-shadow:0 0 6px #2196f380}.notifications-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.notification-card{background:#2a2a2a;border-radius:10px;padding:1rem;box-shadow:0 0 10px #0003}.notification-card h4{color:#ff6b35;margin:0 0 .5rem}.animate-fadein{animation:.4s fadeIn}.animate-slidein{animation:.4s slideIn}@keyframes slideIn{0%{opacity:.3;transform:translate(30px)}to{opacity:1;transform:none}}.layout-grid,.layout-list,.layout-compact{transition:all .4s}.layout-grid>div,.layout-list>div,.layout-compact>div{transition:transform .3s,opacity .3s}.layout-fade{animation:.4s fadeIn}.sticky-header{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1ab3;transition:all .3s;position:sticky;top:0}.sticky-header.scrolled{background:#1a1a1ae6;padding:.4rem 1rem!important}@media (max-width:768px){.header-title{font-size:1.1rem}.preview-store-header img{height:40px!important}.preview-products{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}.preview-product{padding:.6rem!important}}.sticky-banner{z-index:500;position:sticky;top:70px;box-shadow:0 2px 10px #0006}.hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-menu{background:#1a1a1af2;border-radius:8px;flex-direction:column;padding:.8rem 1rem;animation:.3s fadeIn;display:none;position:absolute;top:60px;right:1rem;box-shadow:0 4px 12px #0006}.mobile-menu a{color:#fff;margin:.4rem 0;font-size:.95rem;text-decoration:none}.mobile-menu a:hover{color:gold}.mobile-menu.show{display:flex}@media (max-width:768px){.hamburger{display:flex}.desktop-links{display:none}}.fab-container{z-index:1200;flex-direction:column;gap:.8rem;display:flex;position:fixed;bottom:1.5rem;right:1.2rem}@media (max-width:768px){.fab{width:45px;height:45px;font-size:1.2rem}}.fab-container{z-index:1200;opacity:1;flex-direction:column;gap:.8rem;transition:opacity .3s;display:flex;position:fixed;bottom:1.5rem;right:1.2rem}.fab-container.hide{opacity:0;pointer-events:none}.fab{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;transition:all .25s;display:flex;box-shadow:0 4px 10px #0000004d}.fab:hover{background:#f7931e;transform:scale(1.1)}@media (max-width:768px){.fab{width:45px;height:45px;font-size:1.2rem}}.shimmer{background:#ffffff14;position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:150%;height:100%;animation:1.5s infinite shimmerMove;position:absolute;top:0;left:-150%}@keyframes shimmerMove{0%{left:-150%}to{left:150%}}.fade-in-load{animation:.6s forwards fadeIn}@media (max-width:1199px){.app{padding:0}.header{padding:1rem 1.5rem}.dashboard{padding:1.5rem}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.orders-list,.notifications-list,.template-view{padding:1rem}}@media (max-width:775px) and (min-width:630px){.app{padding:.5rem}.header{padding:.875rem 1.25rem}.header h1{font-size:1.5rem}.dashboard{padding:1.25rem}.dashboard-header h2{font-size:1.65rem}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.875rem}.admin-card{padding:1.25rem}.admin-card h4{font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{padding:1.25rem}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:767px){.header{flex-direction:column;gap:.75rem;padding:.75rem 1rem}.header h1{font-size:1.25rem}.user-menu{flex-wrap:wrap;justify-content:space-between;gap:.5rem;width:100%}.user-name{font-size:.85rem}.dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.dashboard-header h2{font-size:1.5rem}.admin-grid{grid-template-columns:1fr;gap:.75rem}.admin-card{padding:1rem}.admin-card h4{font-size:1rem}.view-header{padding:1rem}.view-header h2{font-size:1.5rem}.back-btn{padding:.5rem 1rem;font-size:.9rem}.orders-list,.notifications-list{padding:.5rem}.order-management-card,.notification-card{margin-bottom:.75rem;padding:.75rem}.order-header h4{font-size:1rem}.btn-primary,.btn-secondary{padding:.6rem 1rem;font-size:.9rem}.template-view{padding:.75rem}.template-grid{grid-template-columns:1fr;gap:1rem}.template-card{padding:1rem}.store-toggle-btn{width:100%;padding:.75rem;font-size:.9rem}.metrics-grid{grid-template-columns:1fr;gap:.75rem}.metric-card{padding:1rem}.settings-section{margin-bottom:1rem;padding:1rem}.plan-card{padding:1rem}.design-select,.checkout-input{width:100%;font-size:.9rem}.cart-sidebar{width:100%;max-width:100%}.qr-code-container{padding:1rem}.status-badge{padding:.25rem .5rem;font-size:.75rem}.order-badge,.notification-badge{width:24px;height:24px;font-size:.75rem}}@media (max-width:480px){.header h1{font-size:1.1rem}.dashboard-header h2,.view-header h2{font-size:1.25rem}.admin-card h4{font-size:.95rem}.btn-primary,.btn-secondary{padding:.5rem .75rem;font-size:.85rem}.order-management-card,.notification-card{padding:.65rem}.qty-row{flex-wrap:wrap}.remove-item{width:100%;margin-top:.5rem}}@media (min-width:768px) and (max-width:1024px){.admin-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.template-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.app{max-width:1600px;margin:0 auto}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:920px) and (orientation:landscape){.dashboard{padding:1rem}.admin-grid{grid-template-columns:repeat(2,1fr)}}@media print{.header,.back-btn,.btn-primary,.btn-secondary,.fab-container{display:none}.orders-list,.order-management-card{page-break-inside:avoid}}.modern-login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-right:1px solid #ffffff1a;flex-direction:column;justify-content:center;padding:3rem;display:flex}.login-brand{text-align:center;margin-bottom:3rem}.brand-logo{filter:drop-shadow(0 8px 16px #00000026);border-radius:20px;width:120px;height:120px;margin:0 auto 1.5rem;animation:3s ease-in-out infinite float;display:block}.brand-icon{margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-brand h1{color:#fff;text-shadow:0 2px 10px #0000001a;letter-spacing:-.5px;margin-bottom:.75rem;font-size:2.5rem;font-weight:900}.brand-tagline{color:#ffffffe6;letter-spacing:.3px;font-size:1.15rem;font-weight:500}.login-features{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.feature-item{background:#ffffff0d;border-radius:12px;align-items:start;gap:1rem;padding:1rem;transition:all .3s;display:flex}.feature-item:hover{background:#ffffff1a;transform:translate(5px)}.feature-icon{min-width:50px;font-size:2rem}.feature-item h3{color:#fff;margin:0 0 .25rem;font-size:1.1rem}.feature-item p{color:#ffffffb3;margin:0;font-size:.9rem}.login-pricing-preview{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem}.login-pricing-preview h4{color:#fff;margin:0 0 1rem;font-size:1.1rem}.price-tags{flex-wrap:wrap;gap:.75rem;display:flex}.price-tag{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:25px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .3s}.price-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.price-tag.free{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.price-tag.pro{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.price-tag.premium{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.login-right{background:#fff;justify-content:center;align-items:center;padding:2rem;display:flex}.login-form-container{width:100%;max-width:450px}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{color:#1e293b;margin:0 0 .5rem;font-size:2rem;font-weight:700}.form-header p{color:#64748b;margin:0}.modern-form{flex-direction:column;gap:1.5rem;display:flex}.form-input{border:2px solid #e2e8f0;border-radius:10px;outline:none;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.forgot-link{color:#667eea;align-self:flex-end;margin-top:-.25rem;font-size:.85rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9rem;display:flex}.error-icon{font-size:1.2rem}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-btn:disabled{opacity:.7;cursor:not-allowed}.btn-loading{justify-content:center;align-items:center;gap:.5rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.form-divider{text-align:center;margin:1.5rem 0;position:relative}.form-divider:before{content:"";background:#e2e8f0;height:1px;position:absolute;top:50%;left:0;right:0}.form-divider span{color:#94a3b8;background:#fff;padding:0 1rem;font-size:.85rem;position:relative}.toggle-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:.875rem;font-weight:600;transition:all .2s}.toggle-mode-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.form-footer{text-align:center;margin-top:1.5rem}.form-footer p{color:#94a3b8;font-size:.85rem}.form-footer a{color:#667eea;text-decoration:none}.form-footer a:hover{text-decoration:underline}.floating-landing-btn{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #667eea66}.floating-landing-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.signup-plans{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);max-height:100vh;overflow-y:auto}.signup-header{text-align:center;margin-bottom:2rem}.signup-header h2{color:#fff;margin-bottom:.5rem;font-size:2rem}.signup-header p{color:#ccc}.plan-selector{flex-direction:column;gap:1.5rem;display:flex}.plan-option{cursor:pointer;background:#2d2d2d;border:3px solid #3d3d3d;border-radius:15px;padding:1.5rem;transition:all .3s;position:relative}.plan-option.selected{background:linear-gradient(135deg,#ff6b351a 0%,#e55a281a 100%);border-color:#ff6b35;box-shadow:0 4px 20px #ff6b354d}.plan-option.popular{border-color:gold}.popular-tag{color:#1a1a1a;background:gold;border-radius:15px;padding:.4rem .8rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;right:15px}.plan-option-header h3{color:#fff;margin-bottom:.25rem;font-size:1.5rem}.plan-option-subtitle{color:#ff6b35;margin-bottom:1rem;font-size:.9rem}.plan-option-price{margin:1rem 0}.price-amount{color:#fff;font-size:2.5rem;font-weight:900}.price-period{color:#999;font-size:.9rem}.plan-option-description{color:#ccc;margin-bottom:1rem;font-size:.9rem}.plan-option-features{margin:1rem 0;list-style:none}.plan-option-features li{color:#ccc;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.plan-option-features .check{color:#ff6b35;font-size:1.1rem;font-weight:900}.plan-selector-radio{border-top:1px solid #3d3d3d;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.plan-selector-radio input[type=radio]{accent-color:#ff6b35;cursor:pointer;width:20px;height:20px}.plan-selector-radio span{color:#fff;cursor:pointer;font-weight:600}@media (max-width:768px){.modern-login-page{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:1.5rem}.login-form-container{max-width:100%}.signup-plans{max-height:none;padding:2rem 1rem;display:block!important}}@media (max-width:1440px){.app{padding:.75rem}.header{margin-bottom:1.5rem;padding:1rem}.dashboard{padding:1rem}.dashboard-header{margin-bottom:1.5rem;padding:1.5rem}.settings-section{margin-bottom:1.5rem;padding:1.25rem}.form-group{margin-bottom:1rem}.plan-card{margin-bottom:1rem;padding:1.25rem}.stats-grid{gap:1rem}.orders-table{font-size:.9rem}.orders-table th,.orders-table td{padding:.65rem}}@media (max-width:1280px){.app{padding:.5rem}.header{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.dashboard{padding:.75rem}.dashboard-header{margin-bottom:1.25rem;padding:1.25rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn-primary,.btn-secondary{padding:.65rem 1.25rem;font-size:.95rem}.nav-links{gap:.75rem}.nav-links button{padding:.65rem 1rem;font-size:.9rem}}@media (max-width:1024px){.app{padding:.5rem}.header{margin-bottom:1rem;padding:.75rem}.dashboard{padding:.5rem}.dashboard-header,.settings-section{margin-bottom:1rem;padding:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.orders-table{font-size:.85rem}.orders-table th,.orders-table td{padding:.5rem}.orders-table .hide-on-small-laptop{display:none}.form-input,.form-select{padding:.65rem;font-size:.95rem}.modal-content{max-width:90%;padding:1.25rem}.pricing-grid{gap:1rem}.plan-card{padding:1rem}}body,html{max-width:100vw;overflow-x:hidden}.app{max-width:100%;overflow-x:hidden}.dashboard,.settings-section,.orders-container,.menu-container{max-width:100%;overflow-x:auto}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.orders-table{min-width:600px}.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}.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}.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}.spinner{border:4px solid #ffffff4d;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.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 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}.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}}.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}}:root{--bg:#f7f7fb;--surface:#fff;--ink:#111827;--muted:#6b7280;--primary:#ff6b35;--primary-2:#f97316;--line:#e5e7eb;--shadow:0 8px 30px #0000000f;--shadow-lg:0 12px 40px #00000014;--radius:14px;--radius-sm:10px;--radius-lg:18px}.store-page{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Poppins,sans-serif;line-height:1.6}.store-header{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.store-header h1{letter-spacing:-.3px;margin:0;font-size:21px;font-weight:800;line-height:1.2}.header-left{align-items:center;gap:10px;display:flex}.header-left h1{visibility:visible;opacity:1;display:block}.store-logo{object-fit:cover;width:48px;height:48px;box-shadow:var(--shadow);border-radius:12px}.header-actions{align-items:center;gap:10px;display:flex}.cart-toggle{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 8px 20px #f9731640}.cart-toggle:hover{transform:translateY(-1px)}.cart-count{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;font-weight:900;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.store-banner{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(1100px,94%);box-shadow:var(--shadow-lg);text-align:center;background:linear-gradient(135deg,#f8f9fa,#fff);margin:24px auto;padding:36px 24px}.store-banner h2{letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:900;line-height:1.2}.store-banner p{color:var(--muted);margin:8px 0;font-size:16px;line-height:1.5}.store-status{border:1px solid var(--line);background:#f3f4f6;border-radius:999px;margin-top:10px;padding:6px 14px;font-weight:800;display:inline-block}.store-status.open{color:#166534;background:#dcfce7;border-color:#16a34a}.store-status.closed{color:#991b1b;background:#fee2e2;border-color:#ef4444}.queue-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:14px;padding:10px 16px;font-weight:800;box-shadow:0 8px 20px #f9731633}.store-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(1100px,94%);box-shadow:var(--shadow-lg);margin:16px auto 32px;padding:24px 20px 28px}.store-menu h3{text-align:center;letter-spacing:-.3px;margin:8px 0 20px;font-size:26px;font-weight:900;line-height:1.2}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:6px;display:grid}.menu-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}.menu-card:hover{box-shadow:var(--shadow);border-color:#d1d5db;transform:translateY(-2px)}.menu-card-content h4{margin:0 0 6px;font-size:16px;font-weight:800}.menu-card-content .menu-card-price{color:#111827;margin:0 0 10px;font-weight:700}.menu-actions{gap:8px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 0;font-weight:800}.store-about{border:1px solid var(--line);border-radius:var(--radius);width:min(1100px,94%);box-shadow:var(--shadow);background:#fff;margin:0 auto 28px;padding:18px 16px 22px}.store-about h3{text-align:center;margin:4px 0 8px;font-size:20px;font-weight:900}.store-about p{text-align:center;color:var(--muted)}.cart-overlay{z-index:1000;background:#00000080;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.cart-sidebar{color:#111827;border-left:1px solid var(--line);background:#fff;flex-direction:column;width:100%;max-width:420px;height:100%;animation:.22s slideIn;display:flex;box-shadow:-12px 0 40px #00000026}.cart-header{border-bottom:1px solid var(--line);background:#fafafa;justify-content:space-between;align-items:center;padding:16px;display:flex}.cart-title{margin:0;font-size:18px;font-weight:900}.close-cart{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:38px;height:38px;font-weight:900}.cart-items{flex:1;padding:14px;overflow:auto}.cart-empty{text-align:center;color:var(--muted);padding:60px 16px;font-weight:700}.cart-item-name{margin:0 0 4px;font-weight:900}.cart-item-price{color:#1f2937;margin:0 0 8px;font-weight:800}.qty-btn{border:1px solid var(--line);cursor:pointer;background:#f9fafb;border-radius:8px;width:32px;height:32px;font-weight:900}.summary-row{color:#374151;justify-content:space-between;margin:6px 0;font-weight:700;display:flex}.summary-row.total{font-size:18px;font-weight:900}.checkout-row{padding-top:10px}.checkout-input{border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;margin:6px 0;padding:10px 12px}.checkout-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px;font-weight:900;box-shadow:0 8px 22px #f9731640}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.store-banner,.store-menu,.store-about{width:95%}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.store-header{padding:12px 16px}.store-header h1{font-size:18px}}@media (max-width:775px) and (min-width:630px){.store-header{padding:13px 17px}.store-header h1{font-size:18px}.store-logo{width:45px;height:45px}.store-banner{padding:26px 16px}.store-banner h2{font-size:26px}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px}.menu-card-image{height:170px}.cart-sidebar{max-width:380px}.cart-toggle{padding:9px 13px}}@media (max-width:767px){.store-header{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:12px}.header-left{flex:1;align-items:center;gap:10px;display:flex!important}.header-left h1,.store-header h1{visibility:visible!important;opacity:1!important;color:var(--ink)!important;margin:0!important;font-size:16px!important;display:block!important}.store-logo{width:40px;height:40px}.header-actions{justify-content:flex-end;display:flex}.cart-toggle{padding:8px 12px;font-size:.9rem}.store-banner{margin:12px auto;padding:20px 12px}.store-banner h2{font-size:22px}.store-banner p{font-size:.9rem}.queue-btn{margin-top:10px;padding:8px 12px;font-size:.85rem}.store-menu{margin:8px auto 18px;padding:12px 10px 18px}.store-menu h3{margin:4px 0 10px;font-size:18px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:2px}.menu-card{border-radius:10px}.menu-card-image{height:140px;padding:8px}.menu-card-content{padding:10px}.menu-card-content h4{margin:0 0 4px;font-size:14px}.menu-card-content .menu-card-price{margin:0 0 6px;font-size:.9rem}.btn-primary,.btn-secondary{padding:8px 0;font-size:.8rem}.store-about{margin:0 auto 20px;padding:14px 12px 18px}.store-about h3{margin:2px 0 6px;font-size:18px}.store-about p{font-size:.9rem}.cart-sidebar{width:100%;max-width:100%}.cart-title{font-size:16px}.close-cart{width:32px;height:32px}.cart-items{padding:10px}.cart-item{margin-bottom:8px;padding:10px}.cart-item-name{font-size:.9rem}.cart-item-price{font-size:.85rem}.qty-btn{width:28px;height:28px}.cart-summary{padding:10px 12px}.summary-row{margin:4px 0;font-size:.9rem}.summary-row.total{font-size:16px}.checkout-input{padding:8px 10px;font-size:.9rem}.checkout-btn{padding:10px;font-size:.9rem}.ask-modal{border-radius:12px;max-width:calc(100% - 1.5rem)}.ask-modal-header{padding:1rem}.ask-modal-header h2{font-size:1.25rem}.ask-modal-body{padding:1rem}.ask-item-name{font-size:1.1rem}.ask-submit-btn{padding:.85rem 1.25rem;font-size:.95rem}}@media (max-width:480px) and (min-width:340px){.store-header h1{font-size:14px}.store-banner h2{font-size:20px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:8px}.menu-card-image{height:130px}.menu-card-content{padding:8px}.menu-card-content h4{font-size:.85rem}.store-menu h3,.store-about h3{font-size:16px}.cart-item-image{width:35px;height:35px}}@media (max-width:339px){.menu-grid{grid-template-columns:1fr;gap:8px}.menu-card-image{height:160px}}@media (max-width:920px) and (orientation:landscape){.menu-grid{grid-template-columns:repeat(3,1fr)}.store-banner{padding:16px 12px}}:root{--bg:#fdfaf6;--surface:#fff;--text:#222;--muted:#666;--primary:#ff6b35;--accent:#ffb347;--line:#e2e2e2;--radius:12px;--shadow:0 6px 20px #00000014}.sa-page{background:var(--bg);color:var(--text);font-family:Poppins,sans-serif}.sa-header{border-bottom:2px solid var(--accent);z-index:50;background:#fffaf4;justify-content:space-between;align-items:center;padding:16px 22px;display:flex;position:sticky;top:0}.sa-left{align-items:center;gap:10px;display:flex}.sa-logo{border-radius:12px;height:52px}.cart-toggle{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:800;position:relative;box-shadow:0 6px 15px #ff6b354d}.cart-count{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;font-weight:900;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.sa-banner{text-align:center;background:var(--surface);width:min(1000px,95%);box-shadow:var(--shadow);margin:20px auto;padding:2rem 1rem}.sa-banner h2{color:var(--primary);margin-bottom:.5rem;font-size:28px}.sa-banner p{color:var(--muted)}.store-status{background:#e2e3e5;border-radius:20px;margin-top:1rem;padding:6px 14px;font-weight:700;display:inline-block}.store-status.open{color:#23d667;background:#dcfce7}.store-status.closed{color:#d01919;background:#fee2e2}.sa-menu{border:1px solid var(--line);width:min(1000px,95%);box-shadow:var(--shadow);background:#a9a6a6;margin:0 auto 24px;padding:1rem}.menu-card{border:1px solid var(--accent);text-align:center;background:#fff8f3;border-radius:10px;padding:0;transition:all .2s;overflow:hidden}.menu-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;width:48%;padding:10px;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{border:1px solid var(--accent);color:var(--accent);background:#fff}.sa-about{text-align:center;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);width:min(1000px,95%);margin:0 auto 2rem;padding:1.5rem}.sa-about h3{color:var(--primary);margin-bottom:1rem}.cart-sidebar{background:#fff;flex-direction:column;width:100%;max-width:420px;height:100%;display:flex;box-shadow:-8px 0 30px #0003}.cart-header{border-bottom:1px solid var(--line);justify-content:space-between;padding:1rem;display:flex}.cart-item{border:1px solid var(--accent);border-radius:var(--radius);background:#fffaf4;gap:10px;margin-bottom:1rem;padding:.8rem;display:flex}.qty-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.4rem .8rem}.summary-row.total{font-size:1.2rem}@media (max-width:1023px){.sa-banner,.sa-menu,.sa-about{width:95%}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}}@media (max-width:775px) and (min-width:630px){.sa-header{padding:13px 17px}.sa-header h1{font-size:18px}.sa-logo{width:45px;height:45px}.sa-banner{padding:26px 16px}.sa-banner h2{font-size:26px}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px}.menu-card-image{height:170px}.cart-sidebar{max-width:380px}.cart-toggle{padding:9px 13px}}@media (max-width:767px){.sa-header{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px}.sa-left{flex:1;align-items:center;gap:10px;display:flex}.sa-header h1{font-size:16px;visibility:visible!important;display:block!important}.sa-logo{height:44px}.cart-toggle{padding:8px 14px;font-size:.85rem}.sa-banner{margin:16px auto;padding:1.5rem .75rem}.sa-banner h2{font-size:24px}.sa-banner p{font-size:.9rem}.sa-menu{margin:0 auto 20px;padding:.75rem}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.menu-card{border-radius:8px}.menu-card-image{height:140px;padding:8px}.menu-card-content{padding:.75rem}.menu-card-content h4{font-size:.95rem}.btn-primary,.btn-secondary{width:48%;padding:8px;font-size:.8rem}.sa-about{margin:0 auto 1.5rem;padding:1.25rem}.sa-about h3{margin-bottom:.75rem;font-size:1.25rem}.sa-about p{font-size:.9rem}.cart-sidebar{width:100%;max-width:100%}.cart-header{padding:.75rem}.cart-header h2{font-size:1.1rem}.close-cart{font-size:1.3rem}.cart-items{padding:.75rem}.cart-item{margin-bottom:.85rem;padding:.65rem}.qty-row button{padding:.3rem .65rem;font-size:.85rem}.remove-item{padding:.3rem .5rem;font-size:.75rem}.cart-summary{padding:.75rem}.summary-row{margin:.4rem 0;font-size:.85rem}.summary-row.total{font-size:1.1rem}.checkout-row input{padding:.6rem;font-size:.9rem}.checkout-btn{padding:.7rem;font-size:.9rem}}@media (max-width:480px) and (min-width:340px){.sa-header h1{font-size:14px}.sa-logo{height:40px}.sa-banner h2{font-size:20px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:8px}.menu-card-image{height:130px}.menu-card-content{padding:8px}.menu-card-content h4{font-size:.85rem}.cart-item-image{width:35px;height:35px}}@media (max-width:339px){.menu-grid{grid-template-columns:1fr;gap:8px}.menu-card-image{height:160px}}@media (max-width:920px) and (orientation:landscape){.menu-grid{grid-template-columns:repeat(3,1fr)}.sa-banner{padding:1.25rem .75rem}}:root{--bg:#f9fafb;--surface:#fff;--text:#111827;--muted:#6b7280;--primary:#22c55e;--primary-dark:#16a34a;--line:#e5e7eb;--radius:14px;--shadow:0 6px 20px #0000000f}.fast-page{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,sans-serif}.fast-header{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);z-index:50;justify-content:center;align-items:center;padding:16px;display:flex;position:sticky;top:0}.fast-logo{border-radius:12px;width:50px;height:50px;margin-right:10px}.fast-header h1{color:var(--primary-dark);font-weight:900}.fast-banner{text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--radius);width:95%;box-shadow:var(--shadow);margin:20px auto;padding:40px 16px}.fast-banner h2{font-size:26px;font-weight:900}.fast-banner p{opacity:.9}.status{color:var(--primary-dark);background:#fff;border-radius:999px;margin-top:10px;padding:4px 12px;font-weight:700;display:inline-block}.fast-menu{padding:1rem}.fast-menu h3{text-align:center;color:var(--primary-dark);margin-bottom:1rem}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.menu-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);padding:0;transition:all .2s;overflow:hidden}.menu-card:hover{transform:translateY(-2px)}.menu-card-image{background:#f7f7f8;justify-content:center;align-items:center;width:100%;height:180px;padding:12px;display:flex;overflow:hidden}.menu-card-image img{object-fit:contain;border-radius:8px;width:100%;height:100%;transition:transform .3s}.menu-card:hover .menu-card-image img{transform:scale(1.05)}.menu-card-content{text-align:center;padding:1rem}.menu-card-content h4{margin:0 0 6px;font-weight:800}.menu-actions{gap:6px;margin-top:8px;display:flex}.menu-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px 0;font-weight:700}.menu-actions button:first-child{background:var(--primary);color:#fff}.menu-actions button:last-child{color:var(--text);background:#f3f4f6}.fast-about{background:var(--surface);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);margin:1.5rem;padding:1.5rem}.fast-about h3{color:var(--primary-dark);margin-bottom:.5rem}.fab-cart{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:50%;width:60px;height:60px;font-size:1.5rem;font-weight:700;transition:all .2s;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 25px #22c55e4d}.fab-cart:hover{transform:scale(1.05)}.fab-cart span{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;font-weight:900;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.cart-overlay{z-index:1000;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-sidebar{background:var(--surface);border-left:2px solid var(--primary);flex-direction:column;width:100%;max-width:400px;height:100%;display:flex;box-shadow:-8px 0 30px #0003}.cart-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem;display:flex}.close-cart{cursor:pointer;background:0 0;border:none;font-size:1.4rem}.cart-items{flex:1;padding:1rem;overflow-y:auto}.cart-item{border:1px solid var(--line);background:#f9fafb;border-radius:10px;gap:10px;margin-bottom:.8rem;padding:.8rem;display:flex}.cart-item-image{border-radius:6px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-info{flex:1}.qty-row{align-items:center;gap:.5rem;display:flex}.qty-row button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:30px;height:30px;font-weight:900}.remove-item{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;padding:4px 8px;font-weight:700}.cart-summary{border-top:1px solid var(--line);padding:1rem}.summary-row{justify-content:space-between;margin:.4rem 0;font-weight:700;display:flex}.summary-row.total{color:var(--primary-dark);font-size:1.2rem}.checkout-row input{border:1px solid var(--line);border-radius:8px;width:100%;margin:.4rem 0;padding:.7rem}.checkout-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.8rem;font-weight:800}.ask-modal-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.ask-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;animation:.3s modalSlideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d}.ask-modal-header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8f9fa,#fff);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.ask-modal-header h2{color:#1a202c;margin:0;font-size:1.5rem;font-weight:800}.close-modal{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;font-weight:700;transition:all .2s;display:flex}.close-modal:hover{color:#374151;background:#e5e7eb}.ask-modal-body{max-height:calc(90vh - 80px);padding:1.5rem;overflow-y:auto}.ask-item-info{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.ask-item-label{color:#92400e;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .25rem;font-size:.85rem;font-weight:600}.ask-item-name{color:#1a202c;margin:0;font-size:1.25rem;font-weight:800}.ask-form{flex-direction:column;gap:1.25rem;display:flex}.ask-input,.ask-textarea{border:1px solid var(--line);color:#1a202c;background:#fafafa;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.ask-input:focus,.ask-textarea:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #ff6b351a}.ask-textarea{resize:vertical;min-height:100px}.ask-submit-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #ff6b354d}.ask-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.ask-submit-btn:active:not(:disabled){transform:translateY(0)}.ask-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:775px) and (min-width:630px){.fast-header{padding:1rem 1.5rem}.fast-header h1{font-size:1.15rem}.fast-banner{width:92%;padding:42px 18px}.fast-banner h2{font-size:24px}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px}.menu-card-image{height:170px}.cart-sidebar{max-width:380px}}@media (max-width:480px) and (min-width:340px){.fast-header{justify-content:center;align-items:center;display:flex}.fast-header h1{font-size:1.1rem;visibility:visible!important;display:block!important}.fast-logo{width:42px;height:42px}.fast-banner h2{font-size:22px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.menu-card-image{height:130px}.menu-card-content{padding:.75rem}.menu-card-content h4{font-size:.9rem}.fab-cart{width:55px;height:55px;bottom:1.25rem;right:1.25rem}.cart-sidebar{max-width:100%}}@media (max-width:339px){.menu-grid{grid-template-columns:1fr;gap:10px}.menu-card-image{height:160px}}@media (min-width:768px) and (max-width:1024px){.fast-header{padding:1.25rem 2rem}.fast-banner{width:90%;padding:45px 20px}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.cart-sidebar{max-width:420px}.menu-card-image{height:200px}}@media (min-width:1025px){.fast-header{padding:1.5rem 3rem}.fast-banner{width:80%;padding:60px 30px}.fast-banner h2{font-size:32px}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.cart-sidebar{max-width:450px}.menu-card-image{height:220px}.fab-cart{width:65px;height:65px;font-size:1.6rem}}.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}}.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}}*{box-sizing:border-box;margin:0;padding:0}.landing-page{color:#1a1a1a;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-nav{z-index:100;background:#000;padding:1rem 0;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.nav-container{justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 4rem;display:flex}.nav-logo{align-items:center;gap:.75rem;display:flex}.nav-logo img{width:auto;height:52px}.nav-logo span{color:#ff6b35;font-size:1.25rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#ff6b35}.btn-login{background:#ff6b35;border-radius:8px;padding:.625rem 1.5rem;font-weight:600;color:#fff!important}.btn-login:hover{background:#e55a28;color:#fff!important}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:#ff6b35;border-radius:3px;width:25px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.hero-section{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;margin:0 auto;padding:6rem 4rem;display:grid}.hero-title{color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:900;line-height:1.1}.highlight{color:#ff6b35}.hero-subtitle{color:#ccc;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.hero-buttons{gap:1rem;margin-bottom:2rem;display:flex}.btn{border-radius:10px;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:#ff6b35;box-shadow:0 4px 15px #ff6b354d}.btn-primary:hover{background:#e55a28;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.btn-secondary{color:#fff;background:0 0;border:2px solid #ff6b35}.btn-secondary:hover{background:#ff6b351a}.hero-trust{color:#999;font-size:.9rem}.hero-visual{justify-content:center;align-items:center;display:flex}.food-showcase{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.showcase-item{text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff6b3533;border-radius:15px;padding:2rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .3s}.showcase-item:hover{background:#ff6b351a;border-color:#ff6b35;transform:translateY(-5px)}.benefits-section{background:#f8f8f8;padding:5rem 4rem}.container{width:100%;margin:0 auto}.section-title{text-align:center;color:#1a1a1a;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-subtitle{text-align:center;color:#666;margin-bottom:3rem;font-size:1.1rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.benefit-card{text-align:center;background:#fff;border-radius:15px;padding:2rem;transition:all .3s;box-shadow:0 4px 15px #00000014}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ff6b3526}.benefit-icon{margin-bottom:1rem;font-size:3rem}.benefit-card h3{color:#1a1a1a;margin-bottom:.75rem;font-size:1.25rem}.benefit-card p{color:#666;line-height:1.6}.features-section{background:#fff;padding:5rem 4rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{border:2px solid #f0f0f0;border-radius:15px;padding:2rem;transition:all .3s}.feature-card:hover{border-color:#ff6b35;box-shadow:0 8px 25px #ff6b351a}.feature-icon{margin-bottom:1rem;font-size:2.5rem}.feature-card h3{color:#1a1a1a;margin-bottom:.75rem;font-size:1.25rem}.feature-card p{color:#666;line-height:1.6}.pricing-section{color:#fff;background:#1a1a1a;padding:5rem 4rem}.pricing-section .section-title{color:#fff}.pricing-section .section-subtitle{color:#ccc}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.pricing-card{color:#fff;background:#2d2d2d;border:2px solid #3d3d3d;border-radius:20px;padding:2.5rem;transition:all .3s;position:relative}.pricing-card.highlight{background:linear-gradient(135deg,#ff6b35 0%,#e55a28 100%);border-color:#ff6b35;transform:scale(1.05)}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff6b354d}.popular-badge{color:#1a1a1a;background:gold;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;position:absolute;top:-15px;right:20px}.plan-header{text-align:center;margin-bottom:2rem}.plan-header h3{margin-bottom:.5rem;font-size:1.75rem}.plan-subtitle{color:#fff;margin-bottom:1rem;font-size:.95rem}.pricing-card.highlight .plan-subtitle{color:#ffffffe6}.plan-price{margin:1.5rem 0}.price{font-size:3rem;font-weight:900}.period{color:#fff;font-size:1rem}.pricing-card.highlight .period{color:#fffc}.plan-description{color:#fff;margin-bottom:1.5rem;font-size:.9rem}.pricing-card.highlight .plan-description{color:#ffffffe6}.plan-features{margin-bottom:2rem;list-style:none}.plan-features li{color:#fff;border-bottom:1px solid #3d3d3d;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.pricing-card.highlight .plan-features li{border-bottom-color:#fff3}.check-icon{color:#ff6b35;font-size:1.25rem;font-weight:900}.pricing-card.highlight .check-icon{color:#fff}.plan-cta{text-align:center;border-radius:10px;width:100%;padding:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.plan-cta.primary{color:#ff6b35;background:#fff}.plan-cta.primary:hover{background:#f0f0f0}.plan-cta.secondary{color:#fff;background:#ff6b35}.plan-cta.secondary:hover{background:#e55a28}.testimonials-section{background:#f8f8f8;padding:5rem 4rem}.testimonials-container{max-width:1400px;margin:0 auto}.testimonial-active{background:#fff;border-radius:20px;margin-bottom:2rem;padding:3rem;box-shadow:0 4px 20px #00000014}.quote-icon{color:#ff6b35;margin-bottom:1rem;font-size:4rem;line-height:1}.testimonial-text{color:#333;margin-bottom:2rem;font-size:1.25rem;font-style:italic;line-height:1.8}.testimonial-author{justify-content:space-between;align-items:center;display:flex}.testimonial-author strong{color:#1a1a1a;margin-bottom:.25rem;font-size:1.1rem;display:block}.business-type{color:#ff6b35;font-size:.9rem;font-weight:600;display:block}.location{color:#666;font-size:.9rem}.testimonial-dots{justify-content:center;gap:.75rem;display:flex}.dot{cursor:pointer;background:#ddd;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot.active{background:#ff6b35;border-radius:6px;width:30px}.cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#ff6b35 0%,#e55a28 100%);padding:5rem 4rem}.cta-section h2{margin-bottom:1rem;font-size:2.5rem}.cta-section p{opacity:.95;margin-bottom:2rem;font-size:1.1rem}.cta-buttons{margin-bottom:1rem}.btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.cta-section .btn-primary{color:#ff6b35;background:#fff}.cta-section .btn-primary:hover{color:#e55a28;background:#f0f0f0}.cta-subtext{opacity:.9;font-size:.9rem}.landing-footer{color:#fff;background:#000;padding:3rem 4rem 2rem}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-brand img.footer-logo{width:auto;height:65px;margin-bottom:1rem}.footer-brand h3{color:#ff6b35;margin-bottom:.5rem}.footer-brand p{color:#999}.link-group h4{color:#ff6b35;margin-bottom:1rem;font-size:1rem}.link-group a{color:#ccc;margin-bottom:.75rem;text-decoration:none;transition:color .2s;display:block}.link-group a:hover{color:#ff6b35}.footer-bottom{text-align:center;color:#666;border-top:1px solid #2d2d2d;padding-top:2rem}@media (min-width:1920px){.nav-container{max-width:1920px;margin:0 auto;padding:0 6rem}.hero-section{max-width:1920px;margin:0 auto;padding:6rem}.container{max-width:1920px;margin:0 auto}.benefits-section,.features-section,.pricing-section,.testimonials-section,.cta-section,.landing-footer{padding-left:6rem;padding-right:6rem}.testimonials-container{max-width:1600px}}@media (min-width:2560px){.nav-container{max-width:2400px;padding:0 8rem}.hero-section{max-width:2400px;padding:8rem}.container{max-width:2400px}.benefits-section,.features-section,.pricing-section,.testimonials-section,.cta-section,.landing-footer{padding-left:8rem;padding-right:8rem}.hero-title{font-size:4.5rem}.section-title{font-size:3rem}.testimonials-container{max-width:1800px}}@media (max-width:1024px) and (min-width:769px){.hero-section{gap:3rem;padding:4rem 2rem}.hero-title{font-size:2.75rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width:775px) and (min-width:630px){.nav-container{padding:0 1.25rem}.nav-logo img{height:48px}.nav-logo span{font-size:1.15rem}.hero-section{gap:2.5rem;padding:3.5rem 1.75rem}.hero-title{font-size:2.4rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2.1rem}.section-subtitle{font-size:1.05rem}.benefits-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.pricing-card{max-width:450px;margin:0 auto}.testimonial-active{padding:2.25rem 1.75rem}.cta-section h2{font-size:2.1rem}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-logo img{height:42px}.nav-logo span{font-size:1rem}.hamburger{display:flex}.nav-links{background:#1a1a1a;flex-direction:column;align-items:flex-start;gap:1.5rem;width:250px;height:calc(100vh - 70px);padding:2rem 1.5rem;transition:right .3s;position:fixed;top:70px;right:-100%;box-shadow:-2px 0 10px #0000004d}.nav-links.mobile-open{right:0}.nav-links a{border-bottom:1px solid #ffffff1a;width:100%;padding:.75rem 0}.btn-login{text-align:center;border-bottom:none;margin-top:1rem;padding:.75rem 1.5rem}.hero-section{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.btn{padding:.875rem 1.75rem;font-size:.95rem}.food-showcase{grid-template-columns:1fr}.showcase-item{padding:1.5rem 1rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.benefits-grid,.features-grid{grid-template-columns:1fr}.benefit-card,.feature-card{padding:1.5rem}.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:2rem}.pricing-card.highlight{transform:scale(1)}.testimonial-active{padding:2rem 1.5rem}.testimonial-text{font-size:1.05rem}.testimonial-author{flex-direction:column;align-items:flex-start;gap:.75rem}.cta-section h2{font-size:1.75rem}.cta-section p{font-size:1rem}.footer-content{grid-template-columns:1fr;gap:2rem}}@media (max-width:480px){.nav-logo span{font-size:.9rem}.hero-title{font-size:1.65rem}.hero-subtitle{font-size:.95rem}.section-title{font-size:1.5rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}.price{font-size:2.5rem}.pricing-card{padding:1.5rem}.testimonial-text{font-size:1rem}.cta-section h2{font-size:1.5rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}button[title="View Live Queue"]{animation:2s infinite pulse}