add check modal window

src/app/styles/pages-styles.scss

@@ -769,10 +769,15 @@
 				}
 			}
 
-			.table-action-download {
+			.table-action-download,
+			.table-action-delete,
+			.table-action-view {
 				display: flex;
-				background-color: #3b72e0;
 				align-items: center;
+			}
+
+			.table-action-download {
+				background-color: #3b72e0;
 
 				&:hover {
 					background-color: #2d56a8;
@@ -780,14 +785,20 @@
 			}
 
 			.table-action-delete {
-				display: flex;
 				background-color: #e80a14;
-				align-items: center;
 
 				&:hover {
 					background-color: #9f0712;
 				}
 			}
+
+			.table-action-view {
+				background-color: #2b7fff;
+
+				&:hover {
+					background-color: #155dfc;
+				}
+			}
 		}
 	}
 }
@@ -3482,4 +3493,45 @@
 			}
 		}
 	}
+}
+
+.file-info-modal-window {
+	width: 50vw;
+	min-width: 400px;
+
+	&-close-button {
+		position: absolute;
+		top: 15px;
+		right: 20px;
+		background: none;
+		border: none;
+		font-size: 24px;
+		cursor: pointer;
+		color: #64748b;
+	}
+
+	&-section {
+		margin-bottom: 25px;
+	}
+
+	&-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+		gap: 15px;
+	}
+
+	&-item {
+		background: v.$bg-light;
+		padding: 15px;
+		border-radius: 8px;
+	}
+
+	&-title {
+		font-weight: 600;
+		color: v.$text-p;
+	}
+
+	&-content {
+		color: v.$text-s;
+	}
 }