:root{--retail-primary:#2563eb;--retail-primary-hover:#1d4ed8;--retail-primary-light:#eff6ff;--retail-primary-border:#bfdbfe;--retail-accent:#0284c7;--retail-bg:#f8fafc;--retail-card-bg:#ffffff;--retail-border:#e2e8f0;--retail-border-light:#f1f5f9;--retail-text-main:#0f172a;--retail-text-muted:#64748b;--retail-text-sub:#94a3b8;--status-pending-bg:#fef3c7;--status-pending-text:#b45309;--status-processing-bg:#dbeafe;--status-processing-text:#1d4ed8;--status-out-bg:#f3e8ff;--status-out-text:#7e22ce;--status-delivered-bg:#dcfce7;--status-delivered-text:#15803d;--status-cancelled-bg:#fee2e2;--status-cancelled-text:#b91c1c;--retail-shadow-sm:0 1px 3px rgba(0,0,0,0.05);--retail-shadow-md:0 4px 12px rgba(15,23,42,0.06);--retail-shadow-lg:0 10px 25px rgba(37,99,235,0.12);--retail-radius:16px}body{background-color:var(--retail-bg);color:var(--retail-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.font-heading,h1,h2,h3,h4{font-family:Outfit,sans-serif;letter-spacing:-.02em}.retail-container{width:100%;max-width:100%;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;background-color:#ffffff;box-shadow:0 0 40px rgba(0,0,0,.03)}@media (min-width:768px){.retail-container{max-width:520px;margin:20px auto;border-radius:32px;border:1px solid var(--retail-border);overflow:hidden;min-height:calc(100vh - 40px);box-shadow:0 25px 60px rgba(15,23,42,.12)}.retail-desktop-wrapper{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;padding:20px;position:relative}}@media (max-width:767px){.retail-desktop-wrapper{min-height:100vh;background:#ffffff;padding:0}.retail-container{border-radius:0;box-shadow:none;min-height:100vh}}.retail-header{padding:16px 20px;background:#ffffff;border-bottom:1px solid var(--retail-border-light);display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.retail-header-title{font-size:1.15rem;font-weight:700;color:var(--retail-text-main);display:flex;align-items:center;gap:8px}.retail-content{flex:1 1;padding:20px 20px 90px;overflow-y:auto}.retail-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;background:#ffffff;border-top:1px solid var(--retail-border);display:flex;align-items:center;justify-content:space-around;padding:8px 12px 14px;z-index:50;box-shadow:0 -4px 16px rgba(0,0,0,.04)}@media (max-width:767px){.retail-bottom-nav{max-width:100%}}.nav-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--retail-text-muted);font-size:.72rem;font-weight:600;padding:4px 12px;border-radius:12px;transition:all .2s ease;flex:1 1}.nav-tab-item.active{color:var(--retail-primary)}.nav-tab-item.active svg{stroke-width:2.5px}.retail-btn-primary{width:100%;background:var(--retail-primary);color:#ffffff;border:none;border-radius:14px;padding:14px 20px;font-size:.98rem;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 14px rgba(37,99,235,.25)}.retail-btn-primary:hover:not(:disabled){background:var(--retail-primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,99,235,.35)}.retail-btn-primary:disabled{opacity:.6;cursor:not-allowed}.retail-btn-secondary{width:100%;background:#ffffff;color:var(--retail-text-main);border:1.5px solid var(--retail-border);border-radius:14px;padding:13px 20px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.retail-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.retail-card{background:#ffffff;border-radius:var(--retail-radius);border:1px solid var(--retail-border);padding:16px;margin-bottom:14px;box-shadow:var(--retail-shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.retail-card:hover{border-color:#cbd5e1}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.status-pill.pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.status-pill.processing{background:var(--status-processing-bg);color:var(--status-processing-text)}.status-pill.out_for_delivery{background:var(--status-out-bg);color:var(--status-out-text)}.status-pill.delivered{background:var(--status-delivered-bg);color:var(--status-delivered-text)}.status-pill.cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)}.retail-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--retail-border);background:#ffffff;font-size:.95rem;color:var(--retail-text-main);outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.retail-input:focus{border-color:var(--retail-primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.retail-switch{position:relative;display:inline-block;width:44px;height:24px}.retail-switch input{opacity:0;width:0;height:0}.retail-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.retail-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}input:checked+.retail-slider{background-color:var(--retail-primary)}input:checked+.retail-slider:before{transform:translateX(20px)}.step-indicator-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.step-indicator-dot{height:6px;border-radius:3px;background:#e2e8f0;transition:all .3s ease}.step-indicator-dot.active{width:32px;background:var(--retail-primary)}.step-indicator-dot.inactive{width:12px;background:#cbd5e1}.spin-animate{animation:spin 1s linear infinite}:root{--main-primary-color:#7c3aed;--main-primary-hover:#6d28d9;--main-primary-active:#5b21b6;--main-primary-light:#8b5cf6;--main-primary-subtle:#f5f3ff;--main-primary-border:#ddd6fe;--main-primary-rgb:124,58,237;--main-primary-glow:rgba(124,58,237,0.35);--crm-primary-color:#ff6b35;--crm-primary-hover:#ff8c5a;--crm-primary-active:#e55a25;--crm-primary-light:#ff9d73;--crm-primary-subtle:#fff3ed;--crm-primary-border:#fed7aa;--crm-primary-rgb:255,107,53;--crm-primary-glow:rgba(255,107,53,0.35);--bio-primary-color:#06b6d4;--bio-primary-hover:#0891b2;--bio-primary-active:#0e7490;--bio-primary-light:#67e8f9;--bio-primary-subtle:#ecfeff;--bio-primary-border:#a5f3fc;--bio-primary-rgb:6,182,212;--bio-primary-glow:rgba(6,182,212,0.35);--seller-primary-color:#2563eb;--seller-primary-hover:#1d4ed8;--seller-primary-active:#1e40af;--seller-primary-light:#60a5fa;--seller-primary-subtle:#eff6ff;--seller-primary-border:#bfdbfe;--seller-primary-rgb:37,99,235;--seller-primary-glow:rgba(37,99,235,0.35);--shop-primary-color:#16a34a;--shop-primary-hover:#15803d;--shop-primary-active:#166534;--shop-primary-light:#4ade80;--shop-primary-subtle:#f0fdf4;--shop-primary-border:#bbf7d0;--shop-primary-rgb:22,163,74;--shop-primary-glow:rgba(22,163,74,0.35);--admin-primary-color:#dc2626;--admin-primary-hover:#b91c1c;--admin-primary-active:#991b1b;--admin-primary-light:#f87171;--admin-primary-subtle:#fef2f2;--admin-primary-border:#fecaca;--admin-primary-rgb:220,38,38;--admin-primary-glow:rgba(220,38,38,0.35);--brand-primary:var(--main-primary-color);--brand-primary-light:var(--main-primary-light);--brand-primary-dark:var(--main-primary-hover);--brand-primary-rgb:var(--main-primary-rgb);--font-primary:"Bricolage Grotesque",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Bricolage Grotesque",-apple-system,BlinkMacSystemFont,sans-serif;--bg-primary:#ffffff;--bg-page:#f8fafc;--bg-card-hover:#f1f5f9;--bg-subtle:#f8fafc;--bg-glass:rgba(255,255,255,0.85);--bg-glass-border:rgba(15,23,42,0.08);--bg-input:rgba(15,23,42,0.04);--border-color:#e2e8f0;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.03);--shadow-md:0 4px 14px rgba(0,0,0,0.07);--shadow-lg:0 10px 30px rgba(0,0,0,0.09);--shadow-brand:0 4px 20px rgba(var(--brand-primary-rgb),0.25);--btn-radius:9999px;--btn-radius-square:12px;--btn-font-weight:600;--btn-transition:all 250ms cubic-bezier(0.16,1,0.3,1);--btn-primary-bg:var(--brand-primary);--btn-primary-text:#ffffff;--btn-primary-border:transparent;--btn-primary-hover-bg:var(--brand-primary-light);--btn-primary-hover-text:#ffffff;--btn-primary-hover-border:transparent;--btn-primary-hover-transform:translateY(-2px);--btn-primary-hover-shadow:0 8px 24px -4px rgba(var(--brand-primary-rgb),0.4);--btn-primary-active-transform:translateY(0);--btn-primary-active-shadow:0 2px 8px rgba(var(--brand-primary-rgb),0.25);--btn-secondary-bg:var(--bg-card);--btn-secondary-text:var(--text-primary);--btn-secondary-border:var(--border-color);--btn-secondary-hover-bg:var(--bg-card-hover);--btn-secondary-hover-text:var(--brand-primary);--btn-secondary-hover-border:var(--brand-primary);--btn-secondary-hover-transform:translateY(-2px);--btn-secondary-hover-shadow:0 6px 18px rgba(0,0,0,0.06);--btn-secondary-active-transform:translateY(0);--btn-secondary-active-shadow:none}[data-theme=dark]{--bg-primary:#0b0f19;--bg-page:#070a12;--bg-dark:#070a12;--bg-card:#111827;--bg-card-hover:#1f293d;--bg-subtle:#131d33;--bg-glass:rgba(17,24,39,0.85);--bg-input:rgba(255,255,255,0.07);--border-color:#1e293b;--border-subtle:#162032;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#070a12;--shadow-sm:0 2px 8px rgba(0,0,0,0.35);--shadow-md:0 6px 20px rgba(0,0,0,0.45);--shadow-lg:0 12px 40px rgba(0,0,0,0.55);--shadow-brand:0 4px 25px rgba(var(--brand-primary-rgb),0.35);--btn-secondary-bg:rgba(255,255,255,0.06);--btn-secondary-text:#f8fafc;--btn-secondary-border:rgba(255,255,255,0.14);--btn-secondary-hover-bg:rgba(255,255,255,0.12);--btn-secondary-hover-text:#ffffff;--btn-secondary-hover-border:var(--brand-primary-light);--btn-secondary-hover-shadow:0 6px 20px rgba(0,0,0,0.4);--main-primary-subtle:rgba(124,58,237,0.15);--main-primary-border:rgba(124,58,237,0.3);--crm-primary-subtle:rgba(255,107,53,0.15);--crm-primary-border:rgba(255,107,53,0.3);--bio-primary-subtle:rgba(6,182,212,0.15);--bio-primary-border:rgba(6,182,212,0.3);--seller-primary-subtle:rgba(37,99,235,0.15);--seller-primary-border:rgba(37,99,235,0.3);--shop-primary-subtle:rgba(22,163,74,0.15);--shop-primary-border:rgba(22,163,74,0.3);--admin-primary-subtle:rgba(220,38,38,0.15);--admin-primary-border:rgba(220,38,38,0.3)}.btn-primary,.btn-theme-primary{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border:1px solid var(--btn-primary-border)!important;border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);transition:var(--btn-transition);box-shadow:var(--shadow-brand);cursor:pointer;text-decoration:none}.btn-primary:hover,.btn-theme-primary:hover{background:var(--btn-primary-hover-bg)!important;color:var(--btn-primary-hover-text)!important;border-color:var(--btn-primary-hover-border)!important;transform:var(--btn-primary-hover-transform);box-shadow:var(--btn-primary-hover-shadow)}.btn-primary:active,.btn-theme-primary:active{transform:var(--btn-primary-active-transform);box-shadow:var(--btn-primary-active-shadow)}.btn-secondary,.btn-theme-secondary{background:var(--btn-secondary-bg)!important;color:var(--btn-secondary-text)!important;border:1px solid var(--btn-secondary-border)!important;border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);transition:var(--btn-transition);cursor:pointer;text-decoration:none}.btn-secondary:hover,.btn-theme-secondary:hover{background:var(--btn-secondary-hover-bg)!important;color:var(--btn-secondary-hover-text)!important;border-color:var(--btn-secondary-hover-border)!important;transform:var(--btn-secondary-hover-transform);box-shadow:var(--btn-secondary-hover-shadow)}.btn-secondary:active,.btn-theme-secondary:active{transform:var(--btn-secondary-active-transform);box-shadow:var(--btn-secondary-active-shadow)}.btn-main,.btn-primary-main{background:linear-gradient(135deg,var(--main-primary-color),var(--main-primary-hover))!important;color:#ffffff!important;border:none!important;box-shadow:0 4px 16px var(--main-primary-glow)!important;transition:var(--btn-transition)!important}.btn-main:hover,.btn-primary-main:hover{background:linear-gradient(135deg,var(--main-primary-light),var(--main-primary-color))!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px var(--main-primary-glow)!important}.btn-secondary-main{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--main-primary-border)!important;transition:var(--btn-transition)!important}.btn-secondary-main:hover{background:var(--main-primary-subtle)!important;border-color:var(--main-primary-color)!important;color:var(--main-primary-color)!important;transform:translateY(-2px)!important}.btn-crm,.btn-primary-crm{background:linear-gradient(135deg,var(--crm-primary-color),var(--crm-primary-active))!important;color:#ffffff!important;border:none!important;box-shadow:0 4px 16px var(--crm-primary-glow)!important;transition:var(--btn-transition)!important}.btn-crm:hover,.btn-primary-crm:hover{background:linear-gradient(135deg,var(--crm-primary-light),var(--crm-primary-color))!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px var(--crm-primary-glow)!important}.btn-secondary-crm{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--crm-primary-border)!important;transition:var(--btn-transition)!important}.btn-secondary-crm:hover{background:var(--crm-primary-subtle)!important;border-color:var(--crm-primary-color)!important;color:var(--crm-primary-color)!important;transform:translateY(-2px)!important}.btn-bio,.btn-primary-bio{background:linear-gradient(135deg,var(--bio-primary-color),var(--bio-primary-active))!important;color:#ffffff!important;border:none!important;box-shadow:0 4px 16px var(--bio-primary-glow)!important;transition:var(--btn-transition)!important}.btn-bio:hover,.btn-primary-bio:hover{background:linear-gradient(135deg,var(--bio-primary-light),var(--bio-primary-color))!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px var(--bio-primary-glow)!important}.btn-secondary-bio{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--bio-primary-border)!important;transition:var(--btn-transition)!important}.btn-secondary-bio:hover{background:var(--bio-primary-subtle)!important;border-color:var(--bio-primary-color)!important;color:var(--bio-primary-color)!important;transform:translateY(-2px)!important}.btn-primary-seller,.btn-seller{background:linear-gradient(135deg,var(--seller-primary-color),var(--seller-primary-active))!important;color:#ffffff!important;border:none!important;box-shadow:0 4px 16px var(--seller-primary-glow)!important;transition:var(--btn-transition)!important}.btn-primary-seller:hover,.btn-seller:hover{background:linear-gradient(135deg,var(--seller-primary-light),var(--seller-primary-color))!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px var(--seller-primary-glow)!important}.btn-secondary-seller{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--seller-primary-border)!important;transition:var(--btn-transition)!important}.btn-secondary-seller:hover{background:var(--seller-primary-subtle)!important;border-color:var(--seller-primary-color)!important;color:var(--seller-primary-color)!important;transform:translateY(-2px)!important}.btn-primary-shop,.btn-shop{background:linear-gradient(135deg,var(--shop-primary-color),var(--shop-primary-active))!important;color:#ffffff!important;border:none!important;box-shadow:0 4px 16px var(--shop-primary-glow)!important;transition:var(--btn-transition)!important}.btn-primary-shop:hover,.btn-shop:hover{background:linear-gradient(135deg,var(--shop-primary-light),var(--shop-primary-color))!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px var(--shop-primary-glow)!important}.btn-secondary-shop{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--shop-primary-border)!important;transition:var(--btn-transition)!important}.btn-secondary-shop:hover{background:var(--shop-primary-subtle)!important;border-color:var(--shop-primary-color)!important;color:var(--shop-primary-color)!important;transform:translateY(-2px)!important}:root{--brand-primary:#ff6b35;--brand-primary-light:#ff8c5a;--brand-primary-dark:#e55a25;--brand-secondary:#1a1a2e;--brand-accent:#f7c59f;--bg-dark:#f5f5f8;--bg-card:#ffffff;--bg-card-hover:#f0f0f5;--bg-glass:rgba(0,0,0,0.02);--bg-glass-border:rgba(0,0,0,0.08);--bg-input:rgba(0,0,0,0.04);--text-primary:#1a1a2e;--text-secondary:#4a4a68;--text-muted:#8b8ba8;--text-inverse:#ffffff;--status-pending:#f59e0b;--status-processing:#3b82f6;--status-ready:#10b981;--status-delivered:#6b7280;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 30px rgba(0,0,0,0.1);--shadow-brand:0 4px 16px rgba(255,107,53,0.25);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Bricolage Grotesque","Outfit",-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark]{--bg-dark:#0d0d1a;--bg-card:#1a1a2e;--bg-card-hover:#22223a;--bg-glass:rgba(255,255,255,0.05);--bg-glass-border:rgba(255,255,255,0.1);--bg-input:rgba(255,255,255,0.08);--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6b6b85;--text-inverse:#0d0d1a;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 20px rgba(0,0,0,0.4);--shadow-lg:0 8px 40px rgba(0,0,0,0.5);--shadow-brand:0 4px 20px rgba(255,107,53,0.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none}button,input,select,textarea{outline:none;font-family:var(--font-body)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-display,h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--border-radius-full);font-size:.95rem;font-weight:600;transition:all var(--transition-normal);white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:white;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-primary-light),var(--brand-primary));transform:translateY(-2px);box-shadow:0 6px 25px rgba(255,107,53,.4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--bg-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--brand-primary);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-glass)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 32px;font-size:1.05rem}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--bg-glass-border);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-lg)}.input{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--bg-glass-border);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--brand-primary);background:rgba(255,107,53,.05);box-shadow:0 0 0 3px rgba(255,107,53,.15)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600}.badge-pending{background:rgba(245,158,11,.15);color:var(--status-pending)}.badge-processing{background:rgba(59,130,246,.15);color:var(--status-processing)}.badge-ready{background:rgba(16,185,129,.15);color:var(--status-ready)}.badge-delivered{background:rgba(107,114,128,.15);color:var(--status-delivered)}.page{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:480px;margin:0 auto;padding:0 16px}.container-wide{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{width:24px;height:24px;border:3px solid var(--bg-glass-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .4s ease forwards}.slide-up{animation:slideUp .5s ease forwards}.bounce-in{animation:bounceIn .5s ease forwards}.pulse{animation:pulse 2s ease-in-out infinite}.stagger-children>*{animation:fadeIn .4s ease forwards;opacity:0}.stagger-children>:first-child{animation-delay:.05s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.bottom-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;animation:fadeIn .2s ease}.bottom-sheet{width:100%;max-width:480px;margin:0 auto;background:var(--bg-card);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;padding:24px;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.bottom-sheet-handle{width:40px;height:4px;background:var(--bg-glass-border);border-radius:2px;margin:0 auto 20px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:var(--bg-card);border-top:1px solid var(--bg-glass-border);display:flex;align-items:center;justify-content:space-around;padding:0 8px;z-index:90;box-shadow:0 -2px 12px rgba(0,0,0,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .bottom-nav{box-shadow:0 -2px 12px rgba(0,0,0,.3)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;border-radius:12px;background:transparent;color:var(--text-muted);font-size:.68rem;font-weight:600;transition:all .2s ease;cursor:pointer;min-width:56px}.bottom-nav-item.active{color:var(--brand-primary)}.bottom-nav-item.active:after{content:"";display:none}.bottom-nav-item:hover{color:var(--brand-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.empty-state-icon{font-size:3rem;opacity:.5}.empty-state h3{color:var(--text-secondary)}.empty-state p{color:var(--text-muted);font-size:.9rem}.divider{height:1px;background:var(--bg-glass-border);margin:16px 0}.toast-custom{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--bg-glass-border)!important;font-family:var(--font-body)!important}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.w-full{width:100%}.mt-auto{margin-top:auto}.p-16{padding:16px}.p-24{padding:24px}.hidden{display:none}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-info{color:#0dcaf0!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.bg-primary{background-color:var(--front-primary)!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#198754!important}.bg-info{background-color:#0dcaf0!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.bg-body,.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0))!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-full{border-radius:99px!important}.rounded-top{border-top-left-radius:.25rem!important}.rounded-end,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-end{border-bottom-right-radius:.25rem!important}.rounded-bottom,.rounded-start{border-bottom-left-radius:.25rem!important}.rounded-start{border-top-left-radius:.25rem!important}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{height:1rem;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress,.progress-bar{display:flex;overflow:hidden}.progress-bar{flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 0,transparent 50%,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}@media (min-width:768px){.container{max-width:600px}}