@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-spinner.small{width:24px;height:24px;border-width:3px}.loading-spinner.large{width:64px;height:64px;border-width:5px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-container.inline{padding:1.5rem}.animate-fade-in{animation:fadeIn .5s ease}.animate-slide-up{animation:slideUp .6s ease}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-state{text-align:center;padding:3rem 2rem;color:#64748b}.empty-state .material-icons{font-size:4rem;color:#cbd5e1;margin-bottom:1rem}.empty-state h3{font-size:1.125rem;font-weight:600;color:#475569;margin:0 0 .5rem}.empty-state p{font-size:.9375rem;color:#64748b;margin:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9375rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.icon-button:hover{background:#f8fafc;border-color:#cbd5e1}.icon-button .material-icons{font-size:1.125rem}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}