/* Custom styles that can't be easily achieved with Tailwind */ .upload-card { transition: all 0.3s ease; min-height: 250px; } .upload-card:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } #documentInput, #frameworksInput { display: none; } /* Animation for analysis results */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .analysis-result { animation: fadeIn 0.5s ease forwards; } /* Document table styles */ #documentsList tr { transition: background-color 0.2s ease; } #documentsList tr:hover { background-color: #f9fafb; } #documentsList button { transition: all 0.2s ease; } #documentsList button:hover { transform: scale(1.1); } /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #555; }