:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--primary-rgb: 99, 102, 241;--categories-bg: #f8fafc;--categories-sidebar-bg: #ffffff;--categories-filter-border: #e2e8f0;--categories-filter-hover: #f1f5f9;--categories-card-bg: #ffffff;--categories-card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--categories-card-hover-shadow: 0 4px 16px rgba(0, 0, 0, .15);--categories-badge-new: #10b981;--categories-badge-sale: #ef4444;--categories-badge-shipping: #3b82f6;--categories-rating-color: #fbbf24;--categories-price-color: #1e293b;--categories-price-sale: #ef4444;--categories-loading-bg: rgba(255, 255, 255, .9);--categories-toast-bg: #ffffff;--categories-toast-shadow: 0 4px 12px rgba(0, 0, 0, .15)}.dark{--categories-bg: #1e293b;--categories-sidebar-bg: #1e293b;--categories-filter-border: #334155;--categories-filter-hover: #334155;--categories-card-bg: #2d3748;--categories-card-shadow: 0 4px 12px rgba(0, 0, 0, .4);--categories-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .5);--categories-loading-bg: rgba(0, 0, 0, .9);--categories-toast-bg: #1e293b;--categories-toast-shadow: 0 4px 12px rgba(0, 0, 0, .4)}.categories-container{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;min-height:100vh;background:var(--categories-bg);padding:1rem}@media(max-width:1024px){.categories-container{grid-template-columns:1fr;gap:1rem}}.categories-sidebar{background:var(--categories-sidebar-bg);border-radius:.75rem;padding:1rem;height:-moz-fit-content;height:fit-content;position:sticky;top:1rem;border:1px solid var(--categories-filter-border);box-shadow:var(--categories-card-shadow)}.dark .categories-sidebar{border-color:#334155!important}.dark .sidebar-header{border-bottom-color:#334155!important}.dark .filter-section{border-color:#334155!important}.dark .filter-title{border-bottom-color:#334155!important}.dark .filter-search-input,.dark .filter-select,.dark .price-input,.dark .dropdown-trigger,.dark .dropdown-menu{border-color:#334155!important}.dark .dropdown-option{border-bottom-color:#334155!important}.dark .price-inputs,.dark .quick-filter-option,.dark .color-option,.dark .brand-option,.dark .size-option,.dark .price-stats,.dark .rating-option{border-color:#334155!important}.mobile-filter-toggle,.mobile-view-toggle{background:var(--bg-card)!important;border:none!important;border-radius:var(--radius-lg)!important;padding:var(--space-md) var(--space-lg)!important;color:var(--text-primary)!important;font-weight:500!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;align-items:center!important;gap:var(--space-sm)!important;width:100%!important;justify-content:center!important}.mobile-filter-toggle:hover,.mobile-view-toggle:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #8b5cf64d!important}.mobile-filter-toggle:active,.mobile-view-toggle:active{transform:translateY(0)!important;box-shadow:0 2px 8px #8b5cf633!important}.dark .mobile-filter-toggle,.dark .mobile-view-toggle{background:#334155!important;color:#f8fafc!important;box-shadow:0 2px 8px #0000004d!important}.dark .mobile-filter-toggle:hover,.dark .mobile-view-toggle:hover{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 16px #8b5cf666!important}.sort-select{background:var(--bg-card)!important;border:none!important;border-radius:var(--radius-lg)!important;padding:var(--space-md) var(--space-lg)!important;color:var(--text-primary)!important;font-weight:500!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1.5em 1.5em!important;padding-right:2.5rem!important}.sort-select:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #8b5cf633!important}.sort-select:focus{outline:none!important;background:var(--primary)!important;color:#fff!important;box-shadow:0 0 0 3px #8b5cf61a!important}.dark .sort-select{background:#334155!important;color:#f8fafc!important;box-shadow:0 2px 8px #0000004d!important}.dark .sort-select:hover{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 12px #8b5cf64d!important}.dark .sort-select:focus{background:var(--primary)!important;color:#fff!important;box-shadow:0 0 0 3px #8b5cf633!important}.view-options-buttons{background:var(--bg-card)!important;border:none!important;border-radius:var(--radius-lg)!important;padding:var(--space-xs)!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;gap:var(--space-xs)!important}.view-btn{background:transparent!important;border:none!important;border-radius:var(--radius-md)!important;padding:var(--space-sm)!important;color:var(--text-secondary)!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;min-height:40px!important}.view-btn:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important}.view-btn.active{background:var(--primary)!important;color:#fff!important;box-shadow:0 2px 8px #8b5cf64d!important}.view-btn.active:hover{background:var(--primary-hover)!important;color:#fff!important;transform:translateY(-1px)!important}.dark .view-options-buttons{background:#334155!important;box-shadow:0 2px 8px #0000004d!important}.dark .view-btn{color:#cbd5e1!important}.dark .view-btn:hover{background:#475569!important;color:#f8fafc!important}.dark .view-btn.active{background:var(--primary)!important;color:#fff!important;box-shadow:0 2px 8px #8b5cf666!important}.dark .view-btn.active:hover{background:var(--primary-hover)!important;color:#fff!important}.categories-main{display:flex;flex-direction:column;gap:var(--space-lg)}.categories-top-bar{background:var(--categories-sidebar-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--categories-filter-border);box-shadow:var(--categories-card-shadow);display:flex;flex-direction:column;gap:var(--space-md)}.categories-top-row,.categories-controls-row{display:flex;justify-content:space-between;align-items:center}.view-options-container{display:flex;align-items:center;gap:var(--space-sm)}.view-options-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:0}.mobile-controls{display:none;gap:var(--space-sm)}.mobile-filter-toggle,.mobile-view-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-filter-toggle:hover,.mobile-view-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-color)}.mobile-filter-toggle.active,.mobile-view-toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mobile-filter-toggle:active,.mobile-view-toggle:active{transform:scale(.95)}@media(max-width:768px){.mobile-filter-toggle,.mobile-view-toggle{min-height:44px;padding:var(--space-md) var(--space-lg)}}.mobile-filter-toggle ion-icon,.mobile-view-toggle ion-icon{font-size:16px}.dark .mobile-filter-toggle,.dark .mobile-view-toggle{background:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.dark .mobile-filter-toggle:hover,.dark .mobile-view-toggle:hover{background:var(--bg-hover-dark);color:var(--text-primary-dark)}@media(max-width:768px){.categories-top-bar{padding:var(--space-md)}.categories-top-row,.categories-controls-row{flex-direction:column;gap:var(--space-md);align-items:stretch}.mobile-controls{display:flex;justify-content:center}.view-options-container{display:none}.sort-container,.sort-select{width:100%}}@media(max-width:480px){.categories-top-bar{padding:var(--space-sm)}.categories-top-row,.categories-controls-row{gap:var(--space-sm)}.mobile-controls{flex-direction:column;gap:var(--space-xs)}.mobile-filter-toggle,.mobile-view-toggle{justify-content:center;width:100%}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.categories-sidebar.sidebar-open{transform:translate(0);z-index:999}@media(max-width:768px){.categories-sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important;transform:translate(-100%)!important;transition:transform .3s ease!important;z-index:999!important;overflow-y:auto!important;padding-top:var(--space-lg)!important;background:var(--categories-sidebar-bg)!important;box-shadow:2px 0 10px #0000001a!important}.categories-sidebar.sidebar-open{transform:translate(0)!important}.categories-container{grid-template-columns:1fr!important}.categories-main{margin-left:0!important}}@media(max-width:1024px)and (min-width:769px){.categories-container{grid-template-columns:250px 1fr;gap:var(--space-md)}.categories-sidebar{padding:var(--space-md)}}.search-sort-container{display:flex;align-items:center;gap:var(--space-lg)}.sort-container{display:flex;align-items:center;gap:var(--space-sm)}.sort-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.sort-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--categories-filter-border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.breadcrumb a{color:var(--primary);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:#2563eb}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current{color:var(--text-secondary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);min-height:400px;transition:all .3s ease}.categories-grid.grid-small,div#categories-grid.grid-small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:1rem!important}.categories-grid.grid-medium,div#categories-grid.grid-medium{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.5rem!important}.categories-grid.grid-large,div#categories-grid.grid-large{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important;gap:2rem!important}.categories-grid.list-view,.categories-grid.list,div#categories-grid.list-view,div#categories-grid.list{grid-template-columns:1fr!important;gap:1rem!important}.categories-container .categories-main div#categories-grid.grid-small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:1rem!important}.categories-container .categories-main div#categories-grid.grid-medium{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.5rem!important}.categories-container .categories-main div#categories-grid.grid-large{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important;gap:2rem!important}.categories-container .categories-main div#categories-grid.list-view,.categories-container .categories-main div#categories-grid.list{grid-template-columns:1fr!important;gap:1rem!important}@media(max-width:768px){.categories-container .categories-main div#categories-grid.grid-small{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.categories-container .categories-main div#categories-grid.grid-medium{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.categories-container .categories-main div#categories-grid.grid-large,.categories-container .categories-main div#categories-grid.list-view,.categories-container .categories-main div#categories-grid.list{grid-template-columns:1fr!important;gap:1rem!important}}@media(max-width:768px){div#categories-grid.grid-small{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}div#categories-grid.grid-medium{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}div#categories-grid.grid-large,div#categories-grid.list-view,div#categories-grid.list{grid-template-columns:1fr!important;gap:1rem!important}}@media(min-width:769px){div#categories-grid.grid-small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:1rem!important}div#categories-grid.grid-medium{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.5rem!important}div#categories-grid.grid-large{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important;gap:2rem!important}.view-btn[data-view=list]{display:none!important}div#categories-grid.list-view,div#categories-grid.list{grid-template-columns:1fr!important;gap:1rem!important}}.category-page-header{background:var(--categories-sidebar-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--categories-filter-border);box-shadow:var(--categories-card-shadow);margin-bottom:var(--space-lg)}.category-page-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.category-page-identity{display:flex;align-items:center;gap:var(--space-md)}.category-page-icon{width:48px;height:48px;background:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.category-page-name{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0}.category-page-stats{display:flex;gap:var(--space-md);flex-wrap:wrap}.category-page-stat-item{background:var(--bg-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border:1px solid var(--border-color)}.dark .category-page-header{background:var(--categories-sidebar-bg);border-color:#334155}.dark .category-page-stat-item{background:#334155;color:var(--text-primary-dark);border-color:#475569}@media(max-width:768px){.categories-container{padding:var(--space-md)}.categories-sidebar{position:static;order:2}.categories-main{order:1}.categories-top-bar{flex-direction:column;gap:var(--space-md);align-items:stretch}.search-sort-container{justify-content:space-between}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-page-info{flex-direction:column;align-items:flex-start}.category-page-stats{width:100%;justify-content:flex-start}}.loading-state,.error-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center;background:var(--categories-loading-bg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{width:40px;height:40px;border:4px solid var(--categories-filter-border);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}.loading-dots{display:flex;gap:var(--space-xs);margin-top:var(--space-md)}.loading-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.categories-results{display:flex;flex-direction:column;gap:var(--space-lg)}.results-info{display:flex;justify-content:space-between;align-items:center;background:var(--categories-sidebar-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--categories-filter-border)}.results-count{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.filtered-indicator{color:var(--primary);font-weight:500}.categories-pagination{display:flex;justify-content:center;margin-top:var(--space-lg)}.toast{position:fixed;top:var(--space-lg);right:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--categories-toast-bg);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--categories-toast-shadow);z-index:1000;border:1px solid var(--categories-filter-border);display:flex;align-items:center;gap:var(--space-sm);max-width:400px;opacity:0;transform:translate(100%);transition:all .3s ease}.toast.show{opacity:1;transform:translate(0)}.toast-success{border-left:4px solid var(--success);background:rgba(var(--success-rgb),.1)}.toast-error{border-left:4px solid var(--error);background:rgba(var(--error-rgb),.1)}.toast ion-icon{font-size:20px;flex-shrink:0}.toast-success ion-icon{color:var(--success)}.toast-error ion-icon{color:var(--error)}