styles/main.css

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/* Base styles */
body {
    font-family: 'Inter', sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #F7D348;
    border-radius: 3px;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fade-in {
    animation: fadeIn 0.3s ease;
}

/* Transitions */
.transition-200 {
    transition: all 0.2s ease;
}

/* File icons */
.file-icon {
    @apply w-5 h-5 mr-2;
}

.file-icon-image {
    color: #38A169;
}

.file-icon-pdf {
    color: #E53E3E;
}

.file-icon-video {
    color: #805AD5;
}

.file-icon-audio {
    color: #3182CE;
}

.file-icon-zip {
    color: #DD6B20;
}

.file-icon-default {
    color: #6E6E6E;
}