:root{--primary: #667eea;--primary-dark: #5568d3;--primary-light: #7c8ef0;--secondary: #764ba2;--accent: #f59e0b;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-750: #2d3748;--gray-800: #1f2937;--gray-900: #111827;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--gray-900);color:var(--gray-100);line-height:1.5;overflow-x:hidden}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--gray-800);border-radius:4px}*::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:4px;transition:background var(--transition-fast)}*::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}*::-webkit-scrollbar-thumb:active{background:var(--gray-400)}*{scrollbar-width:thin;scrollbar-color:var(--gray-600) var(--gray-800)}.hidden{display:none!important}.text-center{text-align:center}.text-muted{color:var(--gray-400)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.spinner{width:40px;height:40px;border:4px solid var(--gray-600);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--gray-400)}.empty-state-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--gray-300);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:14px;color:var(--gray-400)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}