/* assets/css/custom.css */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.container {
    flex: 1;
}

.border-dashed {
    border-style: dashed !important;
}

.folder-card {
    transition: transform 0.2s;
    cursor: pointer;
}

.folder-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#upload-area {
    transition: all 0.3s;
}

#upload-area:hover {
    background-color: #e9ecef !important;
}

.progress {
    height: 25px;
}

.table th {
    white-space: nowrap;
}

.badge {
    font-size: 0.85em;
}

.card {
    transition: box-shadow 0.3s;
}

.card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}