:root{font-family:Inter,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light],:root{--color-background: #ffffff;--color-background-secondary: #f5f5f7;--color-background-tertiary: #e5e5e7;--color-surface: rgba(255, 255, 255, .9);--color-surface-hover: rgba(255, 255, 255, .95);--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-text-tertiary: #aeaeb2;--color-text-quaternary: #d1d1d6;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .12);--color-border-light: rgba(0, 0, 0, .05);--color-primary: #007aff;--primary-color: #1890ff;--color-primary-hover: #0051d5;--color-accent: #667eea;--color-success: #34c759;--color-warning: #ff9500;--color-error: #ff3b30;--shadow-small: 0 2px 8px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .12);--shadow-large: 0 8px 32px rgba(0, 0, 0, .16);--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);--gradient-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--header-background: rgba(255, 255, 255, .8);--header-backdrop-filter: blur(20px);--sider-background: rgba(255, 255, 255, .9);--card-background: rgba(255, 255, 255, .7);--color-bg-base: #f5f7fa;--color-bg-card: #ffffff;--color-bg-hover: #f5f5f5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}:root[data-theme=dark]{--color-background: #000000;--color-background-secondary: #1c1c1e;--color-background-tertiary: #2c2c2e;--color-surface: rgba(255, 255, 255, .08);--color-surface-hover: rgba(255, 255, 255, .12);--color-text-primary: #f5f5f7;--color-text-secondary: #aeaeb2;--color-text-tertiary: #86868b;--color-text-quaternary: #4d4d4d;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .12);--color-border-light: rgba(255, 255, 255, .05);--color-primary: #0a84ff;--primary-color: #1890ff;--color-primary-hover: #409eff;--color-accent: #5856d6;--color-success: #30d158;--color-warning: #ff9f0a;--color-error: #ff453a;--shadow-small: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .4);--shadow-large: 0 8px 32px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--gradient-background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--header-background: rgba(28, 28, 30, .8);--header-backdrop-filter: blur(20px);--sider-background: rgba(28, 28, 30, .9);--card-background: rgba(255, 255, 255, .05);--color-bg-base: #18181c;--color-bg-card: #232329;--color-bg-hover: #2c2c32}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:var(--gradient-background);color:var(--color-text-primary);transition:background .3s ease,color .3s ease}#app{width:100%;min-height:100vh}button{border-radius:8px;border:none;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;background:var(--color-primary);color:#fff}button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input{border-radius:8px;border:1px solid var(--color-border);padding:.75rem 1rem;font-size:1rem;font-family:inherit;outline:none;transition:all .3s ease;background:var(--color-surface);color:var(--color-text-primary)}input:focus{border-color:var(--color-primary);background:var(--color-surface-hover)}.card{background:var(--card-background);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-medium);margin-bottom:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:1rem;margin-bottom:1rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}