@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap);.access-wrapper{justify-content:center;min-height:80vh;padding:24px}.access-card,.access-wrapper{align-items:center;display:flex}.access-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 20px 50px -12px #0f172a14;flex-direction:column;max-width:560px;padding:48px 36px;text-align:center;width:100%}.access-icon-container{align-items:center;animation:pulse 2.5s ease-in-out infinite;border-radius:24px;display:inline-flex;height:84px;justify-content:center;margin-bottom:28px;width:84px}.access-icon-container--blocked{background:linear-gradient(135deg,#fff5f5,#ffe3e3);border:1px solid #fecaca;box-shadow:0 10px 20px -6px #ef444426;color:#ef4444}.access-icon-container--warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;box-shadow:0 10px 20px -6px #d9770626;color:#d97706}.access-heading{color:#0f172a;font-family:Poppins,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:14px}.access-message{color:#64748b;font-family:Poppins,sans-serif;font-size:15px;line-height:1.6;margin-bottom:8px}.access-rejection-box{align-items:flex-start;background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1px solid #fecdd3;border-radius:12px;box-shadow:0 8px 16px -4px #e11d481a;box-sizing:border-box;color:#be123c;display:flex;font-size:14.5px;gap:14px;margin-bottom:6px;padding:16px 20px;text-align:left;width:100%}.access-rejection-icon{color:#e11d48;margin-top:2px}.access-rejection-content{flex:1 1}.access-rejection-title{color:#9f1239;display:block;font-size:15px;font-weight:700;margin-bottom:6px}.access-rejection-desc{display:block;line-height:1.6}.access-blocked-actions{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#ef4444;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.access-pulse-dot{animation:pulse-dot 1s infinite;background-color:#ef4444;border-radius:50%;height:8px;width:8px}.access-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%}.access-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;padding:12px 28px;transition:transform .2s,box-shadow .2s}.access-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.access-icon-container--blocked{animation-name:pulse-blocked}.access-icon-container--warning{animation-name:pulse-warning}@keyframes pulse-blocked{0%,to{box-shadow:0 10px 20px -6px #ef444426;transform:scale(1)}50%{box-shadow:0 14px 28px -4px #ef444440;transform:scale(1.06)}}@keyframes pulse-warning{0%,to{box-shadow:0 10px 20px -6px #d9770626;transform:scale(1)}50%{box-shadow:0 14px 28px -4px #d9770640;transform:scale(1.06)}}@keyframes pulse-dot{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:480px){.access-wrapper{min-height:80vh;padding:1px}.access-card{padding:12px 15px!important}.access-icon-container{height:64px!important;margin-bottom:20px!important;width:64px!important}.access-icon-container svg{height:32px!important;width:32px!important}.access-heading{font-size:20px!important;margin-bottom:10px!important}.access-message{font-size:14px!important;margin-bottom:10px!important}.access-rejection-box{flex-direction:column!important;font-size:13.5px!important;gap:8px!important;padding:12px 16px!important}.access-btn{font-size:14px!important;justify-content:center!important;padding:12px 20px!important;width:100%!important}}:root{--vo-brand-teal:#0d9488;--vo-brand-teal-light:#14b8a6;--vo-brand-teal-bg:#f0fdfa;--vo-slate-900:#0f172a;--vo-slate-800:#1e293b;--vo-slate-700:#334155;--vo-slate-600:#475569;--vo-slate-400:#94a3b8;--vo-slate-200:#e2e8f0;--vo-slate-100:#f1f5f9;--vo-slate-50:#f8fafc;--vo-green-600:#16a34a;--vo-green-50:#f0fdf4;--vo-red-500:#ef4444;--vo-red-50:#fef2f2;--vo-radius-sm:8px;--vo-radius-md:12px;--vo-radius-lg:16px;--vo-radius-xl:20px;--vo-shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--vo-shadow-md:0 4px 16px #0f172a12,0 1px 4px #0f172a0d;--vo-shadow-lg:0 10px 30px #0f172a17,0 2px 8px #0f172a0d}.vo-page{animation:vo-fadein .4s ease;background:#f8fafc;background:var(--vo-slate-50);font-family:Inter,sans-serif;min-height:100vh;padding:0 0 40px}@keyframes vo-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vo-hero{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 55%,#0d4f47);border-radius:0 0 20px 20px;border-radius:0 0 var(--vo-radius-xl) var(--vo-radius-xl);box-shadow:0 8px 32px #0f172a26;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:20px 28px;position:relative}.vo-hero:before{background:#0d94881f;height:180px;right:-40px;top:-40px;width:180px}.vo-hero:after,.vo-hero:before{border-radius:50%;content:"";position:absolute}.vo-hero:after{background:#0d948812;bottom:-60px;height:240px;left:30%;width:240px}.vo-hero-left{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.vo-back-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:12px;border-radius:var(--vo-radius-md);color:#ffffffd9;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:7px;padding:8px 16px;transition:all .2s}.vo-back-btn:hover{background:#ffffff26;border-color:#ffffff59;color:#fff;transform:translateX(-3px)}.vo-hero-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.vo-download-btn{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:12px;border-radius:var(--vo-radius-md);box-shadow:0 4px 14px #0d948859;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13px;font-weight:700;gap:7px;padding:9px 18px;transition:all .25s ease;white-space:nowrap}.vo-download-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 6px 20px #0d948873;transform:translateY(-2px)}.vo-download-btn:disabled{cursor:not-allowed;opacity:.75}.vo-btn-spinner{animation:vo-spin .7s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:13px;width:13px}.vo-hero-title-wrap{display:flex;flex-direction:column;gap:4px}.vo-title{color:#fff;font-size:20px;font-weight:900;letter-spacing:-.02em;margin:0}.vo-order-id{color:#14b8a6;color:var(--vo-brand-teal-light);font-family:Inter,monospace;font-size:13px;font-weight:600;letter-spacing:.02em}.vo-hero-right{position:relative;z-index:1}.vo-status-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12.5px;font-weight:700;gap:7px;letter-spacing:.03em;padding:6px 16px}.vo-status-chip:before{border-radius:50%;content:"";flex-shrink:0;height:7px;width:7px}.vo-chip-confirmed,.vo-chip-delivered{background:#dcfce72e;border:1px solid #86efac40;color:#86efac}.vo-chip-confirmed:before,.vo-chip-delivered:before{animation:vo-pulse 2s infinite;background:#22c55e;box-shadow:0 0 0 3px #22c55e4d}@keyframes vo-pulse{0%,to{box-shadow:0 0 0 0 #22c55e66}50%{box-shadow:0 0 0 5px #22c55e00}}.vo-chip-pending{background:#fef9c326;border:1px solid #fde68a40;color:#fde68a}.vo-chip-pending:before{animation:vo-pulse-yellow 2s infinite;background:#eab308}@keyframes vo-pulse-yellow{0%,to{box-shadow:0 0 0 0 #eab30866}50%{box-shadow:0 0 0 5px #eab30800}}.vo-chip-shipped{background:#dbeafe26;border:1px solid #93c5fd40;color:#93c5fd}.vo-chip-shipped:before{background:#3b82f6}.vo-chip-cancelled{background:#fee2e226;border:1px solid #fca5a540;color:#fca5a5}.vo-chip-cancelled:before{background:#ef4444}.vo-chip-default{background:#ffffff1a;border:1px solid #ffffff26;color:#ffffffb3}.vo-chip-default:before{background:#94a3b8}.vo-chip-requested{background:#fef3c72e;border:1px solid #fde68a40;color:#fde68a}.vo-chip-requested:before{animation:vo-pulse-yellow 2s infinite;background:#f59e0b}.vo-chip-approved{background:#dbeafe2e;border:1px solid #93c5fd40;color:#93c5fd}.vo-chip-approved:before{background:#3b82f6}.vo-chip-picked-up{background:#f3e8ff2e;border:1px solid #d8b4fe40;color:#d8b4fe}.vo-chip-picked-up:before{background:#a855f7}.vo-chip-received{background:#dcfce72e;border:1px solid #86efac40;color:#86efac}.vo-chip-received:before{animation:vo-pulse 2s infinite;background:#22c55e;box-shadow:0 0 0 3px #22c55e4d}.vo-chip-return-initiated{background:#fed7aa33;border:1px solid #fb923c59;color:#fdba74}.vo-chip-return-initiated:before{animation:vo-pulse-orange 2s infinite;background:#ea580c;box-shadow:0 0 0 3px #ea580c4d}@keyframes vo-pulse-orange{0%,to{box-shadow:0 0 0 0 #ea580c66}50%{box-shadow:0 0 0 5px #ea580c00}}.vo-chip-return-completed{background:#d1fae533;border:1px solid #34d39959;color:#6ee7b7}.vo-chip-return-completed:before{animation:vo-pulse 2s infinite;background:#10b981;box-shadow:0 0 0 3px #10b9814d}.vo-status-chip.in-card{border:none;box-shadow:0 2px 8px #22c55e26}.vo-status-chip.in-card,.vo-status-chip.in-card.confirmed,.vo-status-chip.in-card.delivered{background:#dcfce7;color:#166534}.vo-status-chip.in-card.pending{background:#fef9c3;color:#854d0e}.vo-status-chip.in-card.cancelled{background:#fee2e2;color:#991b1b}.vo-status-chip.in-card:before{animation:none;box-shadow:none}.vo-status-chip.in-card.confirmed:before,.vo-status-chip.in-card.delivered:before{background:#16a34a}.vo-status-chip.in-card.pending:before{background:#eab308}.vo-status-chip.in-card.cancelled:before{background:#dc2626}.vo-body{gap:20px;padding:0 24px}.vo-body,.vo-loading{display:flex;flex-direction:column}.vo-loading{align-items:center;color:#475569;color:var(--vo-slate-600);font-size:14px;font-weight:500;gap:16px;justify-content:center;padding:80px 20px}.vo-spinner{animation:vo-spin .75s linear infinite;border:4px solid #e2e8f0;border-top-color:#0d9488;border:4px solid var(--vo-slate-200);border-radius:50%;border-top-color:var(--vo-brand-teal);height:44px;width:44px}@keyframes vo-spin{to{transform:rotate(1turn)}}.vo-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:720px){.vo-grid-2{grid-template-columns:1fr}}.vo-info-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--vo-slate-200);border-radius:16px;border-radius:var(--vo-radius-lg);box-shadow:0 4px 16px #0f172a12,0 1px 4px #0f172a0d;box-shadow:var(--vo-shadow-md);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.vo-info-card:hover{box-shadow:0 10px 30px #0f172a17,0 2px 8px #0f172a0d;box-shadow:var(--vo-shadow-lg);transform:translateY(-3px)}.vo-info-card.card-order{border-left:4px solid #334155}.vo-info-card.card-shipping{border-left:4px solid #0d9488;border-left:4px solid var(--vo-brand-teal)}.vo-info-card-header{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--vo-slate-100);display:flex;gap:14px;padding:18px 22px 14px}.vo-info-card-icon{align-items:center;border-radius:8px;border-radius:var(--vo-radius-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.vo-icon-slate{background:linear-gradient(135deg,#475569,#1e293b);box-shadow:0 4px 12px #1e293b40;color:#fff}.vo-icon-teal{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 4px 12px #0d94884d;color:#fff}.vo-icon-orange{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #ea580c4d;color:#fff}.vo-icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #2563eb4d;color:#fff}.vo-icon-purple{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #9333ea4d;color:#fff}.vo-icon-green{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #16a34a4d;color:#fff}.vo-info-card-title{color:#0f172a;color:var(--vo-slate-900);font-size:15px;font-weight:800;letter-spacing:-.01em;margin:0}.vo-info-card-body{grid-gap:18px 24px;display:grid;gap:18px 24px;grid-template-columns:1fr 1fr;padding:20px 22px 22px}@media (max-width:480px){.vo-info-card-body{grid-template-columns:1fr}}.vo-field{display:flex;flex-direction:column;gap:5px}.vo-field-label{color:#94a3b8;color:var(--vo-slate-400);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.vo-field-value{color:#1e293b;color:var(--vo-slate-800);font-size:14px;font-weight:700;line-height:1.4;word-break:break-word}.vo-amount-value{color:#16a34a;color:var(--vo-green-600);font-size:22px;font-weight:900;letter-spacing:-.02em}.vo-section-title{align-items:center;color:#1e293b;color:var(--vo-slate-800);display:flex;font-size:15px;font-weight:800;gap:10px;margin:4px 0 -4px}.vo-section-title:after{background:linear-gradient(90deg,#e2e8f0,#0000);background:linear-gradient(90deg,var(--vo-slate-200),#0000);border-radius:2px;content:"";flex:1 1;height:2px}.vo-section-title-icon{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:8px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.vo-products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1100px){.vo-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.vo-products-grid{gap:16px;grid-template-columns:1fr}}.vo-product-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--vo-slate-200);border-radius:16px;border-radius:var(--vo-radius-lg);box-shadow:0 4px 16px #0f172a12,0 1px 4px #0f172a0d;box-shadow:var(--vo-shadow-md);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.vo-product-card:hover{border-color:#cbd5e1;box-shadow:0 10px 30px #0f172a17,0 2px 8px #0f172a0d;box-shadow:var(--vo-shadow-lg);transform:translateY(-3px)}.vo-product-card:before{background:#e2e8f0;background:var(--vo-slate-200);border-radius:4px 0 0 4px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.vo-product-card[data-status=completed]:before,.vo-product-card[data-status=delivered]:before,.vo-product-card[data-status=shipped]:before{background:linear-gradient(180deg,#22c55e,#16a34a)}.vo-product-card[data-status=out_for_delivery]:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.vo-product-card[data-status=pickup]:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.vo-product-card[data-status=cancelled]:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.vo-product-card[data-status=pending]:before,.vo-product-card[data-status=processing]:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.vo-product-top{align-items:flex-start;display:flex;gap:16px;padding:20px 20px 16px 24px}.vo-img-wrap{flex-shrink:0;position:relative}.vo-img{background:#f8fafc;background:var(--vo-slate-50);border:2px solid #f1f5f9;border:2px solid var(--vo-slate-100);border-radius:12px;border-radius:var(--vo-radius-md);box-shadow:0 4px 12px #00000014;height:82px;object-fit:cover;width:82px}.vo-img-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #e2e8f0;border:2px solid var(--vo-slate-200);border-radius:12px;border-radius:var(--vo-radius-md);color:#94a3b8;color:var(--vo-slate-400);display:flex;flex-shrink:0;height:82px;justify-content:center;width:82px}.vo-product-info{flex:1 1;min-width:0}.vo-product-info h4{color:#0f172a;color:var(--vo-slate-900);font-size:15px;font-weight:800;line-height:1.35;margin:0 0 10px;padding-right:8px}.vo-product-invoice-btn{align-items:center;background:#f8fafc;background:var(--vo-slate-50);border:1px solid #e2e8f0;border:1px solid var(--vo-slate-200);border-radius:8px;color:#475569;color:var(--vo-slate-600);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600;gap:5px;padding:5px 11px;position:absolute;right:16px;top:16px;transition:all .2s}.vo-product-invoice-btn:hover{background:#f1f5f9;background:var(--vo-slate-100);border-color:#cbd5e1;border-color:var(--vo-slate-300,#cbd5e1);color:#1e293b;color:var(--vo-slate-800)}.vo-product-meta{display:flex;flex-wrap:wrap;gap:7px}.vo-meta-chip{align-items:center;background:#f8fafc;background:var(--vo-slate-50);border:1px solid #e2e8f0;border:1px solid var(--vo-slate-200);border-radius:6px;color:#334155;color:var(--vo-slate-700);display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:4px 10px;transition:all .2s}.vo-meta-chip:hover{background:#f1f5f9;background:var(--vo-slate-100);border-color:#cbd5e1}.vo-meta-chip .chip-label{color:#0d9488;color:var(--vo-brand-teal);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.vo-product-sub{background:linear-gradient(135deg,#fafbfc,#f8fafc);border-bottom:1px dashed #e2e8f0;border-bottom:1px dashed var(--vo-slate-200);border-top:1px dashed #e2e8f0;border-top:1px dashed var(--vo-slate-200);padding:14px 20px 14px 24px}.vo-seller-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.vo-seller-header-icon{align-items:center;background:linear-gradient(135deg,#475569,#1e293b);border-radius:6px;color:#fff;display:flex;height:22px;justify-content:center;width:22px}.vo-seller-header h5{color:#475569;color:var(--vo-slate-600);font-size:10.5px;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}.vo-seller-grid{grid-gap:9px 20px;display:grid;gap:9px 20px;grid-template-columns:1fr 1fr}.vo-seller-item{color:#475569;color:var(--vo-slate-600);display:flex;flex-direction:column;font-size:12.5px;gap:2px}.vo-seller-item .s-label{color:#94a3b8;color:var(--vo-slate-400);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vo-seller-item .s-value{color:#1e293b;color:var(--vo-slate-800);font-size:13px;font-weight:600}.vo-product-footer{justify-content:flex-end;margin-top:auto;padding:14px 20px}.vo-product-footer,.vo-return-banner{align-items:center;display:flex;gap:10px}.vo-return-banner{background:#fef9c3;border:1px solid #fde68a;border-radius:8px;border-radius:var(--vo-radius-sm);justify-content:space-between;margin:0 20px 0 24px;padding:10px 14px}.vo-return-reason{color:#854d0e;font-size:12.5px;font-weight:600}.vo-return-reason span{color:#dc2626;font-weight:700}.vo-return-badge{background:#fff;border:1px solid #fde68a;border-radius:999px;color:#854d0e;font-size:11px;font-weight:700;padding:4px 10px;white-space:nowrap}.pickup-primary-btn{align-items:center;background:#2563eb;border:none;border-radius:12px;border-radius:var(--vo-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;gap:7px;padding:9px 20px;transition:all .25s ease}.pickup-primary-btn:hover:not(:disabled){box-shadow:0 6px 16px #2563eb4d;filter:brightness(1.1);transform:translateY(-2px)}.pickup-primary-btn:disabled{box-shadow:none;cursor:not-allowed;filter:none;opacity:.65;transform:none}.pickup-success-btn{align-items:center;background:#15803d;border:1px solid #86efac;border-radius:12px;border-radius:var(--vo-radius-md);color:#fff;cursor:default;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:700;gap:7px;padding:8px 20px}.vo-summary-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--vo-slate-200);border-radius:16px;border-radius:var(--vo-radius-lg);box-shadow:0 4px 16px #0f172a12,0 1px 4px #0f172a0d;box-shadow:var(--vo-shadow-md);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.vo-summary-card:hover{box-shadow:0 10px 30px #0f172a17,0 2px 8px #0f172a0d;box-shadow:var(--vo-shadow-lg);transform:translateY(-3px)}.vo-summary-card-header{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--vo-slate-100);display:flex;gap:12px;padding:18px 22px 14px}.vo-summary-card-header .sc-icon{align-items:center;background:linear-gradient(135deg,#475569,#1e293b);border-radius:8px;border-radius:var(--vo-radius-sm);box-shadow:0 4px 10px #1e293b33;color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.vo-summary-card-header.refund .sc-icon{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 10px #05966940}.vo-summary-card-header h3{color:#0f172a;color:var(--vo-slate-900);font-size:15px;font-weight:800;margin:0}.vo-summary-body{display:flex;flex-direction:column;gap:12px;padding:20px 22px}.vo-summary-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.vo-summary-row .sr-label{color:#475569;color:var(--vo-slate-600);font-weight:500}.vo-summary-row .sr-value{color:#1e293b;color:var(--vo-slate-800);font-weight:700}.vo-divider{background:#f1f5f9;background:var(--vo-slate-100);height:1px;margin:4px 0}.vo-breakdown-btn{align-items:center;background:#f8fafc;background:var(--vo-slate-50);border:1px solid #e2e8f0;border:1px solid var(--vo-slate-200);border-radius:8px;border-radius:var(--vo-radius-sm);color:#475569;color:var(--vo-slate-600);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;justify-content:space-between;padding:9px 14px;transition:all .2s;width:100%}.vo-breakdown-btn:hover{background:#f1f5f9;background:var(--vo-slate-100);color:#1e293b;color:var(--vo-slate-800)}.vo-breakdown-items{animation:vo-slide-down .2s ease;display:flex;flex-direction:column;gap:9px;padding:12px 0 4px}@keyframes vo-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vo-breakdown-row{display:flex;font-size:13px;justify-content:space-between}.vo-breakdown-row,.vo-breakdown-row .br-label{color:#64748b;color:var(--vo-slate-500,#64748b)}.vo-breakdown-row .br-value{color:#334155;color:var(--vo-slate-700);font-weight:600}.vo-total-row{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:linear-gradient(135deg,var(--vo-green-50),#dcfce7);border-top:2px solid #bbf7d0;display:flex;justify-content:space-between;padding:14px 22px}.vo-total-label{color:#1e293b;color:var(--vo-slate-800);font-size:15px;font-weight:800}.vo-total-value{color:#16a34a;color:var(--vo-green-600);font-size:22px;font-weight:900;letter-spacing:-.02em}.vo-total-value.unpaid{color:#d97706}.vo-summary-card.refund-card{border-left:4px solid #059669}.vo-refund-amount{color:#059669;font-size:20px;font-weight:900}.vo-track-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--vo-slate-200);border-radius:16px;border-radius:var(--vo-radius-lg);box-shadow:0 4px 16px #0f172a12,0 1px 4px #0f172a0d;box-shadow:var(--vo-shadow-md);overflow:hidden}.vo-track-header{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--vo-slate-100);display:flex;gap:14px;padding:18px 24px 14px}.vo-track-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);border-radius:8px;border-radius:var(--vo-radius-sm);box-shadow:0 4px 12px #0d94884d;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.vo-track-header h3{color:#0f172a;color:var(--vo-slate-900);font-size:15px;font-weight:800;margin:0}.vo-track-body{padding:28px 28px 32px}.track-stepper{display:flex;justify-content:space-between;padding:12px 0 0;position:relative}.track-stepper:before{background:#f1f5f9;background:var(--vo-slate-100);content:"";right:10%;z-index:0}.track-stepper-progress,.track-stepper:before{border-radius:3px;height:3px;left:10%;position:absolute;top:36px}.track-stepper-progress{background:linear-gradient(90deg,#0d9488,#14b8a6);background:linear-gradient(90deg,var(--vo-brand-teal),var(--vo-brand-teal-light));max-width:80%;transition:width .6s cubic-bezier(.34,1.56,.64,1);z-index:1}.track-stepper-4:before{left:12.5%!important;right:12.5%!important}.track-stepper-4 .track-stepper-progress{left:12.5%!important;max-width:75%!important}.track-step{flex:1 1;flex-direction:column;gap:14px;position:relative;text-align:center;z-index:2}.step-icon,.track-step{align-items:center;display:flex}.step-icon{background:#fff;border:2.5px solid #e2e8f0;border:2.5px solid var(--vo-slate-200);border-radius:50%;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--vo-shadow-sm);color:#cbd5e1;color:var(--vo-slate-300,#cbd5e1);height:46px;justify-content:center;transition:all .35s ease;width:46px}.track-step.completed .step-icon{background:linear-gradient(135deg,#e6faf8,#d0f2ee);border:2.5px solid #14b8a6;border:2.5px solid var(--vo-brand-teal-light);box-shadow:0 4px 14px #0d948833,0 0 0 4px #0d948814;color:#0d9488;color:var(--vo-brand-teal)}.track-step.cancelled .step-icon{background:#fee2e2;border:2.5px solid #fca5a5;box-shadow:0 4px 12px #ef444426;color:#dc2626}.step-content h4{font-size:13px;font-weight:700;margin:0 0 4px;transition:color .3s}.step-content h4,.step-content p{color:#94a3b8;color:var(--vo-slate-400)}.step-content p{font-size:11px;line-height:1.4;margin:0}.step-content .step-time{color:#0d9488;color:var(--vo-brand-teal);font-size:10.5px;font-weight:600;margin-top:3px}.track-step.completed .step-content h4{color:#1e293b;color:var(--vo-slate-800)}.track-step.completed .step-content p{color:#475569;color:var(--vo-slate-600)}.track-step.cancelled .step-content h4{color:#dc2626}.track-step.cancelled .step-content p{color:#ef4444}@media (max-width:680px){.track-stepper{flex-direction:column;gap:0;padding-left:4px;padding-top:0}.track-stepper-4:before,.track-stepper:before{bottom:20px;height:auto;left:22px!important;right:auto!important;top:20px;transform:translateX(-50%);width:3px}.track-stepper-4 .track-stepper-progress,.track-stepper-progress{left:22px!important;max-height:calc(100% - 40px);max-width:none!important;top:20px;width:3px!important}.track-step{align-items:flex-start;flex-direction:row;gap:20px;padding:20px 0;text-align:left}.step-content{padding-top:4px}}.vo-product-card.picked-up{border-color:#86efac;box-shadow:0 0 0 2px #22c55e14}.vo-empty{color:#94a3b8;color:var(--vo-slate-400);font-size:14px;padding:32px;text-align:center}.vo-return-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media (max-width:480px){.vo-body{padding:0 12px}.vo-hero{padding:16px}}.pickup-swal-popup{border-radius:24px!important;box-shadow:0 20px 45px -10px #0f172a40,0 0 1px #0f172a1a!important;font-family:Inter,sans-serif!important;max-width:92vw!important;padding:24px 20px!important;width:440px!important}.pickup-swal-actions{display:flex!important;gap:12px!important;margin-top:20px!important;padding:0 4px!important;width:100%!important}.pickup-swal-confirm{align-items:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 14px #10b98159!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex:1.2 1!important;font-family:Inter,sans-serif!important;font-size:14.5px!important;font-weight:600!important;justify-content:center!important;padding:12px 20px!important;transition:all .2s ease!important}.pickup-swal-confirm:hover{box-shadow:0 6px 18px #10b98173!important;filter:brightness(1.05)!important;transform:translateY(-1px)!important}.pickup-swal-cancel{align-items:center!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:12px!important;color:#475569!important;cursor:pointer!important;display:inline-flex!important;flex:1 1!important;font-family:Inter,sans-serif!important;font-size:14.5px!important;font-weight:600!important;justify-content:center!important;padding:12px 20px!important;transition:all .2s ease!important}.pickup-swal-cancel:hover{background:#e2e8f0!important;color:#1e293b!important}.pickup-date-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f62e!important}.pickup-swal-validation{background:#fef2f2!important;border-radius:10px!important;color:#b91c1c!important;font-size:13px!important;font-weight:500!important;margin-top:14px!important}.pickup-swal-confirm-blue{align-items:center!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 14px #2563eb59!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex:1.2 1!important;font-family:Inter,sans-serif!important;font-size:14.5px!important;font-weight:600!important;justify-content:center!important;padding:12px 20px!important;transition:all .2s ease!important}.pickup-swal-confirm-blue:hover{box-shadow:0 6px 18px #2563eb73!important;filter:brightness(1.05)!important;transform:translateY(-1px)!important}.pickup-swal-confirm-red{align-items:center!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 14px #ef444459!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex:1.2 1!important;font-family:Inter,sans-serif!important;font-size:14.5px!important;font-weight:600!important;justify-content:center!important;padding:12px 20px!important;transition:all .2s ease!important}.pickup-swal-confirm-red:hover{box-shadow:0 6px 18px #ef444473!important;filter:brightness(1.05)!important;transform:translateY(-1px)!important}.pickup-swal-confirm-purple{align-items:center!important;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 14px #8b5cf659!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex:1.2 1!important;font-family:Inter,sans-serif!important;font-size:14.5px!important;font-weight:600!important;justify-content:center!important;padding:12px 20px!important;transition:all .2s ease!important}.pickup-swal-confirm-purple:hover{box-shadow:0 6px 18px #8b5cf673!important;filter:brightness(1.05)!important;transform:translateY(-1px)!important}.vo-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.02em;padding:5px 14px;width:-webkit-fit-content;width:fit-content}.vo-badge-orange{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.vo-badge-blue{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.vo-badge-purple{background:#faf5ff;border:1px solid #e9d5ff;color:#9333ea}.vo-badge-green{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.vo-badge-gray{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.vo-btn-primary{align-items:center;background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:12px;border-radius:var(--vo-radius-md);box-shadow:0 4px 14px #4f46e54d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;gap:8px;padding:10px 22px;transition:all .25s ease}.vo-btn-primary:hover{box-shadow:0 6px 18px #4f46e566;filter:brightness(1.05);transform:translateY(-1px)}.vo-btn-purple{align-items:center;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:12px;border-radius:var(--vo-radius-md);box-shadow:0 4px 14px #9333ea4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;gap:8px;padding:10px 22px;transition:all .25s ease}.vo-btn-purple:hover{box-shadow:0 6px 18px #9333ea66;filter:brightness(1.05);transform:translateY(-1px)}.vo-btn-green{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;border-radius:var(--vo-radius-md);box-shadow:0 4px 14px #16a34a4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;gap:8px;padding:10px 22px;transition:all .25s ease}.vo-btn-green:hover{box-shadow:0 6px 18px #16a34a66;filter:brightness(1.05);transform:translateY(-1px)}.wallet-page{background-color:#f8fafc;box-sizing:border-box;font-family:Poppins,sans-serif;overflow-x:hidden;padding:16px}@media (min-width:1024px){.wallet-page{padding:24px}}.wallet-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:100%;width:100%}.wallet-header{align-items:flex-end;display:flex;justify-content:space-between}.wallet-title{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.wallet-subtitle{color:#64748b;font-size:14px;margin-top:4px}.system-status{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:999px;box-shadow:0 1px 2px #0000000d;display:none;gap:8px;padding:8px 16px}@media (min-width:768px){.system-status{display:flex}}.status-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:#475569;font-size:14px;font-weight:600}.wallet-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:1024px){.wallet-grid{grid-template-columns:repeat(12,1fr)}}.balance-card{background:linear-gradient(135deg,#020617,#0f172a);border-radius:24px;box-shadow:0 20px 40px -10px #0003;overflow:hidden;padding:24px;position:relative}@media (min-width:1024px){.balance-card{grid-column:span 8}}.glow-teal{background-color:#14b8a633;border-radius:50%;filter:blur(80px);height:384px;pointer-events:none;position:absolute;right:-128px;top:-128px;transition:background-color .7s;width:384px}.balance-card:hover .glow-teal{background-color:#14b8a64d}.glow-indigo{background-color:#6366f133;border-radius:50%;bottom:-128px;filter:blur(80px);height:384px;left:-128px;pointer-events:none;position:absolute;transition:background-color .7s;width:384px}.balance-card:hover .glow-indigo{background-color:#6366f14d}.balance-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:140px;position:relative;z-index:10}.balance-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.balance-label{color:#94a3b8;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.balance-amount{color:#fff;font-size:40px;font-weight:900;line-height:1.1;margin:0;text-shadow:0 4px 20px #00000080}.balance-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.btn-withdraw-main{align-items:center;background-color:#fff;border:none;border-radius:12px;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s ease}.btn-withdraw-main:hover{transform:scale(1.1)}.btn-withdraw-main:active{transform:scale(1.2)}.btn-withdraw-main svg{color:#0d9488;transition:transform .2s ease}.btn-withdraw-main:hover svg{transform:translate(1px,-1px)}.btn-analytics{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:background-color .2s ease}.btn-analytics:hover{background-color:#ffffff1a}.btn-back{align-items:center;background-color:#fff;border:1px solid #f1f5f9;border-radius:50%;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-back:hover{background-color:#f8fafc;transform:translateX(-2px)}.stats-column{display:flex;flex-direction:column;gap:16px}@media (min-width:1024px){.stats-column{grid-column:span 4}}.stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 15px 20px -5px #e2e8f066;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:16px;transition:border-color .3s}.stat-card:hover{border-color:#99f6e4}.stat-icon-bg{color:#f8fafc;position:absolute;right:-24px;top:-24px;transition:color .5s}.stat-card:hover .stat-icon-bg{color:#f0fdfa}.stat-label{color:#64748b;font-size:14px;font-weight:600;margin:0 0 8px}.stat-label,.stat-value{position:relative;z-index:10}.stat-value{color:#0f172a;font-size:24px;font-weight:800;margin:0}.stat-badge{background-color:#ecfdf5;border-radius:999px;color:#059669;display:inline-flex;font-size:14px;font-weight:700;gap:4px;margin-top:16px;padding:4px 12px;width:-webkit-fit-content;width:fit-content;z-index:10}.stat-badge,.stat-card-gradient{align-items:center;position:relative}.stat-card-gradient{background:linear-gradient(135deg,#6366f1,#9333ea);border-radius:24px;box-shadow:0 15px 20px -5px #6366f133;color:#fff;display:flex;flex:1 1;justify-content:space-between;overflow:hidden;padding:16px;transition:box-shadow .3s}.stat-card-gradient:hover{box-shadow:0 20px 25px -5px #6366f166}.gradient-overlay{background-color:#0000001a;inset:0;position:absolute;transition:background-color .5s}.stat-card-gradient:hover .gradient-overlay{background-color:initial}.stat-grad-label{color:#e0e7ff;font-size:13px;font-weight:600;margin:0 0 4px;position:relative;z-index:10}.stat-grad-value{font-size:24px;font-weight:800;margin:0;position:relative;z-index:10}.stat-grad-icon{color:#ffffff4d;position:relative;z-index:10}.tx-container{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 15px 20px -5px #e2e8f080;padding:20px}@media (min-width:1024px){.tx-container{padding:24px}}.tx-header{justify-content:space-between;margin-bottom:16px}.tx-header,.tx-title{align-items:center;display:flex}.tx-title{color:#0f172a;font-size:18px;font-weight:700;gap:8px;margin:0}.tx-icon-wrapper{background:#f1f5f9;border-radius:12px;color:#334155;display:flex;padding:10px}.tx-view-all{align-items:center;background:none;border:none;color:#0d9488;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:4px;transition:color .2s}.tx-view-all:hover{color:#0f766e}.tx-list{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.tx-item{align-items:center;background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000005;cursor:pointer;display:flex;justify-content:space-between;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tx-item:hover{background-color:#f8fafc;border-color:#e2e8f0;box-shadow:0 8px 12px -4px #0000000a;transform:translateY(-2px)}.tx-col{display:flex;flex-direction:column;justify-content:center;min-width:0}.tx-col-primary{align-items:center;flex-direction:row;gap:16px;justify-content:flex-start;min-width:0}.tx-col-amount{align-items:flex-end;gap:6px}.tx-title-group{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.tx-icon{align-items:center;background:#f1f5f9;border-radius:12px;color:#64748b;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;width:40px}.tx-credit-icon{background-color:#d1fae5!important;color:#059669!important}.tx-debit-icon{background-color:#ffe4e6!important;color:#e11d48!important}.tx-ref{color:#0f172a;font-size:16px;font-weight:700;line-height:1.4;margin:0;white-space:normal;word-break:break-word}.tx-subtitle{color:#64748b;font-size:13.5px;margin:0;word-break:break-all}.tx-amount{font-size:18px;font-weight:800;letter-spacing:-.5px;margin:0}.tx-amount-success{color:#059669}.tx-amount-failed{color:#e11d48}.tx-amount-neutral{color:#d97706}.tx-amount-refunded{color:#2563eb}.tx-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.tx-status-completed{background-color:#d1fae5;color:#059669}.tx-status-pending,.tx-status-processing{background-color:#ffedd5;color:#ea580c}.tx-status-debit,.tx-status-failed{background-color:#ffe4e6;color:#e11d48}.tx-status-refunded{background-color:#dbeafe;color:#2563eb}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a99;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.modal-content{-ms-overflow-style:none;background-color:#fff;border-radius:40px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;scrollbar-width:none;width:100%;z-index:10}.modal-content::-webkit-scrollbar{display:none}.modal-body{padding:32px}@media (min-width:1024px){.modal-body{padding:40px}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.modal-title-wrap{gap:12px}.modal-icon,.modal-title-wrap{align-items:center;display:flex}.modal-icon{background-color:#ccfbf1;border-radius:12px;color:#0d9488;height:40px;justify-content:center;width:40px}.modal-title{color:#0f172a;font-size:24px;font-weight:900;margin:0}.modal-close{align-items:center;background-color:#f9f1f1;border:none;border-radius:50%;color:#e62619;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .2s;width:30px}.modal-close:hover{background-color:#f0e2e2;color:red}.modal-balance{align-items:center;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:24px;display:flex;flex-direction:column;margin-bottom:32px;padding:24px;text-align:center}.modal-balance-label{color:#64748b;font-size:14px;font-weight:700;margin-bottom:4px}.modal-balance-amount{color:#0f172a;font-size:30px;font-weight:900}.form-group{margin-bottom:32px}.form-label{font-size:14px;font-weight:800;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.input-wrap{position:relative}.input-symbol{color:#94a3b8;font-size:24px;font-weight:700;left:24px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.input-wrap:focus-within .input-symbol{color:#14b8a6}.form-input{border:2px solid #e2e8f0;border-radius:24px;box-sizing:border-box;font-size:24px;font-weight:900;padding:20px 24px 20px 56px;transition:all .2s}.form-input:focus{box-shadow:0 0 0 4px #14b8a633}.form-input::placeholder{color:#cbd5e1}.error-msg{background-color:#fff1f2;border-radius:12px;color:#f43f5e;font-weight:600;gap:8px;margin-top:12px;padding:12px}.dest-card,.error-msg{align-items:center;display:flex}.dest-card{background-color:#fff;border:2px solid #e2e8f0;border-radius:24px;cursor:pointer;gap:16px;padding:20px;transition:all .2s}.dest-card.selected,.dest-card:hover{background-color:#f0fdfa;border-color:#14b8a6}.dest-icon-wrap{background-color:#f1f5f9;border-radius:12px;padding:12px;transition:all .2s}.dest-card.selected .dest-icon-wrap,.dest-card:hover .dest-icon-wrap{background-color:#fff}.dest-icon{color:#475569;transition:color .2s}.dest-card.selected .dest-icon,.dest-card:hover .dest-icon{color:#0d9488}.dest-info p{margin:0}.dest-name{color:#0f172a;font-weight:700;transition:color .2s}.dest-card.selected .dest-name,.dest-card:hover .dest-name{color:#134e4a}.dest-details{color:#64748b;font-size:14px;font-weight:500;margin-top:2px;transition:color .2s}.dest-card.selected .dest-details,.dest-card:hover .dest-details{color:#0f766e}.dest-check-wrap{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;height:24px;justify-content:center;margin-left:auto;transition:all .2s;width:24px}.dest-card:hover .dest-check-wrap,.dest-check-wrap.selected{background-color:#14b8a6;border-color:#14b8a6}.dest-check-wrap svg{color:#fff;opacity:0;transition:opacity .2s}.dest-card:hover .dest-check-wrap svg,.dest-check-wrap.selected svg{opacity:1}.btn-submit{background-color:#0f172a;border:none;border-radius:24px;box-shadow:0 20px 25px -5px #0f172a4d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:20px;transition:all .2s;width:100%}.btn-submit:hover:not(:disabled){background-color:#1e293b;box-shadow:0 20px 25px -5px #0f172a80;transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.fade-in{animation:fadeIn .3s ease forwards;opacity:0}.slide-up-item{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.scale-up{animation:scaleUp .4s cubic-bezier(.34,1.56,.64,1) forwards}.fade-in-stagger{animation:fadeIn .3s ease forwards;opacity:0}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.wallet-page{padding:12px}.wallet-container{gap:16px}.wallet-title{font-size:24px}.wallet-subtitle{font-size:13px;margin-top:4px}.wallet-grid{gap:16px}.balance-card{border-radius:20px;padding:20px}.balance-content{min-height:auto}.balance-amount{font-size:36px;margin-top:8px;word-break:break-all}.balance-actions{flex-direction:column;gap:12px;margin-top:24px;width:100%}.btn-analytics,.btn-withdraw-main{border-radius:12px;font-size:16px;justify-content:center;padding:12px 20px;width:100%}.stats-column{gap:16px}.stat-card,.stat-card-gradient{border-radius:20px;padding:20px}.stat-grad-label,.stat-label{font-size:13px}.stat-grad-value,.stat-value{font-size:26px}.stat-grad-icon,.stat-icon-bg svg{height:80px;width:80px}.tx-container{border-radius:20px;padding:16px}.tx-header{align-items:center;flex-direction:row;gap:12px;justify-content:space-between;margin-bottom:20px}.tx-title{font-size:18px}.tx-view-all{font-size:14px}.tx-item{align-items:flex-start;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:8px;padding:16px}.tx-col-primary{width:100%}.tx-subtitle{font-size:13px}.tx-col-amount{align-items:center;box-sizing:border-box;flex-direction:row;justify-content:space-between;padding-left:56px;width:100%}.tx-amount{font-size:16px}.modal-body{padding:20px}.modal-title{font-size:20px}.modal-balance-amount{font-size:24px}.form-input{border-radius:16px;font-size:16px;padding:14px 20px 14px 44px}.input-symbol{font-size:18px;left:16px}.btn-submit,.dest-card{border-radius:16px;padding:16px}.btn-submit{font-size:16px}}.fullscreen-modal{border-radius:24px!important;display:flex;flex-direction:column;height:90vh!important;max-height:90vh!important;max-width:1200px!important;width:95vw!important}.modal-split-layout{display:flex;flex-direction:column;height:100%}@media (min-width:1024px){.modal-split-layout{flex-direction:row}}.modal-left{flex:1 1;overflow-y:auto;padding:32px}@media (min-width:1024px){.modal-left{border-right:1px solid #f1f5f9;flex:0 0 40%}}.modal-right{background-color:#f8fafc;border-bottom-right-radius:24px;flex:1 1;overflow-y:auto;padding:32px}@media (min-width:1024px){.modal-right{border-bottom-left-radius:0;flex:0 0 60%}}.history-list{display:flex;flex-direction:column;gap:12px}.history-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 15px -3px #00000005;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.history-card:hover{border-color:#e2e8f0;box-shadow:0 15px 25px -5px #0000000d;transform:translateY(-2px)}.history-left-group{align-items:center;display:flex;gap:16px}.history-icon-bg{align-items:center;border-radius:14px;display:flex;height:46px;justify-content:center;width:46px}.bg-DEBIT{background-color:#fff1f2;color:#e11d48}.bg-CREDIT{background-color:#ecfdf5;color:#059669}.history-info{display:flex;flex-direction:column;gap:4px}.history-title-row{align-items:center;display:flex}.history-title{color:#0f172a;font-size:16px;font-weight:800;letter-spacing:-.3px}.history-date{color:#94a3b8;font-size:13px;font-weight:500}.history-amounts{align-items:flex-end;display:flex;flex-direction:column;gap:6px;text-align:right}.history-amount-main{font-size:18px;font-weight:900;letter-spacing:-.5px}.history-meta-row{align-items:center;display:flex;gap:8px}.history-status-badge{border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-SUCCESS{background-color:#d1fae5;color:#059669}.status-PROCESSING{background-color:#fef3c7;color:#d97706}.status-FAILED{background-color:#ffe4e6;color:#e11d48}.txType-DEBIT{color:#e11d48}.txType-CREDIT{color:#059669}.history-total-amount{color:#64748b;font-size:12px;font-weight:600}.ord-page{animation:ord-fadein .4s ease;font-family:Inter,sans-serif;padding:0}@keyframes ord-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ord-card{background:#fff;border:1px solid #e8edf3;border-radius:18px;box-shadow:0 2px 16px #0f172a0f,0 1px 4px #0f172a0a;display:flex;flex-direction:column;overflow:hidden}.ord-filter-bar{background:#fafbfc;border-bottom:1px solid #f1f5f9;border-radius:18px 18px 0 0;gap:12px;justify-content:space-between;padding:16px 20px}.ord-filter-bar,.ord-filter-left{align-items:center;display:flex;flex-wrap:wrap}.ord-filter-left{flex:1 1;gap:10px}.ord-search-wrap{min-width:220px;position:relative}.ord-search-icon{color:#94a3b8;left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ord-search-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:Inter,sans-serif;font-size:13.5px;height:38px;outline:none;padding:0 12px 0 36px;transition:border-color .2s,box-shadow .2s;width:100%}.ord-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.ord-date-input,.ord-status-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-family:Inter,sans-serif;font-size:13.5px;height:38px;outline:none;padding:0 12px;transition:border-color .2s,box-shadow .2s}.ord-date-input{width:148px}.ord-status-select{min-width:128px}.ord-date-input:focus,.ord-status-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.ord-btn-clear{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;height:38px;padding:0 16px;transition:all .2s}.ord-btn-clear:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.ord-btn-export{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;gap:6px;height:38px;padding:0 18px;transition:opacity .2s,transform .15s;white-space:nowrap}.ord-btn-export:hover{opacity:.9;transform:translateY(-1px)}.ord-table-wrap{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ord-table-head{flex-shrink:0;overflow:hidden}.ord-table-body{flex:1 1;max-height:60vh;min-height:60vh;overflow-y:auto}.ord-table-body::-webkit-scrollbar{width:5px}.ord-table-body::-webkit-scrollbar-track{background:#f8fafc}.ord-table-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.ord-table-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ord-table{border-collapse:collapse;table-layout:fixed;width:100%}.ord-table thead tr{background:#f8fafc}.ord-table th{border-bottom:1.5px solid #e8edf3;color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:13px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.ord-col-id{width:15%}.ord-col-product{width:20%}.ord-col-cust{width:15%}.ord-col-amt{width:10%}.ord-col-date{width:16%}.ord-col-status{width:14%}.ord-col-action{width:10%}.ord-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.ord-table tbody tr:last-child{border-bottom:none}.ord-table tbody tr:hover{background:#f8fafc}.ord-table td{color:#334155;font-size:13.5px;padding:13px 20px;vertical-align:middle}.ord-id{background:#eef2ff;border-radius:6px;color:#6366f1;display:inline-block;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600;padding:3px 8px;white-space:nowrap}.ord-customer{gap:9px}.ord-avatar,.ord-customer{align-items:center;display:flex}.ord-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.ord-cust-name{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ord-amount{color:#0f172a;font-weight:700}.ord-date{color:#64748b;font-size:13px}.ord-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;padding:4px 10px;white-space:nowrap}.ord-badge:before{border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.ord-badge-confirmed{background:#d1fae5;color:#065f46}.ord-badge-confirmed:before{background:#10b981}.ord-badge-pending{background:#fef3c7;color:#92400e}.ord-badge-pending:before{background:#f59e0b}.ord-badge-shipped{background:#dbeafe;color:#1e40af}.ord-badge-shipped:before{background:#3b82f6}.ord-badge-delivered{background:#d1fae5;color:#065f46}.ord-badge-delivered:before{background:#10b981}.ord-badge-cancelled{background:#f1f5f9;color:#475569}.ord-badge-cancelled:before{background:#64748b}.ord-badge-out-for-delivery{background:#f3e8ff;color:#6b21a8}.ord-badge-out-for-delivery:before{background:#a855f7}.ord-badge-pickup{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.ord-badge-pickup:before{background:#3b82f6}.ord-badge-return-initiated{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.ord-badge-return-initiated:before{background:#ea580c}.ord-badge-return-completed{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.ord-badge-return-completed:before{background:#10b981}.ord-badge-picked-up{background:#f5f3ff;border:1px solid #ddd6fe;color:#7c3aed}.ord-badge-picked-up:before{background:#8b5cf6}.ord-badge-default{background:#f1f5f9;color:#475569}.ord-badge-default:before{background:#94a3b8}.ord-view-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin:0 auto;transition:all .18s;width:32px}.ord-view-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateX(2px)}.ord-action-placeholder{flex-shrink:0;height:32px;visibility:hidden;width:32px}.hidden-btn{pointer-events:none;visibility:hidden}.ord-pickup-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#078d07;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin:0 auto;transition:all .18s;width:32px}.ord-pickup-btn:hover{background:#078d07;border-color:#078d07;color:#fcfffc;transform:translateX(2px)}.ord-empty{padding:80px 20px;text-align:center}.ord-action-group{align-items:center;display:flex;gap:2px;justify-content:center}.ord-badge-out-for-delivery{background:#c5c6e0;color:#1317e9}.ord-badge-out-for-delivery:before{background:#ee1898}.ord-badge-processing{background:#fef3c7;color:#92400e}.ord-badge-processing:before{background:#f59e0b}.ord-badge-pickup{background:#c7fef3;color:#058091}.ord-badge-pickup:before{background:#1e9bac}.ord-badge-confirm{background:#e2ecff;color:#065f46}.ord-badge-confirm:before{background:#065f46}.ord-empty-icon{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 18px;width:72px}.ord-empty h3{color:#1e293b;font-size:17px;font-weight:700;margin:0 0 8px}.ord-empty p{color:#64748b;font-size:13.5px;margin:0}.ord-footer{background:#fafbfc;border-radius:0 0 18px 18px;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 20px}.ord-footer,.ord-footer-left{align-items:center;display:flex}.ord-footer-left{gap:14px}.ord-page-info{color:#64748b;font-size:13px;font-weight:500}.ord-per-page-wrap{align-items:center;color:#64748b;display:flex;font-size:13px;gap:7px}.ord-per-page-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;height:32px;outline:none;padding:0 8px}.ord-pagination{gap:6px}.ord-pagination,.ord-pg-btn{align-items:center;display:flex}.ord-pg-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;height:34px;justify-content:center;transition:all .2s;width:34px}.ord-pg-btn:hover:not(:disabled):not(.active){background:#f8fafc;border-color:#cbd5e1}.ord-pg-btn.active{background:#14b8a6;border-color:#14b8a6;box-shadow:0 4px 12px #14b8a633;color:#fff;font-weight:700}.ord-pg-btn:disabled{cursor:not-allowed;opacity:.5}.ord-pg-ellipsis{align-items:center;color:#94a3b8;display:flex;font-size:14px;font-weight:700;height:34px;justify-content:center;-webkit-user-select:none;user-select:none;width:30px}.ord-tabs-container{-ms-overflow-style:none;display:flex;gap:8px;max-width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.ord-tabs-container::-webkit-scrollbar{display:none}@media (max-width:768px){.hide-on-mobile{display:none!important}.ord-page-header{align-items:flex-start!important;flex-direction:column!important}.ord-page-header-text{text-align:left;width:100%}.ord-page-header-card{justify-content:flex-start;width:100%}.ord-filter-bar{padding:14px 16px}.ord-filter-bar,.ord-filter-left{align-items:stretch;flex-direction:column}.ord-filter-left{width:100%}.ord-date-input,.ord-date-wrapper,.ord-search-wrap,.ord-status-select{min-width:0!important;width:100%!important}.ord-date-input{flex:1 1}.ord-btn-clear,.ord-btn-export{justify-content:center;width:100%}}@media (min-width:769px){.hide-on-desktop{display:none!important}}.manual-form-container{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1.6fr 1fr;margin:0 auto;max-width:100%;padding-top:8px;width:100%}.manual-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff;border-radius:20px;box-shadow:0 8px 32px #0f172a0a,0 2px 8px #0f172a05;margin-bottom:24px;overflow:visible;padding:24px;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.manual-card:hover{border-color:#fff;box-shadow:0 12px 40px #0f172a14,0 4px 12px #0f172a08;transform:translateY(-3px)}.manual-card:hover:before{opacity:1}.manual-card-title{align-items:center;border-bottom:1px solid #e2e8f080;color:#0f172a;display:flex;font-size:15px;font-weight:800;gap:10px;letter-spacing:.5px;margin-bottom:24px;padding-bottom:12px;text-transform:uppercase}.manual-dropdown-wrapper{position:relative}.manual-dropdown-trigger{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:42px;padding:10px 14px;transition:all .2s ease;width:100%}.manual-dropdown-trigger:hover{background:#fff;border-color:#cbd5e1}.manual-dropdown-trigger.open{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.manual-dropdown-chip{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:6px;color:#15803d;display:inline-flex;font-size:13px;font-weight:600;gap:8px;max-width:calc(100% - 30px);overflow:hidden;padding:4px 12px;text-overflow:ellipsis;white-space:nowrap}.manual-dropdown-chip .chip-x{align-items:center;background:#bbf7d0;border-radius:50%;color:#166534;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:800;height:18px;justify-content:center;transition:background .15s;width:18px}.manual-dropdown-chip .chip-x:hover{background:#86efac}.manual-dropdown-menu{animation:manualDropSlide .18s ease-out;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 30px #0f172a14,0 4px 12px #0f172a08;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:50}@keyframes manualDropSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.manual-dropdown-search{background:#f8fafc;border:none;border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:13.5px;outline:none;padding:12px;width:100%}.manual-dropdown-search::placeholder{color:#94a3b8}.manual-dropdown-list{max-height:200px;overflow-y:auto;padding:6px}.manual-dropdown-list::-webkit-scrollbar{width:6px}.manual-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.manual-dropdown-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:10px 12px;transition:background .12s}.manual-dropdown-item:hover{background:#f1f5f9}.manual-dropdown-item.selected{background:#eef2ff}.manual-dropdown-item-name{color:#1e293b;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manual-dropdown-item-sku{background:#f1f5f9;border-radius:4px;color:#64748b;flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:600;padding:2px 6px}.manual-dropdown-empty{color:#94a3b8;font-size:13px;padding:20px;text-align:center}.manual-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.manual-field{display:flex;flex-direction:column;gap:6px}.manual-field-label{align-items:center;color:#475569;display:flex;font-size:12.5px;font-weight:600;gap:4px}.manual-field-label .req{color:#ef4444;font-weight:700}.manual-field input,.manual-field select,.manual-field textarea{background:#f8fafccc;border:1px solid #cbd5e199;border-radius:10px;box-sizing:border-box;color:#0f172a;font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .25s cubic-bezier(.2,.8,.2,1);width:100%}.manual-field input:focus,.manual-field select:focus,.manual-field textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.manual-field input:hover:not(:focus),.manual-field select:hover:not(:focus),.manual-field textarea:hover:not(:focus){background:#fff;border-color:#94a3b8}.manual-preview-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000005,0 10px 20px -5px #0000000a;overflow:hidden;position:-webkit-sticky;position:sticky;top:24px;transition:all .3s ease}.manual-preview-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:24px;position:relative;text-align:center}.manual-preview-badge{background:#e0e7ff;border-radius:20px;color:#4338ca;font-size:11px;font-weight:700;padding:4px 8px;position:absolute;right:14px;text-transform:uppercase;top:14px}.manual-preview-img-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 10px #00000008;color:#cbd5e1;display:flex;height:90px;justify-content:center;margin:0 auto 14px;width:90px}.manual-preview-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:16px;font-weight:800;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.manual-preview-category{color:#64748b;font-size:12px;font-weight:600}.manual-preview-body{padding:24px}.manual-preview-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 0}.manual-preview-row:last-child{border-bottom:none}.manual-preview-row .label{color:#64748b;font-size:12.5px;font-weight:500}.manual-preview-row .value{color:#0f172a;font-size:13px;font-weight:700}.manual-pricing-widget{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.manual-pricing-widget-header{color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.manual-pricing-payout{align-items:flex-end;border-top:1px dashed #e2e8f0;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.manual-pricing-payout .title{color:#4f46e5;font-size:13px;font-weight:700}.manual-pricing-payout .value{color:#4f46e5;font-size:20px;font-weight:800}.manual-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-bottom:40px;margin-top:12px}.manual-btn-cancel{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.manual-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.manual-btn-save{align-items:center;background:linear-gradient(135deg,#4f46e5,#3730a3);border:none;border-radius:8px;box-shadow:0 2px 8px #4f46e533;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;padding:10px 24px;transition:all .25s ease}.manual-btn-save:hover{box-shadow:0 8px 20px #4f46e54d;transform:translateY(-1px)}.manual-btn-save:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.manual-preview-placeholder{align-items:center;color:#cbd5e1;display:flex;flex-direction:column;justify-content:center;min-height:86vh;padding:24px;text-align:center}.manual-preview-placeholder p{color:#94a3b8;font-size:13px;margin-top:8px}@media (max-width:900px){.manual-form-container{grid-template-columns:1fr}.manual-preview-sidebar{position:relative;top:0}}.back-pill-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 4px #0f172a0a;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:1px;outline:none;padding:8px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.back-pill-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 8px #0f172a14;color:#0f172a;transform:translateX(-4px)}.method-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 24px -6px #0f172a0a,0 0 0 1px #0f172a05;cursor:pointer;display:flex;flex-direction:column;gap:24px;justify-content:center;overflow:hidden;padding:48px 40px;position:relative;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1)}.method-card:before{content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.method-card.csv-type:before{background:linear-gradient(90deg,#0284c7,#0ea5e9)}.method-card.manual-type:before{background:linear-gradient(90deg,#10b981,#34d399)}.method-card:hover:before{opacity:1}.method-card:hover{border-color:#0000!important;box-shadow:0 24px 48px -12px #0f172a1a,0 0 0 1px #0f172a05!important;transform:translateY(-8px) scale(1.01)}.method-card:hover .icon-wrapper{transform:scale(1.1)}.method-card.csv-type:hover{background:linear-gradient(180deg,#fff,#f0f9ff)}.method-card.manual-type:hover{background:linear-gradient(180deg,#fff,#f0fdf4)}.method-card .action-btn{border:none;border-radius:24px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.3px;margin-top:12px;padding:10px 28px;transition:all .3s cubic-bezier(.16,1,.3,1)}.method-card.csv-type .action-btn{background:#f0f9ff;color:#0284c7}.method-card.csv-type:hover .action-btn{background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 8px 16px #0284c740;color:#fff;transform:translateY(-2px)}.method-card.manual-type .action-btn{background:#f0fdf4;color:#059669}.method-card.manual-type:hover .action-btn{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 8px 16px #10b98140;color:#fff;transform:translateY(-2px)}.bulk-upload-page{background:#f7f9fc;color:#0f172a;flex:1 1;height:100%;overflow-y:auto;padding:1px}.bulk-page-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.bulk-header-left{align-items:center;display:flex;gap:14px}.bulk-header-icon{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;color:#2563eb;display:flex;height:48px;justify-content:center;width:48px}.bulk-breadcrumb{align-items:center;color:#94a3b8;display:flex;font-size:12px;font-weight:600;gap:7px;margin-bottom:5px}.bulk-breadcrumb span{color:#cbd5e1}.bulk-page-header h1{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0}.bulk-page-header p{color:#64748b;font-size:13px;margin:5px 0 0}.bulk-header-badge{align-items:center;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;color:#15803d;display:flex;font-size:12px;font-weight:700;gap:7px;padding:8px 12px}.bulk-main-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:minmax(0,1.65fr) minmax(320px,.9fr)}.bulk-left,.bulk-right{display:flex;flex-direction:column;gap:20px;height:100%}.premium-card{background:#fff;border:1px solid #e8edf3;border-radius:18px;box-shadow:0 8px 30px #0f172a0a}.premium-card:hover{border-color:#dfe7f0}.card-heading,.result-card-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.card-heading>div:first-child,.result-card-header>div:first-child{align-items:center;display:flex;gap:12px}.card-heading h2,.result-card-header h2{color:#0f172a;font-size:15px;font-weight:800;margin:0}.card-heading p,.result-card-header p{color:#64748b;font-size:12px;margin:4px 0 0}.section-icon{align-items:center;border-radius:11px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.section-icon.blue{background:#eff6ff;color:#2563eb}.section-icon.purple{background:#f5f3ff;color:#7c3aed}.section-icon.green{background:#ecfdf5;color:#059669}.section-icon.orange{background:#fff7ed;color:#ea580c}.step-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.7px;padding:6px 9px}.upload-main-card{display:flex;flex:1 1;flex-direction:column;padding:22px}.modern-dropzone{align-items:center;background:#fbfdff;border:1.5px dashed #cbd5e1;border-radius:16px;cursor:pointer;display:flex;flex:1 1;justify-content:center;margin-top:20px;min-height:300px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.modern-dropzone:hover{background:#f8fbff;border-color:#60a5fa}.modern-dropzone.drag-active{background:#eff6ff;border-color:#2563eb;transform:scale(1.005)}.modern-dropzone.file-selected{background:#f0fdf4;border-color:#34d399;border-style:solid}.dropzone-content{text-align:center}.upload-visual{height:82px;margin:0 auto 18px;position:relative;width:82px}.upload-circle{background:#eff6ff;border:10px solid #f8fbff;border-radius:50%;box-shadow:0 0 0 1px #dbeafe,0 12px 25px #2563eb14;color:#2563eb;height:82px;width:82px}.upload-circle,.upload-plus{align-items:center;display:flex;justify-content:center}.upload-plus{background:#2563eb;border:3px solid #fff;border-radius:50%;bottom:1px;color:#fff;font-size:17px;font-weight:700;height:24px;position:absolute;right:-3px;width:24px}.dropzone-content h3{color:#0f172a;font-size:16px;font-weight:800;margin:0}.dropzone-content p{color:#64748b;font-size:13px;margin:6px 0 14px}.file-types{display:flex;gap:6px;justify-content:center}.file-types span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:10px;font-weight:800;padding:5px 9px}.selected-file-content{align-items:center;background:#fff;border:1px solid #bbf7d0;border-radius:14px;display:flex;gap:15px;padding:18px;width:min(520px,90%)}.file-success-icon{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:13px;color:#059669;display:flex;flex-shrink:0;height:54px;justify-content:center;width:54px}.selected-file-info{flex:1 1;min-width:0;text-align:left}.file-status{color:#059669;font-size:9px;font-weight:800;letter-spacing:.8px}.selected-file-info h3{color:#064e3b;font-size:14px;font-weight:800;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-info p{align-items:center;color:#64748b;display:flex;font-size:11px;gap:7px;margin:0}.file-remove-button{align-items:center;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.file-remove-button:hover{background:#fee2e2}.upload-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-top:14px;padding:0 2px}.upload-info-row div{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:600;gap:6px}.upload-info-row svg{color:#16a34a}.upload-info-row div:last-child svg{color:#2563eb}.upload-actions{align-items:center;display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.btn-primary,.btn-secondary{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:750;gap:7px;justify-content:center;min-height:40px;padding:0 15px;transition:all .2s ease}.btn-primary{background:#2563eb;border:0;box-shadow:0 5px 14px #2563eb2e}.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 7px 18px #2563eb38;transform:translateY(-1px)}.btn-primary:disabled{background:#e2e8f0}.btn-secondary{background:#fff;color:#475569}.btn-secondary:hover{background:#f8fafc}.danger-button{background:snow;border-color:#fecaca;color:#dc2626}.danger-button:hover{background:#fef2f2}.template-guide-card{padding:22px}.template-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:20px}.template-option{align-items:center;background:#fcfdff;border:1px solid #e8edf3;border-radius:13px;display:flex;gap:12px;padding:14px;transition:all .2s ease}.template-option:hover{background:#f8fbff;border-color:#bfdbfe}.template-option-icon{align-items:center;border-radius:11px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.template-option-icon.excel{background:#ecfdf5;color:#15803d}.template-option-icon.csv{background:#eff6ff;color:#2563eb}.template-option-content{flex:1 1;min-width:0}.template-option-content h3{color:#0f172a;font-size:12px;font-weight:800;margin:0}.template-option-content p{color:#94a3b8;font-size:10px;margin:4px 0 0}.template-download{align-items:center;background:#eff6ff;border:0;border-radius:7px;color:#2563eb;cursor:pointer;display:flex;font-size:10px;font-weight:750;gap:5px;padding:7px 9px}.template-download:hover{background:#dbeafe}.columns-card,.result-card{padding:20px}.result-live{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:6px;color:#15803d;font-size:9px;font-weight:800;letter-spacing:.5px;padding:5px 8px}.result-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:20px}.result-stat{align-items:center;border:1px solid;border-radius:12px;display:flex;gap:10px;min-width:0;padding:14px}.result-stat.success{background:#f0fdf4;border-color:#bbf7d0;color:#047857}.result-stat.failed{background:#fff7f7;border-color:#fecaca;color:#dc2626}.result-stat-icon{align-items:center;background:#fffc;border-radius:10px;display:flex;flex-shrink:0;height:37px;justify-content:center;width:37px}.result-stat strong{display:block;font-size:22px;font-weight:850;line-height:1}.result-stat span{display:block;font-size:9px;font-weight:700;letter-spacing:.3px;margin-top:4px;text-transform:uppercase}.success-message{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:11px;display:flex;gap:10px;margin-top:12px;padding:12px}.success-message-icon{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:31px;justify-content:center;width:31px}.success-message strong{color:#166534;display:block;font-size:11px}.success-message span{color:#4d7c0f;display:block;font-size:10px;margin-top:2px}.error-log{background:snow;border:1px solid #fecaca;border-radius:12px;margin-top:14px;overflow:hidden}.error-log-header{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b;display:flex;font-size:11px;font-weight:800;justify-content:space-between;padding:10px 12px}.error-log-header>div{align-items:center;display:flex;gap:6px}.error-log-header>span{align-items:center;background:#fff;border-radius:6px;color:#dc2626;display:flex;font-size:10px;height:21px;justify-content:center;min-width:21px}.error-list{max-height:180px;overflow-y:auto;padding:8px}.error-item{align-items:flex-start;border-bottom:1px solid #fee2e2;display:flex;gap:8px;padding:9px}.error-item:last-child{border-bottom:0}.error-item>span{align-items:center;background:#fee2e2;border-radius:5px;color:#dc2626;display:flex;flex-shrink:0;font-size:9px;font-weight:800;height:20px;justify-content:center;width:20px}.error-item p{color:#7f1d1d;font-size:10px;line-height:1.45;margin:2px 0 0}.result-empty{padding:40px 20px 30px;text-align:center}.result-empty-icon{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#94a3b8;display:flex;height:58px;justify-content:center;margin:0 auto 14px;width:58px}.result-empty h3{color:#334155;font-size:13px;font-weight:800;margin:0}.result-empty p{color:#94a3b8;font-size:11px;line-height:1.5;margin:6px auto 0;max-width:230px}.column-groups{display:flex;flex-direction:column;gap:13px;margin-top:20px}.column-group{border-bottom:1px solid #f1f5f9;padding-bottom:13px}.column-group:last-child{border-bottom:0;padding-bottom:0}.column-group-title{color:#94a3b8;display:block;font-size:9px;font-weight:800;letter-spacing:.8px;margin-bottom:7px}.column-tags{display:flex;flex-wrap:wrap;gap:6px}.column-tags span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-family:monospace;font-size:9px;font-weight:600;padding:6px 8px}.upload-tip{align-items:flex-start;background:#eff6ff;border:1px solid #dbeafe;border-radius:13px;display:flex;gap:10px;padding:13px}.upload-tip-icon{align-items:center;background:#fff;border-radius:8px;color:#2563eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.upload-tip strong{color:#1e40af;display:block;font-size:11px}.upload-tip p{color:#64748b;font-size:10px;line-height:1.5;margin:3px 0 0}.product-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aad;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999999}.product-selection-modal{background:#fff;border-radius:20px;box-shadow:0 30px 80px #0f172a47,0 8px 25px #0f172a1a;display:flex;flex-direction:column;height:min(780px,88vh);max-width:760px;overflow:hidden;width:100%}.product-modal-header{align-items:center;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:20px 22px}.modal-title-area{align-items:center;display:flex;gap:12px}.modal-title-icon{align-items:center;background:#eff6ff;border-radius:12px;color:#2563eb;display:flex;height:42px;justify-content:center;width:42px}.modal-title-area h2{color:#0f172a;font-size:17px;font-weight:850;margin:0}.modal-title-area p{color:#64748b;font-size:11px;margin:4px 0 0}.modal-close-button{align-items:center;background:#f8fafc;border:0;border-radius:9px;color:#64748b;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.modal-close-button:hover{background:#f1f5f9;color:#0f172a}.modal-search-area{border-bottom:1px solid #eef2f7;padding:14px 22px}.modal-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#94a3b8;display:flex;gap:9px;height:42px;padding:0 12px;transition:all .2s ease}.modal-search:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #eff6ff}.modal-search input{background:#0000;border:0;color:#0f172a;flex:1 1;font-size:12px;min-width:0;outline:0}.modal-search input::placeholder{color:#94a3b8}.modal-search button{align-items:center;background:#0000;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:25px;justify-content:center;width:25px}.modal-search button:hover{background:#e2e8f0}.product-modal-toolbar{align-items:center;background:#fbfcfe;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;min-height:45px;padding:0 22px}.select-all-button{align-items:center;background:#0000;border:0;color:#475569;cursor:pointer;display:flex;font-size:11px;font-weight:750;gap:8px;padding:5px 0}.select-all-button.selected{color:#2563eb}.custom-checkbox{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;display:flex;height:18px;justify-content:center;width:18px}.select-all-button.selected .custom-checkbox{background:#2563eb;border-color:#2563eb;color:#fff}.product-count{color:#94a3b8;font-size:10px;font-weight:700}.product-list-container{flex:1 1;min-height:0;overflow-y:auto;padding:0 22px}.product-select-row{align-items:center;border-bottom:1px solid #f1f5f9;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:13px 8px;position:relative;transition:all .16s ease}.product-select-row:hover{background:#f8fafc}.product-select-row.selected{background:#eff6ff}.product-checkbox{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;color:#fff;display:flex;flex-shrink:0;height:19px;justify-content:center;transition:all .16s ease;width:19px}.product-checkbox.checked{background:#2563eb;border-color:#2563eb;box-shadow:0 3px 8px #2563eb33}.product-image{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;color:#94a3b8;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.product-image img{display:block;height:100%;object-fit:cover;width:100%}.product-row-info{flex:1 1;min-width:0}.product-row-info h3{color:#0f172a;font-size:12px;font-weight:750;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-meta{align-items:center;display:flex;gap:7px}.sku-badge{background:#f1f5f9;border-radius:5px;color:#64748b;font-family:monospace;font-size:9px;max-width:180px;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.product-price{color:#15803d;font-size:10px;font-weight:800}.selected-label{background:#dbeafe;border-radius:5px;color:#2563eb;font-size:9px;font-weight:800;padding:5px 7px}.product-list-loading{align-items:center;color:#2563eb;display:flex;flex-direction:column;font-size:10px;font-weight:700;gap:7px;justify-content:center;min-height:100px}.product-empty{padding:70px 20px;text-align:center}.product-empty-icon{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#94a3b8;display:flex;height:60px;justify-content:center;margin:0 auto 14px;width:60px}.product-empty h3{color:#334155;font-size:13px;font-weight:800;margin:0}.product-empty p{color:#94a3b8;font-size:10px;margin:5px 0 14px}.product-empty button{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:10px;font-weight:750;gap:6px;padding:7px 10px}.product-modal-footer{align-items:center;background:#fbfcfe;border-top:1px solid #eef2f7;display:flex;gap:15px;justify-content:space-between;min-height:70px;padding:12px 22px}.selection-summary{align-items:baseline;display:flex;gap:5px}.selection-summary strong{color:#2563eb;font-size:18px;font-weight:850}.selection-summary span{color:#64748b;font-size:10px;font-weight:650}.modal-footer-actions{align-items:center;display:flex;gap:8px}.format-select-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;gap:6px;height:38px;padding:0 10px;position:relative}.format-select-wrapper select{-webkit-appearance:none;appearance:none;background:#0000;border:0;color:#475569;cursor:pointer;font-size:10px;font-weight:700;min-width:115px;outline:0;padding-right:15px}.format-select-wrapper>svg:last-child{pointer-events:none;position:absolute;right:7px}.modal-download-button{align-items:center;background:#2563eb;border:0;border-radius:8px;box-shadow:0 4px 12px #2563eb2e;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:750;gap:7px;height:38px;padding:0 14px}.modal-download-button:hover:not(:disabled){background:#1d4ed8}.modal-download-button:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed}.spin{animation:spin-animation .9s linear infinite}@keyframes spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-list::-webkit-scrollbar,.product-list-container::-webkit-scrollbar{width:5px}.error-list::-webkit-scrollbar-track,.product-list-container::-webkit-scrollbar-track{background:#0000}.error-list::-webkit-scrollbar-thumb,.product-list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.error-list::-webkit-scrollbar-thumb:hover,.product-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1100px){.bulk-main-grid{grid-template-columns:1fr}.bulk-right{align-items:start;display:grid;grid-template-columns:1fr 1fr}.upload-tip{grid-column:1/-1}}@media (max-width:760px){.bulk-upload-page{padding:1px}.bulk-page-header{align-items:flex-start}.bulk-header-badge{display:none}.template-options{grid-template-columns:1fr}.bulk-right{display:flex}.result-stats{grid-template-columns:1fr}.modern-dropzone{min-height:260px}.product-selection-modal{border-radius:16px;height:94vh}.product-modal-footer{align-items:stretch;flex-direction:column}.modal-footer-actions{width:100%}.format-select-wrapper,.modal-download-button{flex:1 1}.format-select-wrapper select{width:100%}}@media (max-width:520px){.bulk-page-header{margin-bottom:18px}.bulk-header-icon{height:42px;width:42px}.bulk-page-header h1{font-size:19px}.bulk-page-header p{font-size:11px}.columns-card,.result-card,.template-guide-card,.upload-main-card{padding:16px}.card-heading,.result-card-header{align-items:flex-start}.step-badge{display:none}.upload-info-row{align-items:flex-start;flex-direction:column;gap:7px}.upload-actions{width:100%}.btn-primary,.btn-secondary{flex:1 1}.product-modal-overlay{padding:8px}.product-selection-modal{height:96vh}.modal-search-area,.product-list-container,.product-modal-footer,.product-modal-header,.product-modal-toolbar{padding-left:14px;padding-right:14px}.product-row-info h3{font-size:11px}.selected-label{display:none}.product-image{height:44px;width:44px}.modal-footer-actions{flex-direction:column}.format-select-wrapper,.modal-download-button{justify-content:center;width:100%}}.inventory-page{padding:24px}.inventory-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.inventory-card{align-items:center;border-radius:12px;display:flex;gap:14px;padding:18px}.inventory-card .icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.inventory-controls{align-items:center;display:flex;gap:12px;margin-bottom:12px}.inventory-controls .search{flex:1 1}.inventory-table{background:#fff;border-radius:12px;box-shadow:0 1px 2px #1018280a;overflow:hidden}.inventory-table .table-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.table-container{max-height:480px;overflow:auto}.table-container table{border-collapse:collapse;width:100%}.table-container thead th{background:#f8fafc;border-bottom:1px solid #e6eef6;color:#334155;font-weight:700;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.table-container tbody td{border-bottom:1px solid #f1f5f9;color:#0f172a;padding:14px 16px}.inventory-footer{background:#fff;border-top:1px solid #eef2f7;justify-content:space-between;padding:12px 16px}.inventory-footer,.pagination{align-items:center;display:flex}.pagination{gap:8px}.page-btn{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;padding:8px 10px}.page-btn.active{background:#10b981;color:#fff}.pagesize{align-items:center;display:flex;gap:8px}@media (max-width:800px){.inventory-cards{grid-template-columns:1fr}}.pickup-page{padding:4px}.pickup-header{align-items:center;color:#0f172a;display:flex;gap:12px;margin-bottom:24px}.pickup-header svg{color:#0d9488}.pickup-header h1{font-size:28px;font-weight:800;margin:0}.pickup-empty{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:48px;text-align:center}.pickup-empty svg{color:#cbd5e1}.pickup-empty h3{color:#0f172a;margin-top:12px}.pickup-empty p{color:#64748b}.pickup-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.pickup-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 15px #0f172a0a;overflow:hidden;transition:all .25s ease}.pickup-card:hover{box-shadow:0 15px 35px #0f172a1f;transform:translateY(-4px)}.pickup-card-top{display:flex;gap:14px;padding:18px}.pickup-product-image{border:1px solid #e2e8f0;border-radius:12px;height:82px;object-fit:cover;width:82px}.pickup-product-info{flex:1 1}.pickup-product-info h3{color:#0f172a;font-size:15px;font-weight:700;line-height:1.4;margin-bottom:12px}.pickup-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:8px;font-size:12px;font-weight:600;padding:6px 10px}.badge.qty{background:#ecfdf5;color:#059669}.badge.price{background:#eff6ff;color:#2563eb}.order-id{color:#0f172a;font-size:13px!important;font-weight:500}.pickup-divider{background:#edf2f7;height:1px}.text-sm{color:#0f172a;font-size:13px!important;font-weight:500;margin-bottom:9px}.pickup-details{display:flex;flex-direction:column;gap:14px;padding:18px}.pickup-details div{align-items:center;display:flex;justify-content:space-between}.pickup-details label{color:#64748b;font-size:12px}.pickup-details span{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:700;gap:4px}.status-badge{border-radius:999px;font-size:12px!important;font-weight:600;padding:6px 10px}.status-badge.pickup{background:#fef3c7;color:#b45309}.status-badge.out_for_delivery{background:#dbeafe;color:#2563eb}@media (max-width:1400px){.pickup-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.pickup-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pickup-grid{grid-template-columns:1fr}.pickup-card-top{flex-direction:column}.pickup-product-image{height:180px;width:100%}}.pickup-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000040;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.pickup-modal{background:#fff;border-radius:20px;height:600px;overflow-y:auto;padding:24px;width:600px}.modal-products{margin-top:20px}.modal-product{display:flex;gap:15px;margin-bottom:15px}.modal-product img{border-radius:10px;height:70px;object-fit:cover;width:70px}.order-id-badge{background:#2563eb}.customer-name-badge,.order-id-badge{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;margin-left:8px;padding:5px 12px}.customer-name-badge{background:#10b981}.seller-name-badge{align-items:center;background:#8b5cf6;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;margin-left:8px;padding:5px 12px}.out-delivery-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:48px;margin-top:20px;width:100%}:root{--primary-color:#14b8a6;--primary-hover:#0d9488;--primary-glow:#14b8a626;--bg-app:#f8fafc;--bg-card:#fffffffa;--bg-sidebar:#0f172a;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 3px #0000000d,0 1px 2px #00000005;--shadow-md:0 4px 20px -2px #0f172a0f,0 2px 8px -1px #0f172a0a;--shadow-lg:0 12px 40px -6px #0f172a1f,0 4px 16px -2px #0f172a0f;--shadow-premium:0 24px 64px -10px #0f172a2e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-app);color:#0f172a;color:var(--text-main);overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.auth-bg{align-items:center;animation:fadeIn .6s cubic-bezier(.16,1,.3,1);background:radial-gradient(circle at 10% 20%,#14b8a614 0,#0000 40%),radial-gradient(circle at 90% 80%,#6366f114 0,#0000 40%),#0f172a;display:flex;justify-content:center;min-height:100vh;width:100%}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;background:var(--bg-card);border:1px solid #ffffffb3;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 24px 64px -10px #0f172a2e;box-shadow:var(--shadow-premium);padding:40px;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{box-shadow:0 28px 72px -8px #00000040;transform:translateY(-2px)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.page-title{color:#0f172a;color:var(--text-main);font-size:26px;font-weight:800;letter-spacing:-.5px}.page-subtitle{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:500;margin-top:4px}.glass-card{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 20px -2px #0f172a0f,0 2px 8px -1px #0f172a0a;box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#e2e8f0;border-color:var(--border-color);box-shadow:0 12px 40px -6px #0f172a1f,0 4px 16px -2px #0f172a0f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card{border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 20px -2px #0f172a0f,0 2px 8px -1px #0f172a0a;box-shadow:var(--shadow-md);overflow:hidden;padding:24px;position:relative;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.stat-card:after{background:linear-gradient(180deg,#ffffff14,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 40px -6px #0f172a1f,0 4px 16px -2px #0f172a0f;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.form-label{color:#334155;display:block;font-size:13px;font-weight:600;letter-spacing:-.1px;margin-bottom:7px}.form-input{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-main);font-size:14px;font-weight:500;outline:none;padding:11px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-input::placeholder{color:#94a3b8;color:var(--text-light)}.form-input:focus{background-color:#fff;border-color:#14b8a6;border-color:var(--primary-color);box-shadow:0 0 0 4px #14b8a626;box-shadow:0 0 0 4px var(--primary-glow)}.btn-primary{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 14px #14b8a640;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 6px 20px #14b8a659;opacity:.95;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 8px #14b8a633;transform:translateY(1px)}.btn-primary:disabled{background:#cbd5e1;box-shadow:none;color:#94a3b8;cursor:not-allowed}.btn-secondary{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#334155;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;color:#0f172a;color:var(--text-main);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(1px)}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:capitalize}.badge-pending,.badge-processing{background-color:#fef3c7;color:#92400e}.badge-confirmed{background-color:#eff6ff;color:#1d4ed8}.badge-packed{background-color:#faf5ff;color:#6b21a8}.badge-shipped{background-color:#ecfeff;color:#0e7490}.badge-pickup{background-color:#fef9c3;color:#a16207}.badge-out_for_delivery{background-color:#f3e8ff;color:#6b21a8}.badge-delivered{background-color:#d1fae5;color:#065f46}.badge-cancelled{background-color:#f1f5f9;color:#475569}.badge-active{background-color:#ecfdf5;color:#047857}.badge-draft{background-color:#f1f5f9;color:#475569}.badge-out_of_stock{background-color:#fef2f2;color:#b91c1c}.sidebar{background-color:#0f172a;background-color:var(--bg-sidebar);border-right:1px solid #ffffff0d;display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:40}.sidebar .nav-item{align-items:center;border-radius:8px;color:#94a3b8;display:flex;font-size:14px;font-weight:600;gap:12px;margin:4px 0;padding:11px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar .nav-item:hover{background-color:#ffffff0a;color:#fff}.sidebar .nav-item.active{background:linear-gradient(135deg,#14b8a626,#14b8a60d);border-left:3px solid #14b8a6;border-left:3px solid var(--primary-color);color:#fff;padding-left:13px}.main-content{background-color:#f8fafc;background-color:var(--bg-app);flex:1 1;min-height:100vh;width:calc(100vw - 260px)}@media (max-width:768px){.sidebar{left:0;position:fixed;top:0;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{width:100vw!important}.mobile-menu-btn{display:block!important}.page-header{align-items:flex-start;flex-direction:column}}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}table{border-collapse:collapse;margin-top:12px;width:100%}th{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#475569;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);color:#0f172a;color:var(--text-main);font-size:13.5px;padding:16px}tr:hover td{background-color:#f8fafc}.profile-tabs-inner{width:-webkit-fit-content;width:fit-content}@media (max-width:590px){.profile-header-card{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;padding:16px!important}.profile-tabs-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto!important;padding-bottom:6px;scrollbar-color:#14b8a6 #f1f5f9;scrollbar-width:thin;width:100%!important}.profile-tabs-inner{min-width:100%!important;width:-webkit-max-content!important;width:max-content!important}.profile-tabs-wrap::-webkit-scrollbar{display:block;height:4px}.profile-tabs-wrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.profile-tabs-wrap::-webkit-scrollbar-thumb{background:#14b8a6;border-radius:10px}.profile-tabs-wrap::-webkit-scrollbar-thumb:hover{background:#0d9488}.profile-tab-content{padding:16px!important}.profile-info-grid{grid-template-columns:1fr!important}.topbar-greeting{display:none!important}}@media (max-width:768px){.sidebar-close-btn{display:flex!important}.sidebar-close-btn:hover{background:#ffffff26!important;color:#fff!important}}.products-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px -2px #0f172a0f,0 2px 8px -1px #0f172a0a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:calc(100vh - 210px);overflow:hidden;transition:all .3s ease}.products-card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.products-table-container{background:#fff;flex:1 1;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.products-table-container th{background:#f8fafc;border-bottom:none;box-shadow:0 1px 0 #0f172a14;position:-webkit-sticky;position:sticky;top:0;z-index:10}.products-card-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1.5px solid #e2e8f0;border-top:1.5px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 24px}.products-table-container tr{transition:background-color .15s ease}.products-table-container tr:hover td{background-color:#14b8a605!important}.dropdown-item:hover{background-color:#f0fdfa!important}@media (max-width:768px){.products-card{height:auto!important;max-height:none!important}.products-card-header{align-items:stretch;flex-direction:column;padding:16px}.products-card-footer{align-items:center;flex-direction:column;gap:12px;padding:16px}}.csv-page-wrapper{display:flex;flex-direction:column;height:calc(100vh - 146px);overflow:hidden}.csv-page-grid{display:flex;flex:1 1;gap:24px;min-height:0}.csv-left-col,.csv-right-col{display:flex;flex:1 1;flex-direction:column;min-height:0}@media (max-width:768px){.csv-page-wrapper{height:auto!important;overflow:visible!important}.csv-page-grid{flex-direction:column;gap:16px;height:auto;overflow:visible!important}.csv-left-col,.csv-right-col{flex:none;min-height:auto}}.csv-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff;border-radius:20px;box-shadow:0 8px 32px #0f172a0a,0 2px 8px #0f172a05;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.csv-card:before{background:linear-gradient(90deg,#0ea5e9,#14b8a6,#8b5cf6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.csv-card:hover{border-color:#fff;box-shadow:0 12px 40px #0f172a14,0 4px 12px #0f172a08;transform:translateY(-3px)}.csv-card:hover:before{opacity:1}.csv-dropzone{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;transition:all .3s cubic-bezier(.2,.8,.2,1)}.csv-dropzone.active{background:linear-gradient(180deg,#f0fdfa,#ccfbf1);border-color:#14b8a6;box-shadow:0 0 24px #14b8a633;transform:scale(1.02)}.csv-dropzone.has-file{background:linear-gradient(180deg,#f0fdf4,#d1fae5);border-color:#10b981}
/*# sourceMappingURL=main.a8ee1c04.css.map*/