:root{--primary:#3d5afb;--primary-light:#5ec8ff;--primary-dark:#2942c7;--primary-tint:#eaf1ff;--accent-blue:#2563eb;--accent-blue-bg:#dbeafe;--accent-emerald:#10b981;--accent-emerald-bg:#d1fae5;--accent-amber:#f59e0b;--accent-amber-bg:#fef3c7;--accent-rose:#f43f5e;--accent-rose-bg:#ffe4e6;--accent-violet:#8b5cf6;--accent-violet-bg:#ede9fe;--accent-cyan:#06b6d4;--accent-cyan-bg:#cffafe;--success:#16a34a;--success-bg:#dcfce7;--danger:#ef4444;--danger-bg:#fee2e2;--warning:#f59e0b;--warning-bg:#fef3c7;--info:#2563eb;--info-bg:#dbeafe;--status-warning:#b45309;--status-violet:#6d28d9;--status-cyan:#0e7490;--status-blue:#1d4ed8;--status-indigo:#4338ca;--status-success:#15803d;--status-danger:#dc2626;--status-rose:#be123c;--status-neutral:#475569;--background:#f5f7fb;--card:#fff;--text:#111827;--text-light:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--border-strong:#d1d5db;--font-xs:12px;--font-sm:13px;--font-base:15px;--font-md:16px;--font-lg:18px;--font-xl:22px;--font-2xl:28px;--font-3xl:34px;--font-4xl:44px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 2px 8px #0f172a0d;--shadow-sm:0 4px 16px #0f172a0f;--shadow-md:0 8px 30px #0f172a1a;--shadow-lg:0 16px 40px #0f172a24;--shadow-glow:0 8px 24px #3d5afb59;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--gradient-primary:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);--gradient-progress:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);--space-xs:8px;--space-sm:14px;--space-md:20px;--space-lg:30px}:root[data-theme=dark]{--primary-tint:#182b5c;--background:#0f172a;--card:#1e293b;--text:#f1f5f9;--text-light:#94a3b8;--text-muted:#64748b;--border:#334155;--border-strong:#475569;--shadow-xs:0 2px 8px #0003;--shadow-sm:0 4px 16px #0000003d;--shadow-md:0 8px 30px #0000004d;--shadow-lg:0 16px 40px #0000005c;--accent-blue-bg:#2563eb2e;--accent-emerald-bg:#10b9812e;--accent-amber-bg:#f59e0b2e;--accent-rose-bg:#f43f5e2e;--accent-violet-bg:#8b5cf62e;--accent-cyan-bg:#06b6d42e;--success-bg:#16a34a2e;--danger-bg:#ef44442e;--warning-bg:#f59e0b2e;--info-bg:#2563eb2e;--status-warning:#fbbf24;--status-violet:#c4b5fd;--status-cyan:#67e8f9;--status-blue:#93c5fd;--status-indigo:#a5b4fc;--status-success:#4ade80;--status-danger:#f87171;--status-rose:#fda4af;--status-neutral:#cbd5e1}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{background:var(--background);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit;color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}img{max-width:100%;display:block}.dashboardLayout{min-height:100vh;display:flex}.pageMain{flex-direction:column;flex:1;display:flex}.pageContent{flex:1;padding:30px}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.grid2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.w100{width:100%}.mt20{margin-top:20px}.mt30{margin-top:30px}.mb20{margin-bottom:20px}.flex{display:flex}.center{justify-content:center;align-items:center}.hidden{display:none}.loadMoreButton{background:var(--card);width:100%;color:var(--primary);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:14px;margin-top:16px;padding:14px;font-size:14px;font-weight:800;display:block}.loadMoreButton:hover{background:var(--primary-tint)}.pageLoadingFallback{min-height:100vh;color:var(--text-light);font-size:15px;font-weight:var(--weight-medium);animation:fadeIn var(--duration-base) var(--ease-standard);justify-content:center;align-items:center;display:flex}button:not(:disabled){transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}button:not(:disabled):hover{transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-standard) both}.animate-scale-in{animation:scaleIn var(--duration-base) var(--ease-out) both}.hover-lift{transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.press-scale:active{transition:transform .1s var(--ease-spring);transform:scale(.97)}@media (prefers-reduced-motion:reduce){.animate-fade-in-up,.animate-fade-in,.animate-scale-in,.cards>*{animation:none!important}.hover-lift:hover{transform:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.modalOverlay{z-index:9999;box-sizing:border-box;background:#1118278c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.newProductModal{background:var(--card);box-sizing:border-box;width:620px;max-width:92%;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:24px;padding:32px;position:relative;overflow-y:auto}.closeModalButton{background:var(--background);width:34px;height:34px;color:var(--text);cursor:pointer;border:none;border-radius:50%;font-size:24px;line-height:34px;position:absolute;top:18px;right:20px}.closeModalButton:hover{background:var(--border)}.newProductModal h2{color:var(--text);font-size:28px}.newProductModal p{color:var(--text-light);margin-top:6px}.modalProductForm{flex-direction:column;gap:14px;margin-top:24px;display:flex}.modalProductForm input,.modalProductForm select{background:var(--background);width:100%;height:52px;color:var(--text);box-sizing:border-box;border:none;border-radius:14px;outline:none;min-width:0;padding:0 16px;font-size:15px}.modalProductForm input:focus{background:var(--card);border:2px solid var(--primary)}.modalActions{justify-content:flex-end;gap:14px;margin-top:26px;display:flex}.cancelProductButton,.saveProductButton{height:50px;font-weight:var(--weight-extrabold);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:flex}.cancelProductButton{background:var(--background);color:var(--text)}.cancelProductButton:hover{background:var(--border)}.saveProductButton{background:var(--primary);color:#fff}.saveProductButton:hover{background:var(--primary-dark)}.imeiSearchRow{gap:10px;display:flex}.imeiSearchRow input{flex:1;min-width:0}@media (width<=430px){.imeiSearchRow{flex-wrap:wrap}.imeiSearchRow input{flex:100%}.imeiSearchRow .imeiSearchButton{flex:auto}}.imeiSearchButton{background:var(--primary);color:#fff;height:52px;font-weight:var(--weight-extrabold);cursor:pointer;border:none;border-radius:14px;flex-shrink:0;padding:0 22px;font-size:15px}.imeiSearchButton:hover{background:var(--primary-dark)}.scanBarcodeButton{box-sizing:border-box;background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:20px;display:flex}.scanBarcodeButton:hover{background:var(--primary-dark)}.photoCaptureRow{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.photoCaptureButton{border:2px dashed var(--primary);background:var(--primary-tint);color:var(--primary-dark);font-weight:var(--weight-extrabold);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 10px;font-size:12.5px;display:flex}.photoCaptureButtonWide{flex-direction:row;grid-column:1/-1;padding:14px}.photoCaptureIcon{font-size:22px}.photoCaptureButtonWide .photoCaptureIcon{font-size:18px}.attachmentList{flex-direction:column;gap:8px;margin-top:4px;display:flex}.attachmentItem{background:var(--success-bg);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pickupModalInfo{background:var(--background);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:6px;margin-bottom:18px;padding:16px;display:flex}.pickupModalInfo strong{color:var(--primary);overflow-wrap:anywhere}.pickupModalInfo span{color:var(--text-light);overflow-wrap:anywhere;font-size:14px}.existingNotesList{flex-direction:column;gap:10px;max-height:220px;margin-bottom:18px;display:flex;overflow-y:auto}.existingNoteItem{background:var(--warning-bg);cursor:pointer;border-radius:14px;padding:12px 14px}.existingNoteItem p{color:var(--text);overflow-wrap:anywhere;margin:0 0 6px;font-size:14px}.existingNoteItem span{color:var(--text-light);font-size:11.5px}.noteActions{gap:8px;margin-top:10px;display:flex}.noteEditButton,.noteDeleteButton{font-weight:var(--weight-semibold);cursor:pointer;border:none;border-radius:10px;padding:7px 14px;font-size:12.5px}.noteEditButton{background:var(--card);color:var(--text)}.noteDeleteButton{background:var(--danger-bg);color:var(--danger)}.editNoteTextarea{background:var(--card);resize:vertical;border:none;border-radius:10px;outline:none;width:100%;min-height:70px;padding:10px 12px;font-family:inherit;font-size:14px}.pickupNoDifferenceNote{color:var(--text-light);background:var(--card);border:1px dashed var(--border);border-radius:8px;margin:4px 0 16px;padding:10px 12px;font-size:13px}.exchangePickupBox{background:var(--warning-bg);border:1px solid var(--warning-bg);border-radius:18px;width:100%;min-width:0;margin-top:6px;padding:18px;overflow:hidden}.exchangePickupTitle{background:var(--warning-bg);width:100%;color:var(--warning);font-size:12px;font-weight:var(--weight-extrabold);text-align:center;text-transform:uppercase;border-radius:12px;margin-bottom:16px;padding:10px 12px;line-height:1.35;display:block}.exchangePickupInfo{flex-direction:column;width:100%;min-width:0;display:flex}.exchangePickupRow{border-bottom:1px solid var(--warning-bg);grid-template-columns:82px minmax(0,1fr);align-items:start;gap:12px;width:100%;min-width:0;padding:12px 0;display:grid}.exchangePickupRow:last-child{border-bottom:none}.exchangePickupRow span{min-width:0;color:var(--warning);font-size:11px;font-weight:var(--weight-extrabold);text-transform:uppercase;line-height:1.4}.exchangePickupRow strong{min-width:0;color:var(--text);font-size:14px;font-weight:var(--weight-extrabold);text-align:left;overflow-wrap:anywhere;line-height:1.45}.exchangePickupImei{letter-spacing:.2px;font-family:monospace;font-size:13px!important}.exchangeChecklist{border-top:1px solid var(--warning-bg);flex-direction:column;gap:10px;width:100%;min-width:0;margin-top:16px;padding-top:16px;display:flex}.exchangeChecklist h4{color:var(--text);font-size:15px;font-weight:var(--weight-extrabold);margin:0 0 4px;line-height:1.3}.exchangeCheckItem{background:var(--card);border:1px solid var(--warning-bg);cursor:pointer;border-radius:12px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;width:100%;min-width:0;padding:12px;display:grid}.exchangeCheckItem input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;margin:1px 0 0}.exchangeCheckItem span{min-width:0;color:var(--text);text-transform:none;overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.45}.gradeLabel{background:var(--primary-tint,var(--background));color:var(--primary);font-size:11px;font-weight:var(--weight-extrabold);vertical-align:middle;border-radius:999px;margin-left:8px;padding:3px 9px;display:inline-block}.exchangeDeliveryTag{border-radius:var(--radius-pill);background:var(--accent-violet-bg);color:#6d28d9;width:max-content;max-width:100%;font-size:11px;font-weight:var(--weight-extrabold);padding:6px 10px;display:inline-flex}.pickupModal{background:var(--card);box-sizing:border-box;border-radius:24px;width:520px;max-width:92%;max-height:90vh;padding:30px;position:relative;overflow-y:auto}.pickupModal h2{color:var(--text);margin-bottom:6px}.pickupModal p{color:var(--text-light);margin-bottom:18px}.pickupModal label{color:var(--text);font-size:13px;font-weight:var(--weight-extrabold);margin:14px 0 7px;display:block}.pickupModal input,.pickupModal select,.pickupModal textarea{box-sizing:border-box;background:var(--background);border:none;border-radius:14px;outline:none;width:100%;min-width:0;padding:14px;font-size:15px}.pickupModal textarea{resize:none;min-height:90px}.quickSaleProductPreview{background:var(--success-bg);border:1px solid var(--success-bg);border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.quickSaleProductPreview strong{color:var(--text);overflow-wrap:anywhere;font-size:16px}.quickSaleProductPreview span{color:var(--text-light);overflow-wrap:anywhere;font-size:13px}.emptyTable{color:var(--text-light);text-align:center;padding:35px;font-weight:600}.prePaidResaleNote{background:var(--success-bg);color:var(--success);border:1px solid color-mix(in srgb, var(--success) 35%, transparent);font-size:13px;font-weight:var(--weight-bold,700);border-radius:12px;align-items:center;gap:8px;margin:4px 0 16px;padding:12px 14px;display:flex}.finishDeliveryButtonPrePaid,.finishPickupButtonPrePaid{background:var(--success)!important}.finishDeliveryButtonPrePaid:hover,.finishPickupButtonPrePaid:hover{opacity:.9;background:var(--success)!important}.pendingResaleUnconfirmedNote{background:var(--warning-bg);color:var(--warning);border:1px solid color-mix(in srgb, var(--warning) 35%, transparent);font-size:13px;font-weight:var(--weight-bold,700);border-radius:12px;align-items:center;gap:8px;margin:4px 0 16px;padding:12px 14px;display:flex}.formDivider{color:var(--text-muted);font-size:11px;font-weight:var(--weight-extrabold,800);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;margin:18px 0 4px;display:flex}.formDivider:before,.formDivider:after{content:"";background:var(--border);flex:1;height:1px}.deliverUnpaidButton{border:1.5px solid var(--warning);background:var(--warning-bg);width:100%;height:48px;color:var(--warning);font-size:14.5px;font-weight:var(--weight-extrabold,800);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:7px;margin-top:2px;display:flex}.deliverUnpaidButton:hover:not(:disabled){opacity:.85}.deliverUnpaidButton:disabled{opacity:.5;cursor:not-allowed}.unpaidHint{text-align:center;color:var(--text-muted);margin:8px 0 16px;font-size:11.5px;line-height:1.5}.periodCountBadge{background:var(--success-bg);min-height:42px;color:var(--success);border-radius:11px;flex-shrink:0;align-items:center;gap:10px;padding:9px 16px;display:flex}.periodCountBadge strong{font-size:19px;font-weight:800;line-height:1}.periodCountBadge span{max-width:130px;font-size:12px;font-weight:700;line-height:1.3}@media (width<=768px){.mySalesTabs,.financialTabs,.teamRoleTabs,.xcStatusTabs{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}}.statusBadge.statusBadge{color:var(--status-color,var(--status-neutral));font-size:var(--font-sm);font-weight:var(--weight-semibold);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;line-height:1.2;display:inline-flex}.statusBadgeIcon{stroke-width:2.2px;flex-shrink:0;width:15px;height:15px}.statusBadge--warning{--status-color:var(--status-warning)}.statusBadge--violet{--status-color:var(--status-violet)}.statusBadge--cyan{--status-color:var(--status-cyan)}.statusBadge--blue{--status-color:var(--status-blue)}.statusBadge--indigo{--status-color:var(--status-indigo)}.statusBadge--success{--status-color:var(--status-success)}.statusBadge--danger{--status-color:var(--status-danger)}.statusBadge--rose{--status-color:var(--status-rose)}.statusBadge--neutral{--status-color:var(--status-neutral)}@media (hover:hover) and (pointer:fine){html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 22%, transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 22%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text) 40%, transparent)}}@media (width<=1100px){.homeContent,.salesContent,.preparationContent,.inventoryContent,.deliveryContent,.teamContent,.assistanceContent,.exchangeContent,.financialContent{width:100%;min-width:0}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){body{font-size:14px}.homeDashboard,.salesDashboard,.preparationDashboard,.inventoryDashboard,.deliveryDashboard,.teamDashboard,.assistanceDashboard,.exchangeDashboard,.financialDashboard{width:100%;height:auto;min-height:100vh;overflow:visible}.homeMain,.salesMain,.preparationMain,.inventoryMain,.deliveryMain,.teamMain,.assistanceMain,.exchangeMain,.financialMain{width:100%;min-width:0;margin-left:0;overflow:visible}.homeContent,.salesContent,.preparationContent,.inventoryContent,.deliveryContent,.teamContent,.assistanceContent,.exchangeContent,.financialContent{width:100%!important;min-width:0!important;padding:18px 14px 24px!important;overflow:visible!important}.grid2,.grid3,.deliveryGrid,.financialCards,.financialSummaryGrid,.saleAuditGrid,.inventoryStats,.teamStats{gap:14px;flex-direction:column!important;display:flex!important}.grid2>div,.grid3>div,.deliveryGrid>div{min-width:0}input,select,textarea{width:100%;min-width:0;font-size:16px!important}input[type=date],input[type=time]{width:1px;min-width:100%}.actions,.modalActions,.financialModalActions,.teamModalActions,.exchangeActions{flex-direction:column;gap:12px;display:flex}.actions button,.modalActions button,.financialModalActions button,.teamModalActions button,.exchangeActions button{width:100%}.modalOverlay,.financialModalOverlay,.teamModalOverlay{align-items:flex-start;padding:12px;overflow-y:auto}.newProductModal,.smallModal,.pickupModal,.deleteProductModal,.financialModal,.financialSaleModal,.newUserModal{border-radius:18px;width:100%;max-width:100%;max-height:none;margin:18px 0;padding:22px 16px}.inventoryTable,.financialTableCard,.movementTableHeader,.movementTableRow{overflow-x:auto}.inventoryTableHeader,.inventoryTableRow,.financialTableHeader,.financialTableRow,.movementTableHeader,.movementTableRow{min-width:850px}.activeSaleItem,.returnPendingItem,.goalItem{flex-direction:column;align-items:flex-start;gap:12px}.activeSaleItem button,.returnPendingItem button,.goalItem button{width:100%}}@media (width<=480px){.homeContent,.salesContent,.preparationContent,.inventoryContent,.deliveryContent,.teamContent,.assistanceContent,.exchangeContent,.financialContent{padding-left:10px;padding-right:10px}h1{line-height:1.1;font-size:30px!important}h2{line-height:1.2}button{min-height:44px}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}button,input,select,textarea{max-width:100%}@media (width<=768px){body{font-size:14px}}