:root{--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-light: #818cf8;--color-accent-subtle: rgba(99, 102, 241, .08);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fb;--color-bg-tertiary: #f1f3f6;--color-bg-elevated: #ffffff;--color-bg-hover: rgba(0, 0, 0, .04);--color-bg-active: rgba(0, 0, 0, .06);--color-border-primary: #e2e5ea;--color-border-secondary: #eceef2;--color-border-focus: var(--color-accent);--color-text-primary: #1a1d23;--color-text-secondary: #5c6370;--color-text-tertiary: #8b919a;--color-text-inverse: #ffffff;--color-text-link: var(--color-accent);--color-sidebar-bg: #1a1a2e;--color-sidebar-hover: rgba(255, 255, 255, .06);--color-sidebar-active: rgba(99, 102, 241, .15);--color-sidebar-text: #aab4be;--color-sidebar-text-active: #818cf8;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 30px rgba(0, 0, 0, .16);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--sidebar-width: 220px;--topbar-height: 56px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;line-height:1.5}body{min-height:100dvh;font-family:var(--font-family-base);font-size:13px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-secondary)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.card{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-secondary)}.card-hover{transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.loading-dots:after{content:"";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}