adding recent feature + bug fixed

static/css/recent.css

@@ -0,0 +1,78 @@
+/* Estilos para la funcionalidad de archivos recientes */
+
+/* Indicador de reciente */
+.recent-indicator {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    width: 25px;
+    height: 25px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    color: #6c757d;
+    z-index: 5;
+}
+
+/* Estilos para los elementos de la vista de recientes */
+.recent-item {
+    position: relative;
+}
+
+/* Ajustes para la vista de cuadrícula */
+.file-card.recent-item {
+    border-left: 3px solid #6c757d;
+}
+
+/* Ajustes para la vista de lista */
+.file-item.recent-item {
+    position: relative;
+    grid-template-columns: 30px minmax(200px, 2fr) 1fr 1fr 120px;
+}
+
+.file-item.recent-item .recent-indicator {
+    position: relative;
+    top: 0;
+    right: 0;
+    width: 30px;
+    height: 30px;
+}
+
+/* Estilos para el estado vacío específico de recientes */
+.recents-empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 50px 20px;
+    text-align: center;
+    color: #6c757d;
+}
+
+.recents-empty-state i {
+    font-size: 48px;
+    color: #6c757d;
+    margin-bottom: 20px;
+    opacity: 0.6;
+}
+
+.recents-empty-state p {
+    margin-bottom: 10px;
+    max-width: 400px;
+}
+
+/* Tooltip para tiempo de acceso */
+.recent-item .file-info {
+    cursor: help;
+}
+
+/* Animación para archivos recientes */
+.recent-item {
+    animation: recent-fade-in 0.3s ease;
+}
+
+@keyframes recent-fade-in {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 1; transform: translateY(0); }
+}