:root{--surface: #F8FAFC;--primary: #2563EB;--text-primary: #0F172A;--text-secondary: #475569;--border: #E2E8F0;--background: var(--surface);--card-background: var(--surface);--input-background: #FFFFFF;--hover-background: #F1F5F9;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: var(--primary);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}[data-theme=dark]{--surface: #1E293B;--primary: #3B82F6;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--border: #334155;--background: #0F172A;--card-background: var(--surface);--input-background: #334155;--hover-background: #475569;--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 -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:var(--background);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background-color:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--card-background);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.button:hover{background:var(--hover-background);border-color:var(--primary)}.button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.button.primary:hover{background:color-mix(in srgb,var(--primary) 90%,black)}.input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-background);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.input::placeholder{color:var(--text-secondary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0 0 16px;font-weight:600}p{color:var(--text-secondary);margin:0 0 16px}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:color-mix(in srgb,var(--primary) 80%,black)}.loading{opacity:.6;pointer-events:none}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.bg-surface{background-color:var(--surface)}.bg-primary{background-color:var(--primary)}.border{border:1px solid var(--border)}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow-md)}@media (max-width: 768px){.button{padding:10px 16px;font-size:16px}.input{padding:10px 12px;font-size:16px}}