:root{--primary: #4f46e5;--primary-dark: #4338ca;--primary-light: #6366f1;--secondary: #10b981;--accent: #f59e0b;--danger: #ef4444;--danger-hover: #dc2626;--warning: #f59e0b;--success: #10b981;--info: #3b82f6;--neutral: #cbcfd6;--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;--bg-primary: #ffffff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--surface: #ffffff;--surface-hover: var(--gray-50);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-inverse: #ffffff;--border-color: var(--gray-200);--border-hover: var(--gray-300);--border-focus: var(--primary);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-focus: 0 0 0 3px rgba(79, 70, 229, .35);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--max-width-xs: 20rem;--max-width-sm: 24rem;--max-width-md: 28rem;--max-width-lg: 32rem;--max-width-xl: 36rem;--max-width-2xl: 42rem;--max-width-3xl: 48rem;--max-width-4xl: 56rem;--max-width-5xl: 64rem;--max-width-6xl: 72rem;--max-width-7xl: 80rem;--line-height-tight: 1.15;--line-height-relaxed: 1.7;--z-overlay: 1000;--z-sticky: 800;--z-dropdown: 700;--z-header: 600}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-feature-settings:"kern";font-feature-settings:"kern"}hugeicons-icon svg{display:block;height:1em;width:1em}hugeicons-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.btn{--_btn-bg: var(--bg-primary);--_btn-color: var(--text-primary);--_btn-border: var(--border-color);--_btn-shadow: var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--_btn-border);background:var(--_btn-bg);color:var(--_btn-color);cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);position:relative;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{--_btn-bg: var(--primary);--_btn-color: var(--text-inverse);--_btn-border: var(--primary)}.btn-primary:hover:not(:disabled){--_btn-bg: var(--primary-dark);--_btn-border: var(--primary-dark)}.btn--secondary{--_btn-bg: var(--gray-100);--_btn-color: var(--text-primary);--_btn-border: var(--gray-300)}.btn--secondary:hover:not(:disabled){--_btn-bg: var(--gray-200);--_btn-border: var(--gray-400)}.btn--danger{--_btn-bg: var(--danger);--_btn-color: var(--text-inverse);--_btn-border: var(--danger)}.btn--danger:hover:not(:disabled){--_btn-bg: var(--danger-hover)}.btn--ghost{--_btn-bg: transparent;--_btn-border: var(--border-color)}.btn--ghost:hover{--_btn-bg: var(--surface-hover)}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-xs)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base)}.btn__icon{font-size:1.1em;line-height:1}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);line-height:1;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);cursor:pointer}.pill:hover{background:var(--primary-light);color:var(--text-inverse)}.pill.is-active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary-dark)}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);position:relative;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card__header{margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.5px}.toolbar{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.toolbar .btn{background:var(--gray-100);border-color:var(--gray-300)}.toolbar .btn:hover{background:var(--gray-200)}.responsive-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@media (max-width: 840px){.responsive-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.sticky-top{position:sticky;top:var(--spacing-lg);z-index:var(--z-sticky)}.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{width:8px}.thin-scrollbar::-webkit-scrollbar-track{background:transparent}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}body.theme-dark{--bg-primary: #121417;--bg-secondary: #181b1f;--bg-tertiary: #23272e;--surface: #1f2328;--surface-hover: #2a3037;--border-color: #30363d;--border-hover: #3d444d;--text-primary: #f0f3f6;--text-secondary: #c9d1d9;--text-tertiary: #8b949e;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 24px -4px rgba(0, 0, 0, .55)}body.theme-dark .card{background:var(--surface)}body.theme-dark .btn--secondary{--_btn-bg: var(--surface-hover);--_btn-border: var(--border-color)}body.theme-dark .pill{background:var(--surface-hover)}body.theme-dark .search{background:var(--surface)}body{transition:background-color var(--transition-base),color var(--transition-base)}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--bg-primary)}body::-webkit-scrollbar-thumb{background-color:var(--gray-400);border-radius:var(--radius-lg);border:3px solid var(--bg-primary)}:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:var(--shadow-focus);transition:outline-color var(--transition-fast),box-shadow var(--transition-fast)}h1,h2,h3{line-height:1.2;font-weight:var(--font-semibold);letter-spacing:-.5px}@media (max-width: 640px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp var(--transition-base) var(--ease-spring)}