.theme-search{position:relative;display:flex;align-items:center;gap:var(--spacing-small);width:100%;max-width:600px;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-small) var(--spacing-medium);transition:var(--transition-all)}.theme-search:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.theme-search:hover:not(.disabled){border-color:var(--primary-color)}.theme-search.loading .search-icon{color:var(--primary-color)}.theme-search.disabled{opacity:.6;cursor:not-allowed;background:var(--background-color-secondary)}.theme-search.disabled input{cursor:not-allowed}.theme-search.has-value .search-icon{color:var(--primary-color)}.theme-search.compact{max-width:400px;padding:var(--spacing-xs) var(--spacing-small)}.theme-search.compact .search-input{font-size:var(--font-size-small)}.theme-search .search-icon{display:flex;align-items:center;justify-content:center;color:var(--text-color-secondary);font-size:var(--font-size-medium);transition:var(--transition-all);flex-shrink:0}.theme-search .search-input{flex:1 1;border:none;outline:none;background:rgba(0,0,0,0);color:var(--text-color);font-size:var(--font-size-medium);font-family:var(--font-family);padding:0}.theme-search .search-input::placeholder{color:var(--text-color-secondary);opacity:.7}.theme-search .search-input:disabled{cursor:not-allowed}.theme-search .filter-badge{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-small);border-radius:var(--border-radius-sm);font-size:var(--font-size-small);font-weight:600;flex-shrink:0;animation:slideIn .2s ease-out}.theme-search .filter-badge .filter-count{min-width:16px;text-align:center}.theme-search .reset-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--background-color-secondary);color:var(--text-color-secondary);border-radius:50%;cursor:pointer;transition:var(--transition-all);flex-shrink:0}.theme-search .reset-button:hover:not(:disabled){background:var(--danger-color);color:#fff;transform:scale(1.1)}.theme-search .reset-button:active:not(:disabled){transform:scale(.95)}.theme-search .reset-button:disabled{opacity:.5;cursor:not-allowed}.theme-search .filter-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);background:var(--background-color);color:var(--text-color-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-all);flex-shrink:0}.theme-search .filter-toggle:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:rgba(var(--primary-color-rgb),.05)}.theme-search .filter-toggle.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.theme-search .filter-toggle.active .badge{background:#fff;color:var(--primary-color)}.theme-search .filter-toggle:disabled{opacity:.5;cursor:not-allowed}.theme-search .filter-toggle .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--danger-color);color:#fff;border-radius:9px;font-size:10px;font-weight:700;padding:0 4px;border:2px solid var(--background-color)}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.theme-search,.theme-search.compact{max-width:100%}.theme-search .filter-toggle{width:32px;height:32px}}@media(prefers-color-scheme:dark){.theme-search{background:var(--background-color-dark,#1a1a1a);border-color:var(--border-color-dark,#333)}.theme-search .search-input{color:var(--text-color-dark,#fff)}.theme-search .search-input::placeholder{color:var(--text-color-secondary-dark,#888)}}:root{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:#a78bfa;--primary-500:#667eea;--primary-600:#764ba2;--primary-700:#6b21a8;--primary-800:#581c87;--primary-900:#3b0764;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-gradient-hover:linear-gradient(135deg,#764ba2,#667eea);--primary-color:var(--primary-500);--primary-color-light:var(--primary-400);--primary-color-dark:var(--primary-600);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--success-color:var(--success-500);--success-color-light:var(--success-400);--success-color-dark:var(--success-600);--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--error-color:var(--error-500);--error-color-light:var(--error-400);--error-color-dark:var(--error-600);--danger-color:var(--error-500);--danger-color-light:var(--error-400);--danger-color-dark:var(--error-600);--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--warning-color:var(--warning-500);--warning-color-light:var(--warning-400);--warning-color-dark:var(--warning-600);--info-50:#f0f9ff;--info-100:#e0f2fe;--info-200:#bae6fd;--info-300:#7dd3fc;--info-400:#38bdf8;--info-500:#0ea5e9;--info-600:#0284c7;--info-700:#0369a1;--info-800:#075985;--info-900:#0c4a6e;--info-color:var(--info-500);--info-color-light:var(--info-400);--info-color-dark:var(--info-600);--accent-50:#faf5ff;--accent-100:#f3e8ff;--accent-200:#e9d5ff;--accent-300:#d8b4fe;--accent-400:#c084fc;--accent-500:#a855f7;--accent-600:#9333ea;--accent-700:#7e22ce;--accent-800:#6b21a8;--accent-900:#581c87;--accent-gradient:linear-gradient(135deg,#e9d5ff,#d8b4fe);--accent-gradient-light:linear-gradient(135deg,#f3e8ff,#e9d5ff);--accent-gradient-dark:linear-gradient(135deg,#d8b4fe,#c084fc);--accent-color:var(--accent-500);--accent-color-light:var(--accent-200);--accent-color-dark:var(--accent-400);--color-primary:#6D28D9;--color-primary-light:#F5F3FF;--color-primary-hover:#5B21B6;--color-text-primary:#1F2937;--color-text-secondary:#6B7280;--color-text-muted:#9CA3AF;--color-background:#FFFFFF;--color-background-soft:#F9FAFB;--color-background-hover:#F3F4F6;--color-border:#E5E7EB;--color-border-strong:#D1D5DB;--color-success:#10B981;--color-warning:#F97316;--color-error:#EF4444;--color-info:#3B82F6;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-large:16px;--font-size-heading:18px;--spacing-base:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--padding-cell-y:12px;--padding-cell-x:16px;--padding-header-y:16px;--padding-header-x:16px;--col-code-width:120px;--col-code-font-size:var(--font-size-base);--col-code-font-weight:var(--font-weight-medium);--col-code-font-family:"Courier New","Monaco",monospace;--border-radius-standard:8px;--border-radius-large:12px;--border-radius-full:9999px;--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-dark:var(--gray-400);--border-focus:var(--primary-500);--secondary-color:#2c004e;--secondary-color-light:#401d5e;--secondary-color-dark:#1a0030;--bg-color-base:var(--gray-50);--bg-color-base-light:#fbfcff;--bg-color-base-dark:#eff3ff;--bg-color-panel:var(--gray-100);--bg-color-element:#ffffff;--bg-color-element-light:#ffffff;--bg-color-element-dark:#fafafa;--bg-color-menu:#ffffff;--bg-color-page:var(--gray-50);--text-color:var(--gray-900);--text-color-secondary:var(--gray-600);--text-on-primary:#ffffff;--text-on-success:#ffffff;--text-on-error:#ffffff;--text-on-warning:#ffffff;--text-on-dark:#ffffff;--text-on-badge:#ffffff;--button-color:var(--text-on-primary);--button-color-dark:#e6e6e6;--icon-color:var(--gray-700);--icon-color-dark:var(--gray-900);--link-color:var(--primary-600);--link-hover-color:var(--primary-700);--placeholder-color:var(--gray-400);--active-color:var(--primary-500);--active-color-dark:var(--primary-600);--disabled-color:var(--gray-300);--focus-color:var(--primary-200);--border-color:var(--gray-200);--border-color-light:var(--gray-100);--border-color-dark:var(--gray-300);--border-color-white:#ffffff;--border-color-black:#000000;--shadow-color:rgba(0,0,0,0.06);--primary-color-10:var(--primary-50);--primary-color-20:var(--primary-100);--primary-color-30:var(--primary-200);--primary-color-35:var(--primary-100);--primary-color-50:var(--primary-200);--primary-color-55:var(--primary-200);--primary-color-80:var(--primary-300);--primary-color-85:var(--primary-300);--border-width:1px;--border-style:solid;--border-radius:16px;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-large:16px;--border-radius-xlarge:20px;--border-radius-round:50%;--border-radius-xs:2px;--border-radius-sm:10px;--border-radius-md:12px;--border-radius-lg:14px;--border-radius-xl:16px;--border-radius-2xl:20px;--border-radius-3xl:24px;--app-border-radius:12px;--app-border-radius-sm:8px;--app-border-radius-lg:16px;--box-shadow-light:0px 2px 4px rgba(0,0,0,0.1);--box-shadow-medium:0px 4px 8px rgba(0,0,0,0.15);--box-shadow-heavy:0px 8px 16px rgba(0,0,0,0.2);--box-shadow-large:0px 8px 20px rgba(0,0,0,0.25);--box-shadow-sm:0 1px 3px rgba(0,0,0,0.05);--box-shadow-md:0 2px 8px rgba(0,0,0,0.08);--box-shadow-lg:0 4px 20px rgba(0,0,0,0.12);--box-shadow-xl:0 8px 30px rgba(0,0,0,0.15);--box-shadow-2xl:0 10px 40px rgba(0,0,0,0.2);--box-shadow-focus:0 0 0 3px rgba(102,126,234,0.1);--box-shadow-focus-error:0 0 0 3px rgba(239,68,68,0.1);--box-radius:4px;--box-shadow:0px 4px 4px;--box-padding:6px;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-xsmall:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xlarge:32px;--spacing-extra-large:48px;--container-width:1200px;--container-padding:16px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-heading:var(--font-family-base);--font-family-mono:"Courier New",Courier,monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:32px;--font-weight-normal:400;--line-height-tight:1.25;--line-height-loose:2;--app-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--app-font-size:14px;--app-font-weight:500;--app-line-height:1.5;--root-font-size:100%;--font-scale-h1:3.052rem;--font-scale-h1-tablet:2.441rem;--font-scale-h1-mobile:2rem;--font-scale-h2:2.441rem;--font-scale-h2-tablet:1.953rem;--font-scale-h2-mobile:1.75rem;--font-scale-h3:1.953rem;--font-scale-h3-tablet:1.563rem;--font-scale-h3-mobile:1.375rem;--font-scale-h4:1.563rem;--font-scale-h5:1.25rem;--font-scale-h6:1rem;--font-scale-body:1rem;--font-scale-small:0.875rem;--font-scale-caption:0.8rem;--font-scale-tiny:0.75rem;--line-height-heading:1.2;--line-height-body:1.6;--line-height-relaxed:1.75;--font-weight-semibold:600;--font-weight-extrabold:800;--table-font-family:var(--app-font-family);--table-font-size:var(--font-scale-small);--table-font-weight:var(--font-weight-medium);--table-header-font-size:var(--font-scale-caption);--table-header-font-weight:var(--font-weight-bold);--table-line-height:var(--line-height-body);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--transition-all:all 0.3s ease;--transition-timing-default:cubic-bezier(0.4,0,0.2,1);--transition-timing-smooth:cubic-bezier(0.4,0,0.6,1);--transition-timing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--grid-gap-small:8px;--grid-gap-medium:16px;--grid-gap-large:32px;--container-max-width:1200px;--container-min-width:320px;--header-height:60px;--footer-height:50px;--breakpoint-xs:480px;--breakpoint-sm:768px;--breakpoint-md:1024px;--breakpoint-lg:1200px;--breakpoint-xl:1600px;--font-family:"Inter",sans-serif;--font-family-heading:"Inter",sans-serif;--font-family-mono:"Fira Code","Consolas",monospace;--font-size-micro:7px;--font-size-micro-alt:8px;--font-size-mini:9px;--font-size-mini-alt:10px;--font-size-tiny:11px;--font-size-small:12px;--font-size-small-alt:13px;--font-size-base:14px;--font-size-base-alt:15px;--font-size-medium:16px;--font-size-large:18px;--font-size-large-alt:20px;--font-size-xlarge:22px;--font-size-xlarge-alt:24px;--font-size-huge:28px;--font-size-display-sm:32px;--font-size-display-md:48px;--font-size-display-lg:64px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--line-height:1.5;--letter-spacing:0.5px;--transition-duration:0.3s;--transition-ease:ease-in-out;--animation-duration:0.5s;--animation-timing-function:cubic-bezier(0.4,0,0.2,1);--z-index-base:0;--z-index-behind:-1;--z-index-above:1;--z-index-content:10;--z-index-sticky:100;--z-index-header:200;--z-index-fixed:300;--z-index-toolbar:400;--z-index-sidebar:500;--z-index-overlay:1000;--z-index-dropdown:1100;--z-index-navigation:1200;--z-index-filter-panel:1300;--z-index-modal-backdrop:2000;--z-index-modal:2100;--z-index-modal-dropdown:2200;--z-index-popover:3000;--z-index-tooltip:3100;--z-index-notification:3200;--z-index-toast:3300;--z-index-loading:3400;--z-index-max:9999;--overlay-blur:2px;--overlay-backdrop:rgba(0,0,0,0.4)}.dark-mode,[data-theme=dark]{--primary-50:#1e1530;--primary-100:#2a1f42;--primary-200:#3b2a5f;--primary-300:#4d3577;--primary-400:#6a4d99;--primary-500:#8b6fd9;--primary-600:#a78bfa;--primary-700:#c4b5fd;--primary-800:#ddd6fe;--primary-900:#ede9fe;--primary-dark-600:#6d28d9;--primary-dark-700:#5b21b6;--primary-gradient:linear-gradient(135deg,#7c3aed,#6d28d9);--primary-gradient-hover:linear-gradient(135deg,#8b5cf6,#7c3aed);--gray-50:#0f1419;--gray-100:#1a1d2e;--gray-150:#1e2238;--gray-200:#252837;--gray-250:#2d3142;--gray-300:#384048;--gray-400:#4f5864;--gray-500:#6b7280;--gray-600:#9ca3af;--gray-700:#d1d5db;--gray-800:#e5e7eb;--gray-900:#f3f4f6;--success-50:#022c22;--success-100:#064e3b;--success-200:#065f46;--success-300:#047857;--success-400:#059669;--success-500:#10b981;--success-600:#34d399;--success-700:#6ee7b7;--success-800:#a7f3d0;--success-900:#d1fae5;--error-50:#450a0a;--error-100:#7f1d1d;--error-200:#991b1b;--error-300:#b91c1c;--error-400:#dc2626;--error-500:#ef4444;--error-600:#f87171;--error-700:#fca5a5;--error-800:#fecaca;--error-900:#fee2e2;--warning-50:#451a03;--warning-100:#78350f;--warning-200:#92400e;--warning-300:#b45309;--warning-400:#d97706;--warning-500:#f59e0b;--warning-600:#fbbf24;--warning-700:#fcd34d;--warning-800:#fde68a;--warning-900:#fef3c7;--info-50:#0c4a6e;--info-100:#075985;--info-200:#0369a1;--info-300:#0284c7;--info-400:#0ea5e9;--info-500:#06b6d4;--info-600:#22d3ee;--info-700:#67e8f9;--info-800:#a5f3fc;--info-900:#cffafe;--text-primary:#f3f4f6;--text-secondary:#d1d5db;--text-body:#9ca3af;--text-muted:#6b7280;--text-placeholder:#4f5864;--text-disabled:#384048;--bg-page:#0a0e13;--bg-card:#1a1d2e;--bg-panel:#1e2238;--bg-hover:#252837;--bg-active:#2a1f42;--bg-disabled:#1e2238;--border-light:#252837;--border-medium:#2d3142;--border-dark:#384048;--border-focus:#8b6fd9;--bg-color-base:#0a0e13;--bg-color-base-light:#0f1419;--bg-color-base-dark:#1a1d2e;--bg-color-panel:#1e2238;--bg-color-element:#1a1d2e;--bg-color-element-light:#252837;--bg-color-element-dark:#0f1419;--bg-color-menu:#1a1d2e;--bg-color-page:#0a0e13;--text-color:#f3f4f6;--text-color-secondary:#9ca3af;--button-color:#f3f4f6;--button-color-dark:#e5e7eb;--icon-color:#d1d5db;--icon-color-dark:#f3f4f6;--placeholder-color:#4f5864;--border-color:#252837;--border-color-light:#1e2238;--border-color-dark:#2d3142;--shadow-color:rgba(0,0,0,0.6);--overlay-backdrop:rgba(0,0,0,0.9);--box-shadow-light:0px 2px 4px rgba(0,0,0,0.4);--box-shadow-medium:0px 4px 8px rgba(0,0,0,0.6);--box-shadow-heavy:0px 8px 16px rgba(0,0,0,0.8);--box-shadow-large:0px 8px 20px rgba(0,0,0,0.9)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html{font-size:var(--root-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:var(--font-scale-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);background-color:var(--bg-primary)}body,h1,h2,h3,h4,h5,h6{font-family:var(--app-font-family);color:var(--text-primary);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}h1{font-size:var(--font-scale-h1-mobile);margin-bottom:var(--spacing-6)}h2{font-size:var(--font-scale-h2-mobile);margin-bottom:var(--spacing-5)}h3{font-size:var(--font-scale-h3-mobile);margin-bottom:var(--spacing-4)}h4{font-size:var(--font-scale-h5)}h4,h5{margin-bottom:var(--spacing-3)}h5{font-size:var(--font-scale-h6)}h6{font-size:var(--font-scale-small);margin-bottom:var(--spacing-2)}@media(min-width:768px){h1{font-size:var(--font-scale-h1-tablet)}h2{font-size:var(--font-scale-h2-tablet)}h3{font-size:var(--font-scale-h3-tablet)}h4{font-size:var(--font-scale-h4)}}@media(min-width:1200px){h1{font-size:var(--font-scale-h1)}h2{font-size:var(--font-scale-h2)}h3{font-size:var(--font-scale-h3)}}p{font-size:var(--font-scale-body);margin:0 0 var(--spacing-4) 0;color:var(--text-secondary)}.small-text,p,small{line-height:var(--line-height-body)}.small-text,small{font-size:var(--font-scale-caption);color:var(--text-muted)}.tiny-text{font-size:var(--font-scale-tiny);color:var(--text-muted)}b,strong{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}a{color:var(--primary-500);text-decoration:none;transition:var(--transition-base);font-weight:var(--font-weight-medium)}a:hover{color:var(--primary-600);text-decoration:underline}a:focus{outline:2px solid var(--primary-500);outline-offset:2px}ol,ul{margin:0 0 var(--spacing-4) 0;padding-left:var(--spacing-6)}ol li,ul li{font-size:var(--font-scale-body);line-height:var(--line-height-body);margin-bottom:var(--spacing-2)}code{padding:2px 6px;border-radius:var(--app-border-radius-sm);color:var(--error-600)}code,pre{font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--font-scale-small);background-color:var(--gray-100)}pre{padding:var(--spacing-4);border-radius:var(--app-border-radius);overflow-x:auto;margin:0 0 var(--spacing-4) 0}pre code{background:none;padding:0}blockquote{margin:0 0 var(--spacing-4) 0;padding:var(--spacing-4) var(--spacing-6);border-left:4px solid var(--primary-500);background-color:var(--gray-50);font-style:italic}blockquote p{margin-bottom:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-panel-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;animation:fadeIn .2s ease-out}.theme-filter-panel{position:fixed;top:0;bottom:0;width:100%;max-width:400px;background:var(--background-color);box-shadow:-4px 0 24px rgba(0,0,0,.15);z-index:1001;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}.theme-filter-panel.right{right:0;animation:slideInRight .3s ease-out}.theme-filter-panel.left{left:0;animation:slideInLeft .3s ease-out}.theme-filter-panel .filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-medium);border-bottom:1px solid var(--border-color);background:var(--background-color-secondary);flex-shrink:0}.theme-filter-panel .filter-panel-header .header-left{display:flex;align-items:center;gap:var(--spacing-small)}.theme-filter-panel .filter-panel-header .header-left svg{color:var(--primary-color);font-size:var(--font-size-large)}.theme-filter-panel .filter-panel-header .header-left h3{margin:0;font-size:var(--font-size-large);font-weight:600;color:var(--text-color)}.theme-filter-panel .filter-panel-header .header-left .active-badge{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:12px;font-size:var(--font-size-small);font-weight:700;padding:0 8px}.theme-filter-panel .filter-panel-header .close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:rgba(0,0,0,0);color:var(--text-color-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-all)}.theme-filter-panel .filter-panel-header .close-button:hover{background:var(--background-color-hover);color:var(--text-color)}.theme-filter-panel .filter-panel-header .close-button svg{font-size:var(--font-size-large)}.theme-filter-panel .filter-panel-body{flex:1 1;overflow-y:auto;padding:var(--spacing-medium)}.theme-filter-panel .filter-panel-body::-webkit-scrollbar{width:8px}.theme-filter-panel .filter-panel-body::-webkit-scrollbar-track{background:var(--background-color-secondary)}.theme-filter-panel .filter-panel-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.theme-filter-panel .filter-panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-color-secondary)}.theme-filter-panel .filter-panel-footer{display:flex;align-items:center;gap:var(--spacing-small);padding:var(--spacing-medium);border-top:1px solid var(--border-color);background:var(--background-color-secondary);flex-shrink:0}.theme-filter-panel .filter-panel-footer .reset-button{display:flex;align-items:center;gap:var(--spacing-small);padding:var(--spacing-small) var(--spacing-medium);border:1px solid var(--border-color);background:var(--background-color);color:var(--text-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-medium);font-weight:500}.theme-filter-panel .filter-panel-footer .reset-button:hover:not(:disabled){border-color:var(--danger-color);color:var(--danger-color);background:rgba(var(--danger-color-rgb),.05)}.theme-filter-panel .filter-panel-footer .reset-button:disabled{opacity:.5;cursor:not-allowed}.theme-filter-panel .filter-panel-footer .apply-button{flex:1 1;padding:var(--spacing-small) var(--spacing-medium);border:none;background:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-medium);font-weight:600}.theme-filter-panel .filter-panel-footer .apply-button:hover{background:var(--primary-color-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.theme-filter-panel .filter-panel-footer .apply-button:active{transform:translateY(0)}.filter-group{margin-bottom:var(--spacing-medium)}.filter-group:last-child{margin-bottom:0}.filter-group .filter-label{display:block;font-size:var(--font-size-medium);font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-small)}.filter-group .filter-content{display:flex;flex-direction:column;gap:var(--spacing-small)}.filter-group .filter-content input,.filter-group .filter-content select,.filter-group .filter-content textarea{width:100%;padding:var(--spacing-small) var(--spacing-medium);border:1px solid var(--border-color);background:var(--background-color);color:var(--text-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-medium);transition:var(--transition-all)}.filter-group .filter-content input:focus,.filter-group .filter-content select:focus,.filter-group .filter-content textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.filter-group .filter-content input:disabled,.filter-group .filter-content select:disabled,.filter-group .filter-content textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--background-color-secondary)}.filter-group .filter-content.range-inputs{flex-direction:row;gap:var(--spacing-small)}.filter-group .filter-content.range-inputs input{flex:1 1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media(max-width:768px){.theme-filter-panel{max-width:100%}}