:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary: #10b981;--danger: #ef4444;--warning: #f59e0b;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--border-color: #475569;--shadow: rgba(0, 0, 0, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary: #059669;--danger: #dc2626;--warning: #d97706;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--shadow: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh;line-height:1.6;transition:background .3s ease,color .3s ease}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--primary-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 6px var(--shadow);transition:all .3s ease}.card:hover{box-shadow:0 10px 15px var(--shadow);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{animation:shimmer 2s infinite linear;background:linear-gradient(to right,var(--bg-tertiary) 4%,var(--border-color) 25%,var(--bg-tertiary) 36%);background-size:1000px 100%}@media(hover:none)and (pointer:coarse){button,a,input[type=checkbox],select{min-height:44px}*{-webkit-overflow-scrolling:touch}button,a{-webkit-tap-highlight-color:rgba(37,99,235,.1);-webkit-touch-callout:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;color:var(--text-primary);padding:0;box-shadow:0 2px 4px var(--shadow)}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.theme-toggle:active{transform:translateY(0)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(20deg)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-toggle.changing svg{animation:rotate .5s ease-in-out}.app{min-height:100vh}.header{background:var(--bg-secondary);border-bottom:2px solid var(--primary);padding:var(--spacing-lg) 0;box-shadow:0 4px 6px var(--shadow)}.header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.header p{color:var(--text-secondary);font-size:.95rem}.search-section{margin:var(--spacing-2xl) 0}.search-input-wrapper{position:relative;max-width:600px;margin:0 auto}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);outline:none;transition:all .3s ease}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:var(--text-secondary)}.search-results{max-width:600px;margin:var(--spacing-md) auto 0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:400px;overflow-y:auto;box-shadow:0 10px 25px var(--shadow)}.search-result-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-tertiary);padding-left:calc(var(--spacing-lg) + var(--spacing-xs))}.search-result-item h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.search-result-item p{font-size:.875rem;color:var(--text-secondary)}.fund-details-section{margin-top:var(--spacing-2xl)}.fund-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.fund-header h2{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.fund-header .fund-house{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--spacing-md)}.fund-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.stat-item{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-value.positive{color:var(--secondary)}.stat-value.negative{color:var(--danger)}.returns-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.returns-table th,.returns-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.returns-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.returns-table tr:last-child td{border-bottom:none}.returns-table tr:hover{background:var(--bg-tertiary)}.pros-cons-section{margin-top:var(--spacing-2xl)}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}@media(max-width:768px){.pros-cons-grid{grid-template-columns:1fr}.fund-stats{grid-template-columns:repeat(2,1fr)}}.pros-card,.cons-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);box-shadow:0 4px 6px var(--shadow)}.pros-card h3{color:var(--secondary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.cons-card h3{color:var(--danger);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.pros-list,.cons-list{list-style:none}.pros-list li,.cons-list li{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-sm);transition:all .2s ease}.pros-list li{background:#10b9811a;border-left:3px solid var(--secondary)}.cons-list li{background:#ef44441a;border-left:3px solid var(--danger)}.pros-list li:hover,.cons-list li:hover{transform:translate(5px);box-shadow:0 2px 4px var(--shadow)}.icon{flex-shrink:0;font-size:1.2rem}.loading-message,.error-message,.empty-message{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.error-message{color:var(--danger)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;text-transform:uppercase}.badge.low{background:#10b98133;color:var(--secondary)}.badge.moderate{background:#f59e0b33;color:var(--warning)}.badge.high{background:#ef444433;color:var(--danger)}.share-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px var(--shadow)}.share-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.share-button:active{transform:translateY(0)}.share-button .icon{font-size:1rem}.shared-view-container{min-height:100vh;display:flex;flex-direction:column}.shared-view-header{background:var(--bg-secondary);border-bottom:2px solid var(--primary);padding:var(--spacing-lg) 0;box-shadow:0 4px 6px var(--shadow)}.shared-view-header h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.shared-view-header p{color:var(--text-secondary);font-size:.9rem}.shared-fund-info{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl);border:1px solid var(--border-color)}.shared-fund-info h2{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.cta-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px var(--shadow)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow)}.all-funds-section{margin-top:var(--spacing-lg)}.all-funds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.header-left .search-input-wrapper{flex:1;min-width:250px;max-width:400px;margin:0}.table-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;line-height:1.5;height:42px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:all .2s ease}.table-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}.table-search-input::placeholder{color:var(--text-secondary)}.header-left h2{font-size:1.5rem;margin:0}.fund-count{color:var(--text-secondary);font-size:.875rem}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.page-size-selector{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem}.page-size-selector label{color:var(--text-secondary)}.page-size-selector select{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;line-height:1.5;height:42px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;outline:none;transition:border-color .2s ease}.page-size-selector select:hover{border-color:var(--primary)}.page-size-selector select:focus{border-color:var(--primary)}.filter-input{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;min-width:200px;transition:border-color .2s ease}.filter-input:focus{border-color:var(--primary)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.pagination-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary)}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.compare-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);height:42px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:not-allowed;transition:all .3s ease}.compare-button.active{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;border-color:var(--primary);cursor:pointer;box-shadow:0 2px 4px var(--shadow)}.compare-button.active:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.selected-funds-bar{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.selected-fund-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem}.selected-fund-tag button{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin-left:var(--spacing-xs);font-size:1rem;line-height:1;opacity:.8}.selected-fund-tag button:hover{opacity:1}.max-notice{color:var(--warning);font-size:.75rem;font-style:italic}.all-funds-table-wrapper{overflow-x:auto;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 4px 6px var(--shadow)}.all-funds-table{width:100%;border-collapse:collapse;min-width:900px}.all-funds-table th,.all-funds-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.all-funds-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:1}.all-funds-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.all-funds-table th.sortable:hover{background:var(--border-color)}.sort-arrow{margin-left:var(--spacing-xs);opacity:.7}.all-funds-table th.numeric,.all-funds-table td.numeric{text-align:right}.all-funds-table tbody tr{cursor:pointer;transition:background .2s ease}.all-funds-table tbody tr:hover{background:var(--bg-tertiary)}.all-funds-table tbody tr.selected{background:#2563eb26}.all-funds-table tbody tr:last-child td{border-bottom:none}.checkbox-col{width:40px;text-align:center!important}.checkbox-col input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.fund-name-cell{max-width:300px}.fund-name-link{text-decoration:none;display:block;transition:all .2s ease}.fund-name-link .fund-name{text-decoration:underline;text-decoration-color:var(--text-secondary);text-underline-offset:2px}.fund-name-link:hover .fund-name{color:var(--primary);text-decoration-color:var(--primary)}.fund-name-cell .fund-name{font-weight:500;color:var(--text-primary);margin-bottom:2px;transition:color .2s ease}.fund-name-cell .fund-house{font-size:.75rem;color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.compare-view-container{min-height:100vh;display:flex;flex-direction:column}.compare-header{background:var(--bg-secondary);border-bottom:2px solid var(--primary);padding:var(--spacing-lg) 0;box-shadow:0 4px 6px var(--shadow)}.compare-header-content{display:flex;justify-content:space-between;align-items:center}.compare-header h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.compare-header p{color:var(--text-secondary);font-size:.9rem}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px var(--shadow)}.back-link:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary-light);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow)}.back-link:active{transform:translateY(0)}.compare-table-wrapper{overflow-x:auto;margin-top:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 4px 6px var(--shadow)}.compare-table{width:100%;border-collapse:collapse;min-width:600px}.compare-table th,.compare-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.compare-table th{background:var(--bg-tertiary);font-weight:600}.compare-table th.metric-col{width:180px;position:sticky;left:0;z-index:2;background:var(--bg-tertiary)}.compare-table td:first-child{font-weight:500;color:var(--text-secondary);position:sticky;left:0;background:var(--bg-secondary);z-index:1}.compare-table .fund-col{min-width:200px}.fund-header-cell .fund-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.fund-header-cell .fund-house{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.compare-table tr:last-child td{border-bottom:none}.compare-table tbody tr:hover td{background:var(--bg-tertiary)}.compare-table .section-header td{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-color) 100%);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-light)}.compare-table .best-value{background:#10b98126!important;font-weight:600;color:var(--secondary)}.compare-table .positive{color:var(--secondary)}.compare-table .negative{color:var(--danger)}@media(max-width:768px){.container{padding:var(--spacing-lg) var(--spacing-md)}.header h1{font-size:1.5rem}.header p{font-size:.85rem}.all-funds-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-left{width:100%;flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.category-selector-wrapper{width:100%}.category-dropdown{width:100%;font-size:1.2rem;padding:var(--spacing-sm) var(--spacing-md)}.header-left .search-input-wrapper{width:100%;max-width:none;min-width:0}.fund-count{text-align:center;width:100%;padding:var(--spacing-xs) 0}.header-right{width:100%;justify-content:space-between}.page-size-selector{flex:1}.page-size-selector select{width:100%}.compare-button{flex:1}.all-funds-table{min-width:100%}.all-funds-table .checkbox-col{width:32px;padding:var(--spacing-xs)!important;position:sticky;left:0;z-index:3;background:var(--bg-secondary)}.all-funds-table th.checkbox-col{background:var(--bg-tertiary);z-index:4}.all-funds-table .checkbox-col input[type=checkbox]{width:16px;height:16px}.all-funds-table th:nth-child(2),.all-funds-table td:nth-child(2){position:sticky;left:32px;z-index:2;background:var(--bg-secondary);box-shadow:2px 0 4px #0000001a}.all-funds-table th:nth-child(2){background:var(--bg-tertiary);z-index:3}.all-funds-table th,.all-funds-table td{padding:var(--spacing-sm);font-size:.875rem}.fund-name-cell{max-width:150px;min-width:150px}.fund-name-cell .fund-name{font-size:.875rem;line-height:1.3}.fund-name-cell .fund-house{font-size:.7rem}.all-funds-table th.numeric,.all-funds-table td.numeric{font-size:.8rem;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.pagination-controls{flex-direction:column;gap:var(--spacing-sm)}.pagination-info{order:-1;text-align:center}.pagination-button{width:100%}.compare-header-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.compare-table th.metric-col,.compare-table td:first-child{min-width:120px;font-size:.75rem}.compare-table .fund-col{min-width:150px}.compare-table th,.compare-table td{padding:var(--spacing-sm);font-size:.8rem}.pros-cons-grid{grid-template-columns:1fr}.fund-stats{grid-template-columns:repeat(2,1fr)}.selected-funds-bar{font-size:.8rem}.selected-fund-tag{font-size:.7rem}.filter-input{min-width:auto;width:100%}}@media(max-width:480px){.header h1{font-size:1.25rem}.category-dropdown{font-size:1rem}.fund-name-cell{max-width:120px;min-width:120px}.fund-name-cell .fund-name{font-size:.8rem}.fund-name-cell .fund-house{font-size:.65rem}.all-funds-table th,.all-funds-table td{padding:6px 4px;font-size:.75rem}.all-funds-table th:nth-child(2),.all-funds-table td:nth-child(2){padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.all-funds-table th:nth-child(4),.all-funds-table td:nth-child(4){display:none}.fund-stats{grid-template-columns:1fr}.header-right{flex-direction:column;gap:var(--spacing-sm)}.page-size-selector,.compare-button{width:100%}.compare-table th.metric-col,.compare-table td:first-child{min-width:100px;font-size:.7rem;padding:6px 4px}.compare-table .fund-col{min-width:120px}.fund-header-cell .fund-name{font-size:.75rem}.fund-header-cell .fund-house{font-size:.65rem}}@media(max-width:768px)and (orientation:landscape){.container{padding:var(--spacing-md)}.header{padding:var(--spacing-md) 0}.all-funds-header{flex-direction:row;flex-wrap:wrap}.header-left{flex-direction:row;flex-wrap:wrap;width:auto;flex:1}.header-right{flex-direction:row;width:auto}}.category-selector-wrapper{display:flex;align-items:center;gap:var(--spacing-xs)}.category-dropdown{padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5em;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;outline:none;transition:all .3s ease;appearance:none;-webkit-appearance:none;font-family:inherit;position:relative;box-shadow:0 2px 4px var(--shadow);background-clip:padding-box;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%)}.category-dropdown{background-image:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%),url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat,no-repeat;background-position:0 0,right .5em center;background-size:auto,1em;-webkit-background-clip:text,border-box;background-clip:text,border-box}.category-dropdown:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow);border-color:var(--primary);background-image:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%),url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d4ed8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.category-dropdown:focus{border:2px solid var(--primary);box-shadow:0 0 0 3px #2563eb1a}.category-dropdown option,.category-dropdown optgroup{font-size:1rem;font-weight:400;color:var(--text-primary);background:var(--bg-secondary);-webkit-text-fill-color:initial;background-clip:border-box}.category-dropdown optgroup{font-weight:700;color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--spacing-xs) 0}