:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f114;--accent-amazon:#f97316;--accent-amazon-light:#f973161a;--accent-flipkart:#2563eb;--accent-flipkart-light:#2563eb1a;--accent-blinkit:#eab308;--accent-blinkit-light:#eab30826;--accent-myntra:#ec4899;--accent-myntra-light:#ec48991a;--accent-meesho:#a855f7;--accent-meesho-light:#a855f71a;--accent-generic:#64748b;--accent-generic-light:#64748b1a;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#ef444414;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #00000014;--sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--heading:"Outfit", system-ui, -apple-system, sans-serif;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);box-sizing:border-box}@media (prefers-color-scheme:dark){:root{--bg-primary:#0b0f19;--bg-secondary:#131c2e;--bg-tertiary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:#1e293b;--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#818cf826;--accent-amazon-light:#f9731633;--accent-flipkart-light:#2563eb33;--accent-blinkit-light:#eab30840;--accent-generic-light:#64748b33;--danger:#f87171;--danger-hover:#ef4444;--danger-light:#f8717126;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0006}}*,:before,:after{box-sizing:inherit}body{font-family:var(--sans);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 6px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.badge-amazon{background:var(--accent-amazon-light);color:var(--accent-amazon)}.badge-flipkart{background:var(--accent-flipkart-light);color:var(--accent-flipkart)}.badge-blinkit{background:var(--accent-blinkit-light);color:var(--accent-blinkit)}.badge-myntra{background:var(--accent-myntra-light);color:var(--accent-myntra)}.badge-meesho{background:var(--accent-meesho-light);color:var(--accent-meesho)}.badge-generic{background:var(--accent-generic-light);color:var(--accent-generic)}.search-input-wrapper{width:100%;max-width:400px;position:relative}.search-input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);font-family:var(--sans);transition:all var(--transition-fast);border-radius:12px;padding:12px 16px 12px 42px;font-size:14px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.search-icon{color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input:focus+.search-icon{color:var(--primary)}.sort-select{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--sans);cursor:pointer;appearance:none;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:12px;padding:12px 36px 12px 16px;font-size:14px}@media (prefers-color-scheme:dark){.sort-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}}.sort-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}