:root{--bg-primary: #f8f9fc;--bg-secondary: #ffffff;--bg-input: #ffffff;--text-primary: #1a202c;--text-secondary: #718096;--primary-color: #6366f1;--primary-hover: #4f46e5;--accent-color: #ec4899;--success-color: #10b981;--danger-color: #ef4444;--border-color: #e2e8f0;--bg-success-soft: #f0fdf4;--text-success: #15803d;--border-success: #bbf7d0;--bg-info-soft: #f0f9ff;--text-info: #0369a1;--border-info: #bae6fd;--bg-warning-soft: #fffbeb;--text-warning: #b45309;--border-warning: #fde68a;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--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);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--transition-fast: .15s ease-in-out}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-input: #374151;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #4b5563;--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, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--bg-success-soft: #064e3b;--text-success: #dcfce7;--border-success: #166534;--bg-info-soft: #0c4a6e;--text-info: #e0f2fe;--border-info: #075985;--bg-warning-soft: #451a03;--text-warning: #fef3c7;--border-warning: #78350f}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}#root{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--text-primary)}button{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);border:1px solid transparent;font-size:.95rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-primary);border-color:var(--text-secondary)}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.input{width:100%;padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box;background-color:var(--bg-input);color:var(--text-primary)}.input::placeholder{color:var(--text-secondary);opacity:.7}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem;border:1px solid var(--border-color)}th,td{padding:.75rem;border:1px solid var(--border-color);text-align:left}th{background-color:var(--bg-primary);font-weight:600;color:var(--text-primary)}td{background-color:inherit;color:var(--text-primary)}