:root{--primary-color: #1058FF;--primary-hover: #0747d6;--primary-dark: #01315E;--text-white: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}.favorite-pill{position:absolute!important;top:8px!important;right:8px!important;z-index:10!important;background:#fff!important;border-radius:9999px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #00000026!important;border:1px solid rgba(0,0,0,.06)!important;cursor:pointer!important;line-height:0!important;padding:0!important;margin:0!important;overflow:visible!important}.favorite-pill .favorite-icon{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;min-width:16px!important;min-height:16px!important;display:block!important;-o-object-fit:contain!important;object-fit:contain!important;flex-shrink:0!important;margin:0 auto!important;padding:0!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}.medi-item-favorite{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;transition:border-color .2s!important;padding:0!important;margin:0!important}.medi-item-favorite img{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;min-width:16px!important;min-height:16px!important;display:block!important;-o-object-fit:contain!important;object-fit:contain!important;flex-shrink:0!important;margin:0 auto!important;padding:0!important}.medi-item-favorite.selected,.medi-item-favorite:hover{border-color:#1058ff!important}.medi-item-favorite+img,img[alt*=manufacturer]{max-width:120px!important;max-height:48px!important;height:auto!important;width:auto!important;-o-object-fit:contain!important;object-fit:contain!important;flex-shrink:0!important}.product-card{position:relative;cursor:pointer}.product-card .stretched-link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.product-card .favorite-pill,.product-card .product-card-favorite,.product-card .compare-button,.product-card button,.product-card .product-card-action{position:relative;z-index:10}.product-card .product-card-action{pointer-events:auto}.metric-card{background:var(--brand-primary, #1058FF);border-radius:1rem;padding:2rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.metric-card-cpu{background:var(--brand-primary, #1058FF)}.metric-card-memory{background:var(--brand-secondary, #0d9488)}.metric-card-disk{background:var(--brand-info, #3B82F6)}.metric-card-connections{background:var(--brand-warning, #F59E0B)}.metric-label{color:#fffc;font-size:.875rem;margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:700;color:#fff;margin:0}.metric-sublabel{color:#ffffffb3;font-size:.75rem}.metric-live-indicator{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff;opacity:.9}.metric-live-indicator:before{content:"";width:6px;height:6px;background:var(--brand-success, #10B981);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.chart-container{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #00000012}.chart-wrapper{position:relative;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.chart-wrapper canvas{max-width:100%;height:100%!important}.activity-feed{max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.activity-feed::-webkit-scrollbar{width:6px}.activity-feed::-webkit-scrollbar-track{background:transparent}.activity-feed::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-item{padding:1rem;border-bottom:1px solid #e5e7eb;transition:background-color .2s}.activity-item:hover{background-color:#f9fafb}.activity-item.new{animation:slideIn .3s ease-out;background-color:#1058ff0d}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.gauge-container{position:relative;width:200px;height:100px;margin:0 auto}.gauge-background{position:absolute;width:100%;height:100%;border:10px solid rgba(255,255,255,.2);border-bottom:none;border-radius:100px 100px 0 0}.gauge-fill{position:absolute;width:100%;height:100%;border:10px solid white;border-bottom:none;border-radius:100px 100px 0 0;transform-origin:center bottom;transition:transform .5s ease-out,border-color .5s ease}.hero-search-container{position:relative;padding:var(--spacing-3xl) 0;min-height:600px;display:flex;align-items:center;overflow:hidden}.hero-search-container .hero-content-wrapper{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.hero-search-container .hero-title-enhanced{font-size:var(--font-size-5xl);font-weight:700;color:var(--text-white);text-align:center;margin-bottom:var(--spacing-lg);line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-search-container .hero-subtitle{font-size:var(--font-size-xl);color:#ffffffe6;text-align:center;margin-bottom:var(--spacing-2xl);max-width:700px;margin-left:auto;margin-right:auto}.hero-search-box{background:var(--bg-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-lg);box-shadow:0 20px 40px #00000026;max-width:800px;margin:0 auto var(--spacing-2xl)}.hero-search-form{display:flex;gap:var(--spacing-md);align-items:stretch}.hero-search-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);transition:var(--transition-fast)}.hero-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #1058ff1a}.hero-search-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap}.hero-search-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1058ff4d}.hero-value-props{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);max-width:900px;margin:0 auto var(--spacing-2xl)}.value-prop-item{text-align:center;color:var(--text-white)}.value-prop-icon{width:60px;height:60px;margin:0 auto var(--spacing-md);background:#fff3;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.value-prop-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.value-prop-desc{font-size:var(--font-size-sm);opacity:.9;line-height:1.5}.hero-cta-group{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl)}.hero-cta-primary{padding:var(--spacing-md) var(--spacing-xl);background:var(--text-white);color:var(--primary-color);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.hero-cta-secondary{padding:var(--spacing-md) var(--spacing-xl);background:transparent;color:var(--text-white);border:2px solid rgba(255,255,255,.5);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.hero-cta-secondary:hover{background:#ffffff1a;border-color:var(--text-white);transform:translateY(-2px)}.trust-metrics-bar{background:var(--bg-primary);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:var(--spacing-lg) 0;margin:var(--spacing-2xl) 0}.mm-mobile-sidebar{-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px)}@media(max-width:1024px){.mm-mobile-sidebar{width:86vw!important;max-width:360px!important;border-right:1px solid rgba(0,0,0,.04)!important}.mm-mobile-sidebar nav a{min-height:44px!important}.mm-mobile-sidebar .mm-nav-link:hover{background:#f8fafc!important}}.mm-sidebar [data-tooltip]{position:relative}.mm-sidebar [data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translate(8px,-50%);white-space:nowrap;background:#111827f2;color:#fff;font-size:12px;line-height:1;padding:6px 8px;border-radius:6px;box-shadow:0 2px 8px #0003;z-index:60}.trust-metrics-container{display:flex;justify-content:space-around;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.trust-metric-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--spacing-md)}.trust-metric-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);line-height:1;margin-bottom:var(--spacing-xs)}.trust-metric-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.trust-metric-icon{font-size:var(--font-size-lg);color:var(--accent-color);margin-bottom:var(--spacing-sm)}.verified-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;background:var(--success-color);color:var(--text-white);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.verified-badge i{font-size:var(--font-size-sm)}.testimonial-carousel{padding:var(--spacing-3xl) 0;background:var(--bg-secondary);position:relative;overflow:hidden}.testimonial-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-lg)}.testimonial-card{background:var(--bg-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);text-align:center}.testimonial-content{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg);font-style:italic}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.testimonial-avatar{width:50px;height:50px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.testimonial-info{text-align:left}.testimonial-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.testimonial-role{font-size:var(--font-size-sm);color:var(--text-muted)}.testimonial-rating{display:flex;gap:2px;margin-bottom:var(--spacing-md);justify-content:center}.testimonial-rating i{color:var(--warning-color);font-size:var(--font-size-lg)}.product-card-b2b{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-normal);position:relative;height:100%;display:flex;flex-direction:column}.product-card-b2b:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.product-condition-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:6px 12px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.product-condition-badge.new{background:var(--success-color);color:var(--text-white)}.product-condition-badge.refurbished{background:var(--secondary-color);color:var(--text-white)}.product-condition-badge.used{background:var(--warning-color);color:var(--text-white)}.product-warranty-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;background:#4caf501a;color:var(--success-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.product-warranty-indicator i{font-size:var(--font-size-sm)}.product-bulk-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;background:#1058ff1a;color:var(--primary-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.product-financing-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;background:#00bcd41a;color:var(--secondary-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.product-card-b2b .product-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--gray-100)}.product-card-b2b .product-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.product-card-b2b .product-badges-row{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.product-card-b2b .product-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-b2b .product-specs{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.product-card-b2b .product-spec-item{display:flex;align-items:center;gap:var(--spacing-sm)}.product-card-b2b .product-spec-item i{color:var(--text-muted);width:16px;text-align:center}.product-card-b2b .product-pricing{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--gray-200)}.product-card-b2b .product-price{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.product-card-b2b .product-price-unit{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:400}.quick-inquiry-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.quick-inquiry-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.quick-inquiry-btn.secondary{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.quick-inquiry-btn.secondary:hover{background:#1058ff0d}.search-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--gray-200);border-top:none;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:100;display:none}.search-autocomplete.active{display:block}.search-suggestion-group{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-100)}.search-suggestion-group:last-child{border-bottom:none}.search-suggestion-header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.search-suggestion-item{padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:var(--transition-fast)}.search-suggestion-item:hover{background:var(--gray-50)}.search-suggestion-item i{color:var(--text-muted);width:20px;text-align:center}.search-suggestion-text{flex:1;color:var(--text-primary)}.search-suggestion-text mark{background:#1058ff1a;color:var(--primary-color);font-weight:600}.search-suggestion-count{font-size:var(--font-size-xs);color:var(--text-muted)}.search-trending{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);flex-wrap:wrap}.search-trending-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.search-trending-items{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.search-trending-item{padding:4px 12px;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);text-decoration:none}.search-trending-item:hover{border-color:var(--primary-color);color:var(--primary-color);background:#1058ff0d}.category-mega-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);display:none;z-index:1000}.category-mega-menu.active{display:block}.mega-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.mega-menu-column{display:flex;flex-direction:column}.mega-menu-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color)}.mega-menu-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mega-menu-item{padding:var(--spacing-xs) 0;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);display:flex;align-items:center;justify-content:space-between}.mega-menu-item:hover{color:var(--primary-color);padding-left:var(--spacing-sm)}.mega-menu-item-count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--gray-100);padding:2px 6px;border-radius:var(--border-radius-sm)}.mega-menu-featured{grid-column:span 4;padding:var(--spacing-lg);background:var(--gray-50);border-radius:var(--border-radius-md);margin-top:var(--spacing-lg)}.mega-menu-featured-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.mega-menu-featured-items{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.mega-menu-featured-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-md);transition:var(--transition-fast);text-decoration:none;color:var(--text-primary)}.mega-menu-featured-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mega-menu-featured-icon{width:40px;height:40px;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;background:#1058ff1a;border-radius:var(--border-radius-md);color:var(--primary-color);font-size:var(--font-size-lg)}.filter-drawer-mobile{position:fixed;top:0;left:0;width:300px;height:100%;background:var(--bg-primary);box-shadow:var(--shadow-xl);transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1100;overflow-y:auto}.filter-drawer-mobile.active{transform:translate(0)}.filter-drawer-header{position:sticky;top:0;background:var(--bg-primary);padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;z-index:10}.filter-drawer-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.filter-drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);border:none}.filter-drawer-close:hover{background:var(--gray-200)}.filter-drawer-content{padding:var(--spacing-lg)}.filter-group{margin-bottom:var(--spacing-xl)}.filter-group-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.filter-group-title i{transition:var(--transition-fast)}.filter-group-title.collapsed i{transform:rotate(-90deg)}.filter-group-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group-content.collapsed{display:none}.filter-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.filter-checkbox label{font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;flex:1}.filter-count{font-size:var(--font-size-xs);color:var(--text-muted)}.filter-drawer-footer{position:sticky;bottom:0;background:var(--bg-primary);padding:var(--spacing-lg);border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md)}.filter-drawer-footer button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.filter-clear-btn{background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--gray-200)}.filter-clear-btn:hover{background:var(--gray-200)}.filter-apply-btn{background:var(--primary-color);color:var(--text-white);border:none}.filter-apply-btn:hover{background:var(--primary-hover)}.filter-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:1099}.filter-drawer-overlay.active{opacity:1;visibility:visible}.mobile-sticky-search{position:fixed;top:0;left:0;right:0;background:var(--bg-primary);padding:var(--spacing-sm);box-shadow:var(--shadow-md);z-index:100;display:none;transform:translateY(-100%);transition:transform .3s ease-in-out}.mobile-sticky-search.active{transform:translateY(0)}.mobile-sticky-search .search-wrapper{display:flex;gap:var(--spacing-sm);align-items:center}.mobile-sticky-search .search-input{flex:1;padding:var(--spacing-sm);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}.mobile-sticky-search .search-btn{padding:var(--spacing-sm);background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--border-radius-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.bottom-nav-mobile{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--gray-200);padding:var(--spacing-sm) 0;display:none;z-index:100}.bottom-nav-items{display:flex;justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-xs);color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);position:relative}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item i{font-size:var(--font-size-xl)}.bottom-nav-item span{font-size:10px;font-weight:500}.bottom-nav-badge{position:absolute;top:0;right:0;background:var(--danger-color);color:var(--text-white);font-size:10px;padding:2px 4px;border-radius:10px;min-width:16px;text-align:center}.touch-friendly-btn{min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.touch-friendly-btn:active{transform:scale(.95)}.swipeable-container{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.swipeable-container::-webkit-scrollbar{display:none}.swipeable-item{scroll-snap-align:start;flex-shrink:0}.urgency-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;background:#f443361a;color:var(--danger-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;animation:pulse 2s infinite}.urgency-indicator i{font-size:var(--font-size-sm)}@keyframes pulse{0%{box-shadow:0 0 #f4433666}70%{box-shadow:0 0 0 10px #f4433600}to{box-shadow:0 0 #f4433600}}.price-drop-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background:var(--danger-color);color:var(--text-white);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative}.price-drop-badge:after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:0;height:0;border-left:8px solid var(--danger-color);border-top:8px solid transparent;border-bottom:8px solid transparent}.price-drop-percentage{font-size:var(--font-size-sm);font-weight:700}.recently-viewed-bar{position:fixed;bottom:20px;right:20px;background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-md);max-width:320px;z-index:90;transform:translate(400px);transition:transform .3s ease-in-out}.recently-viewed-bar.active{transform:translate(0)}.recently-viewed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.recently-viewed-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.recently-viewed-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--border-radius-sm);cursor:pointer;border:none}.recently-viewed-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recently-viewed-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--border-radius-md);transition:var(--transition-fast);cursor:pointer;text-decoration:none}.recently-viewed-item:hover{background:var(--gray-50)}.recently-viewed-image{width:50px;height:50px;border-radius:var(--border-radius-sm);background:var(--gray-100);flex-shrink:0}.recently-viewed-info{flex:1;display:flex;flex-direction:column;justify-content:center}.recently-viewed-name{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:500;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.recently-viewed-price{font-size:var(--font-size-xs);color:var(--primary-color);font-weight:600}.comparison-tool{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-md);z-index:95;transition:transform .3s ease-in-out}.comparison-tool.active{transform:translate(-50%) translateY(0)}.comparison-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.comparison-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.comparison-count{background:var(--primary-color);color:var(--text-white);padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600}.comparison-items{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.comparison-item{width:60px;height:60px;border:2px solid var(--gray-200);border-radius:var(--border-radius-md);background:var(--gray-100);position:relative;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.comparison-item.filled{border-color:var(--primary-color);background:var(--bg-primary)}.comparison-item-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--danger-color);color:var(--text-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;border:2px solid var(--bg-primary)}.comparison-actions{display:flex;gap:var(--spacing-sm)}.comparison-btn{flex:1;padding:var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);text-align:center}.comparison-btn.primary{background:var(--primary-color);color:var(--text-white);border:none}.comparison-btn.primary:hover{background:var(--primary-hover)}.comparison-btn.secondary{background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--gray-200)}.comparison-btn.secondary:hover{background:var(--gray-200)}@media(max-width:1024px){.hero-value-props{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:left}.value-prop-item{display:flex;align-items:center;gap:var(--spacing-md);text-align:left}.value-prop-icon{margin:0;flex-shrink:0}.trust-metrics-container{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.mega-menu-grid,.mega-menu-featured-items{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mobile-sticky-search,.bottom-nav-mobile{display:block}.hero-search-container{min-height:auto;padding:var(--spacing-2xl) 0}.hero-search-container .hero-title-enhanced{font-size:var(--font-size-3xl)}.hero-search-container .hero-subtitle{font-size:var(--font-size-base)}.hero-search-form{flex-direction:column}.hero-search-button{width:100%}.hero-value-props{display:none}.hero-cta-group{flex-direction:column;width:100%;padding:0 var(--spacing-md)}.hero-cta-primary,.hero-cta-secondary{width:100%}.trust-metrics-container{flex-direction:column;gap:var(--spacing-lg)}.trust-metric-item{width:100%;padding:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.trust-metric-item:last-child{border-bottom:none}.product-card-b2b{margin-bottom:var(--spacing-md)}.search-autocomplete{position:fixed;top:60px;left:0;right:0;border-radius:0;max-height:calc(100vh - 60px)}.category-mega-menu{position:fixed;top:60px;left:0;right:0;bottom:0;border-radius:0;overflow-y:auto}.mega-menu-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.mega-menu-featured{display:none}.recently-viewed-bar{right:10px;left:10px;max-width:none;bottom:70px}.comparison-tool{right:10px;left:10px;transform:translate(0) translateY(100px);bottom:70px}.comparison-tool.active{transform:translate(0) translateY(0)}button,.btn,a.btn{min-height:44px;touch-action:manipulation}.product-title{font-size:var(--font-size-base)}.section-title{font-size:var(--font-size-2xl)}}@media(max-width:480px){.hero-search-container .hero-title-enhanced{font-size:var(--font-size-2xl)}.hero-search-box{padding:var(--spacing-md)}.trust-metric-value{font-size:var(--font-size-2xl)}.product-card-b2b .product-content{padding:var(--spacing-md)}.filter-drawer-mobile{width:280px}.bottom-nav-item span{display:none}.bottom-nav-item i{font-size:var(--font-size-xl)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.touch-friendly-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--primary-color);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);text-decoration:none;z-index:10000;transition:top .3s}.skip-to-content:focus{top:var(--spacing-md)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.urgency-indicator{animation:none}}@media(prefers-contrast:high){.btn,.touch-friendly-btn{border:2px solid currentColor}.product-card-b2b{border:2px solid var(--text-primary)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 20%,var(--gray-200) 60%,var(--gray-200));background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--border-radius-md)}.skeleton-text{height:16px;margin-bottom:var(--spacing-sm);border-radius:var(--border-radius-sm)}.skeleton-title{height:24px;width:70%;margin-bottom:var(--spacing-md);border-radius:var(--border-radius-sm)}.skeleton-image{aspect-ratio:4/3;border-radius:var(--border-radius-md)}.skeleton-button{height:44px;border-radius:var(--border-radius-md)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-300);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media print{.header,.footer,.bottom-nav-mobile,.mobile-sticky-search,.filter-drawer-mobile,.recently-viewed-bar,.comparison-tool,.hero-search-container,.trust-metrics-bar,.testimonial-carousel{display:none!important}.product-card-b2b{page-break-inside:avoid;box-shadow:none;border:1px solid #000}body,.product-title,.product-price{color:#000!important}*{background:transparent!important}a[href]:after{content:" (" attr(href) ")"}}.user-management-enhanced{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh}.analytics-card{position:relative;background:#fff;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);overflow:hidden}.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1058ff,#00bcd4);transform:scaleX(0);transition:transform .3s ease}.analytics-card:hover:before{transform:scaleX(1)}.analytics-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #1058ff26}.analytics-card .icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s ease}.analytics-card:hover .icon-wrapper{transform:rotate(5deg) scale(1.1)}.analytics-card .metric-value{font-size:28px;font-weight:700;color:#1a1a1a;font-variant-numeric:tabular-nums}.analytics-card .growth-badge{animation:fadeInScale .5s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.live-dot{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.advanced-search{position:relative}.search-input{transition:all .3s ease;background:#fff}.search-input:focus{box-shadow:0 0 0 4px #1058ff1a;transform:translateY(-1px)}.search-history{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001a;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-item{transition:all .2s ease;cursor:pointer}.history-item:hover{background:#f3f4f6;padding-left:20px}.filter-panel{animation:fadeIn .5s ease}.filter-select{transition:all .2s ease;cursor:pointer}.filter-select:hover{border-color:#1058ff}.filter-select:focus{border-color:#1058ff;box-shadow:0 0 0 3px #1058ff1a}.filter-badge{animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#1058ff;color:#fff;border-radius:20px;font-size:13px;font-weight:500;animation:slideInLeft .3s ease;transition:all .2s ease}.filter-tag:hover{background:#0d47d9;transform:translateY(-2px)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.bulk-actions-bar{background:linear-gradient(135deg,#1058ff,#0d47d9);border-radius:12px;box-shadow:0 10px 30px #1058ff4d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-btn{transition:all .2s ease}.bulk-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.users-table{border-collapse:separate;border-spacing:0}.users-table thead th{font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#6b7280;position:sticky;top:0;background:#f9fafb;z-index:10}.users-table tbody tr{transition:all .2s ease;position:relative}.users-table tbody tr:hover{background:#f9fafb;box-shadow:0 1px 3px #0000000d}.medimarket-primary{color:#1058ff}.medimarket-primary-bg{background-color:#1058ff}.medimarket-primary-bg-light{background-color:#1058ff1a}.medimarket-secondary{color:#01315e}.medimarket-secondary-bg{background-color:#01315e}.medimarket-accent{color:#0d9488}.medimarket-accent-bg{background-color:#0d9488}.user-avatar-initials{height:2.5rem;width:2.5rem;border-radius:50%;background:linear-gradient(135deg,#1058ff,#0d9488);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;border:2px solid #f3f4f6}.role-badge-admin{background-color:#1058ff1a;color:#01315e;display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.role-badge-moderator{background-color:#0d94881a;color:#0d9488;display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.role-badge-customer{background-color:#f3f4f6;color:#374151;display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.growth-badge-medimarket{background-color:#1058ff1a;color:#1058ff;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:600}.icon-wrapper-medimarket{background-color:#1058ff0d;padding:.75rem;border-radius:.5rem}.icon-wrapper-medimarket svg{width:1.5rem;height:1.5rem;color:#1058ff}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;transition:all .2s ease}.status-badge:hover{transform:scale(1.05)}.action-btn{position:relative;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.action-btn:hover{background:#eff6ff;transform:scale(1.1)}.action-btn:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;white-space:nowrap;z-index:100;pointer-events:none}.action-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;animation:fadeInScale .2s ease;min-width:180px}.dropdown-item{transition:all .2s ease;position:relative;overflow:hidden}.dropdown-item:hover{background:#f3f4f6;padding-left:20px}.dropdown-item:hover svg{transform:translate(2px)}.activity-timeline{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;max-height:600px;transition:all .3s ease}.activity-timeline.collapsed{max-height:60px;overflow:hidden}.timeline-item{position:relative;padding-left:40px;animation:fadeInRight .5s ease}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.timeline-item:before{content:"";position:absolute;left:16px;top:40px;bottom:-20px;width:2px;background:#e5e7eb}.timeline-item:last-child:before{display:none}.timeline-icon{position:absolute;left:0;top:0;transition:all .3s ease}.timeline-item:hover .timeline-icon{transform:scale(1.2) rotate(10deg)}.security-alerts .alert-item{animation:shake 2s ease infinite;animation-delay:5s}@keyframes shake{0%,to{transform:translate(0)}2%{transform:translate(-2px)}4%{transform:translate(2px)}6%{transform:translate(-2px)}8%{transform:translate(0)}}.view-mode-switcher{display:inline-flex;background:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.view-mode-btn{padding:8px 12px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.view-mode-btn.active{background:#fff;color:#1058ff;box-shadow:0 2px 8px #0000001a}.view-mode-btn:hover:not(.active){color:#1058ff}.user-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:20px 0}.user-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1058ff,#00bcd4);transform:scaleX(0);transition:transform .3s ease}.user-card:hover:before{transform:scaleX(1)}.user-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.user-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.user-card-avatar{width:60px;height:60px;border-radius:12px;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb}.user-card-info h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.user-card-info p{font-size:14px;color:#6b7280}.user-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.user-card-stat{text-align:center}.user-card-stat-value{font-size:18px;font-weight:600;color:#1f2937}.user-card-stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.user-card-actions{display:flex;gap:8px;margin-top:16px}.user-card-actions button{flex:1;padding:8px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:14px}.user-card-actions button:hover{background:#1058ff;color:#fff;border-color:#1058ff;transform:translateY(-2px)}.kanban-board{display:flex;gap:20px;padding:20px 0;overflow-x:auto}.kanban-column{min-width:320px;background:#f9fafb;border-radius:12px;padding:16px}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.kanban-column-title{font-size:14px;font-weight:600;color:#1f2937;text-transform:uppercase;letter-spacing:.5px}.kanban-column-count{background:#1058ff;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.kanban-cards{display:flex;flex-direction:column;gap:12px}.kanban-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000000f;cursor:move;transition:all .2s ease}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kanban-card.dragging{opacity:.5;transform:rotate(2deg)}.editable-field{position:relative;display:inline-block;padding:2px 4px;border-radius:4px;transition:all .2s ease}.editable-field:hover{background:#f3f4f6;cursor:text}.editable-field:hover:after{content:"✏️";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.6}.editable-field.editing{background:#fff;border:2px solid #1058ff;padding:4px 8px}.editable-field input{border:none;outline:none;background:transparent;font:inherit;color:inherit;width:100%}.user-skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 60%,#f0f0f0);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:8px}.user-skeleton-row{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #e5e7eb}.user-skeleton-avatar{width:40px;height:40px;border-radius:50%;background:#e0e0e0;flex-shrink:0}.user-skeleton-text{flex:1;display:flex;flex-direction:column;gap:8px}.user-skeleton-line{height:12px;background:#e0e0e0;border-radius:4px}.user-skeleton-line.short{width:60%}.saved-searches-dropdown{position:relative;display:inline-block}.saved-searches-btn{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.saved-searches-btn:hover{border-color:#1058ff;color:#1058ff}.saved-searches-list{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 40px #0000001a;min-width:240px;display:none;z-index:100}.saved-searches-list.active{display:block;animation:slideDown .3s ease}.saved-search-item{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.saved-search-item:hover{background:#f3f4f6}.saved-search-name{font-size:14px;color:#1f2937;font-weight:500}.saved-search-date{font-size:12px;color:#6b7280}.saved-search-delete{opacity:0;transition:opacity .2s ease;color:#ef4444;cursor:pointer}.saved-search-item:hover .saved-search-delete{opacity:1}.column-visibility-dropdown{position:relative;display:inline-block}.column-visibility-btn{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.column-visibility-list{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 40px #0000001a;min-width:200px;display:none;z-index:100;padding:8px}.column-visibility-list.active{display:block;animation:slideDown .3s ease}.column-visibility-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.column-visibility-item:hover{background:#f3f4f6}.column-visibility-checkbox{width:16px;height:16px;accent-color:#1058ff}.column-visibility-label{font-size:14px;color:#1f2937;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:768px){.user-management-enhanced{padding:16px 8px}.analytics-grid{grid-template-columns:1fr;gap:12px}.analytics-card{padding:16px}.users-table-wrapper{display:none}.user-cards-mobile{display:block}.user-card-mobile{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}.user-card-mobile-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-card-mobile-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb}.user-card-mobile-info{flex:1}.user-card-mobile-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:2px}.user-card-mobile-email{font-size:13px;color:#6b7280}.user-card-mobile-status{position:absolute;top:16px;right:16px}.user-card-mobile-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.user-card-mobile-detail{display:flex;flex-direction:column}.user-card-mobile-detail-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.user-card-mobile-detail-value{font-size:14px;color:#1f2937;font-weight:500}.user-card-mobile-actions{display:flex;gap:8px;margin-top:12px}.user-card-mobile-actions button{flex:1;padding:10px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;min-height:44px;transition:all .2s ease}.user-card-mobile-actions button:active{transform:scale(.95);background:#1058ff;color:#fff}.user-card-mobile-swipe{position:relative;overflow:hidden;touch-action:pan-y}.user-card-mobile-swipe-content{transition:transform .3s ease}.user-card-mobile-swipe-actions{position:absolute;top:0;right:0;bottom:0;width:200px;display:flex;transform:translate(100%);transition:transform .3s ease}.user-card-mobile-swipe.swiped .user-card-mobile-swipe-content{transform:translate(-200px)}.user-card-mobile-swipe.swiped .user-card-mobile-swipe-actions{transform:translate(0)}.user-card-mobile-swipe-action{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:14px}.user-card-mobile-swipe-action.edit{background:#3b82f6}.user-card-mobile-swipe-action.delete{background:#ef4444}.filter-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0000001a;transform:translateY(100%);transition:transform .3s ease;z-index:1000;max-height:80vh;overflow-y:auto}.filter-bottom-sheet.active{transform:translateY(0)}.filter-bottom-sheet-handle{width:40px;height:4px;background:#d1d5db;border-radius:2px;margin:12px auto}.filter-bottom-sheet-content{padding:20px}.mobile-search-bar{position:sticky;top:0;background:#fff;padding:12px;box-shadow:0 2px 8px #00000014;z-index:100}.mobile-search-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;background:#f9fafb}.mobile-search-input:focus{background:#fff;border-color:#1058ff;outline:none}.mobile-quick-actions{position:fixed;bottom:20px;right:20px;z-index:100}.mobile-fab{width:56px;height:56px;border-radius:50%;background:#1058ff;color:#fff;border:none;box-shadow:0 4px 16px #1058ff4d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.mobile-fab:active{transform:scale(.9)}.mobile-fab-menu{position:absolute;bottom:70px;right:0;display:none}.mobile-fab-menu.active{display:block}.mobile-fab-menu-item{width:48px;height:48px;border-radius:50%;background:#fff;color:#6b7280;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;margin-bottom:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;animation:fadeInScale .3s ease}.mobile-fab-menu-item:active{transform:scale(.9);background:#1058ff;color:#fff}}.user-management-enhanced *:focus-visible{outline:2px solid #1058ff;outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:high){.analytics-card,.user-card,.kanban-card{border:2px solid currentColor}.status-badge{border:1px solid currentColor}.action-btn:focus{outline:3px solid currentColor}}@media(prefers-reduced-motion:reduce){.analytics-card,.user-card,.timeline-item,.filter-tag,.bulk-actions-bar{animation:none!important;transition:none!important}.live-dot{animation:none}}.keyboard-nav .focusable:focus{outline:3px solid #1058ff;outline-offset:2px}.keyboard-shortcuts-hint{position:fixed;bottom:20px;left:20px;background:#1f2937;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;display:none;z-index:1000}.keyboard-shortcuts-hint.visible{display:block;animation:fadeIn .3s ease}.virtual-scroll-container{height:600px;overflow-y:auto;position:relative}.virtual-scroll-viewport{position:absolute;top:0;left:0;right:0}.virtual-scroll-spacer{position:relative;width:100%}.will-change-transform{will-change:transform}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.optimistic-update{position:relative;opacity:.7}.optimistic-update:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(16,88,255,.1) 50%,transparent 100%);animation:optimisticShimmer 1s infinite}@keyframes optimisticShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.realtime-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#10b981;color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.realtime-indicator .pulse{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}.undo-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;z-index:1000}.undo-notification button{background:#fff3;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.undo-notification button:hover{background:#ffffff4d}.nav-link{color:var(--brand-secondary, #01315E);font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:color .2s ease;cursor:pointer}.nav-link:hover{color:var(--brand-primary, #1058FF)}.nav-dropdown-item,.dropdown-menu-item{display:block;width:100%;text-align:left;padding:.5rem 1rem;color:var(--brand-secondary, #01315E);transition:all .2s ease}.nav-dropdown-item:hover,.dropdown-menu-item:hover{background-color:var(--brand-primary, #1058FF);color:#fff}.nav-dropdown-item.active,.dropdown-menu-item.active{background-color:#f3f4f6;font-weight:600}.language-switcher .dropdown-item{color:var(--brand-secondary, #01315E);display:flex;align-items:center;gap:.5rem;min-height:2.5rem;position:relative}.language-switcher .dropdown-item:hover{background-color:var(--brand-primary, #1058FF);color:#fff;transform:none}.language-switcher .dropdown-item.active{background-color:#f3f4f6;font-weight:600}.language-switcher .dropdown-item span{display:inline-flex;align-items:center;line-height:1}.language-switcher .dropdown-item svg{flex-shrink:0}.category-card-enhanced{display:block;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:2px solid transparent;transition:all .3s ease;overflow:hidden}.category-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 8px 20px #1058ff26;border-color:var(--brand-primary, #1058FF)}.category-card-inner{padding:1.5rem;text-align:center;position:relative}.category-icon-wrapper{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#f7fcff,#ebf4ff);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.category-card-enhanced:hover .category-icon-wrapper{background:linear-gradient(135deg,#1058ff,#0040cc)}.category-icon{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;transition:all .3s ease}.category-icon-default{width:40px;height:40px;color:var(--brand-primary, #1058FF);transition:all .3s ease}.category-card-enhanced:hover .category-icon-default{color:#fff}.category-title{font-size:1.125rem;font-weight:600;color:var(--brand-secondary, #01315E);margin-bottom:.5rem;line-height:1.3}.category-card-enhanced:hover .category-title{color:var(--brand-primary, #1058FF)}.category-count{display:flex;flex-direction:column;align-items:center;gap:.25rem}.count-number{font-size:1.5rem;font-weight:700;color:var(--brand-primary, #1058FF)}.count-label{font-size:.875rem;color:#6b7280}.category-arrow{position:absolute;bottom:1rem;right:1rem;opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--brand-primary, #1058FF)}.category-card-enhanced:hover .category-arrow{opacity:1;transform:translate(0)}.badge-premium{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.05em;border-radius:9999px;box-shadow:0 2px 4px #f59e0b4d;text-transform:uppercase}.badge-reserved{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.05em;border-radius:9999px;box-shadow:0 2px 4px #ef44444d;text-transform:uppercase}.badge-sold{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.05em;border-radius:9999px;box-shadow:0 2px 4px #6b72804d;text-transform:uppercase}.badge-condition{display:inline-flex;align-items:center;padding:.25rem .625rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.625rem;font-weight:600;border-radius:.375rem;text-transform:uppercase;letter-spacing:.025em}.badge-manufacturer{display:inline-flex;align-items:center;padding:.25rem .625rem;background:#f3f4f6;color:#4b5563;font-size:.625rem;font-weight:600;border-radius:.375rem;border:1px solid #E5E7EB}.location-badge{font-size:.75rem;color:#374151;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.375rem;padding:.25rem .5rem;box-shadow:0 1px 3px #0000001a}.live-ticker{background:#111827;padding:12px 0;overflow:hidden}.ticker-wrapper{display:flex;animation:ticker 40s linear infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;white-space:nowrap;margin-right:60px}.ticker-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.ticker-wrapper,.ticker-dot{animation:none}}