/* Custom styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Smooth transitions for dark mode */
.dark {
    color-scheme: dark;
}

/* 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;
}

.dark ::-webkit-scrollbar-track {
    background: #1a1a1a;
}

.dark ::-webkit-scrollbar-thumb {
    background: #444;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #666;
}

/* File drop area highlight */
#drop-area.highlight {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.05);
}

.dark #drop-area.highlight {
    border-color: #a855f7;
    background-color: rgba(168, 85, 247, 0.05);
}
/* Loading animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-spinner {
    animation: spin 1s linear infinite;
}

/* Upload error styles */
#upload-error {
    transition: all 0.3s ease;
}

#upload-error.hidden {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}