:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--color-primary:var(--color-primary-500);--color-primary-hover:var(--color-primary-600);--color-primary-active:var(--color-primary-700);--color-primary-bg:var(--color-primary-50);--color-primary-border:var(--color-primary-200);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-disabled:var(--color-gray-400);--color-bg-page:var(--color-gray-50);--color-bg-surface:#fff;--color-bg-elevated:#fff;--color-bg-sidebar:var(--color-gray-900);--color-bg-header:#fff;--color-border:var(--color-gray-200);--color-border-light:var(--color-gray-100);--color-border-dark:var(--color-gray-300);--shadow-sm:0 1px 2px 0 #0f172a0f;--shadow-md:0 4px 6px -1px #0f172a1a, 0 2px 4px -1px #0f172a0f;--shadow-lg:0 10px 15px -3px #0f172a1a, 0 4px 6px -2px #0f172a0d;--shadow-xl:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0d;--font-family-base:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-heading:"Space Grotesk", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-width-expanded:240px;--sidebar-width-collapsed:64px;--header-height:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--color-bg-page);color:var(--color-text-primary)}*{box-sizing:border-box}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);background-color:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}#app{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-page{background-color:var(--color-bg-page)}.bg-surface{background-color:var(--color-bg-surface)}.transition-all{transition:all var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-colors{transition:color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base)}.page-container{background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);padding:24px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pagination-wrap{justify-content:flex-end;margin-top:20px;display:flex}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}