:root{--brand-primary: #4f46e5;--brand-primary-hover: #4338ca;--brand-primary-light: rgba(79, 70, 229, .1);--brand-secondary: #06b6d4;--brand-secondary-hover: #0891b2;--brand-accent: #8b5cf6;--brand-gradient: linear-gradient(135deg, #4f46e5 0%, #06b6d4 100%);--brand-gradient-hover: linear-gradient(135deg, #4338ca 0%, #0891b2 100%);--brand-gradient-subtle: linear-gradient(135deg, rgba(79, 70, 229, .08) 0%, rgba(6, 182, 212, .08) 100%);--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-glass: rgba(255, 255, 255, .85);--bg-input: #ffffff;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--border-color-focus: #4f46e5;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--status-success: #10b981;--status-success-bg: rgba(16, 185, 129, .1);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .1);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .1);--status-info: #3b82f6;--status-info-bg: rgba(59, 130, 246, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(79, 70, 229, .25);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1);--max-width-container: 1680px;--max-width-content: 1280px;--header-height: 72px}[data-theme=dark]{--bg-primary: #090d16;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-card: #131c2e;--bg-card-hover: #172338;--bg-glass: rgba(15, 23, 42, .85);--bg-input: #131c2e;--border-color: #1e293b;--border-color-hover: #334155;--border-color-focus: #6366f1;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(99, 102, 241, .35);--brand-gradient-subtle: linear-gradient(135deg, rgba(79, 70, 229, .15) 0%, rgba(6, 182, 212, .15) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.main-content{flex:1}.site-container{width:100%;max-width:var(--max-width-container);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:768px){.site-container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1440px){.site-container{padding-left:var(--space-8);padding-right:var(--space-8)}}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.card-base{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-base:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.card-interactive{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-smooth) ease-out forwards}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.search-category-select-wrapper select:focus{outline:none}@media(max-width:560px){.search-input-wrapper{flex-wrap:wrap!important}.search-category-select-wrapper{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;border-top-right-radius:calc(var(--radius-lg) - 2px)!important;border-bottom-left-radius:0!important;min-height:42px!important}.search-category-select-wrapper select{max-width:100%!important;width:100%!important}}