update dashboard statisctic

src/app/styles/pages-styles.scss

@@ -1539,45 +1539,20 @@
 	.stat-card {
 		background: linear-gradient(135deg, var(--card-color-1), var(--card-color-2));
 		border-radius: 20px;
-		padding: 30px 24px;
+		padding: 32px 28px;
 		color: white;
 		box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
-		transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+		transition: all 0.4s ease;
+		cursor: pointer;
 		position: relative;
 		overflow: hidden;
 
-		&::before {
-			content: '';
-			position: absolute;
-			top: -50%;
-			right: -50%;
-			width: 200%;
-			height: 200%;
-			background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, transparent 70%);
-			opacity: 0;
-			transition: opacity 0.4s ease;
-		}
-
 		&:hover {
-			opacity: 1;
-			transform: translateY(0px);
-			transition: 0.5s;
-
-			&::before {
-				opacity: 1;
-			}
+			transform: translateY(-8px);
+			box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
 		}
 	}
 
-	.stat-type {
-		font-size: 11px;
-		font-weight: 700;
-		text-transform: uppercase;
-		letter-spacing: 1.2px;
-		opacity: 0.9;
-		margin-bottom: 16px;
-	}
-
 	.stat-value {
 		font-size: 42px;
 		font-weight: 800;
@@ -1592,13 +1567,19 @@
 		opacity: 0.95;
 	}
 
+	.stat-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 16px;
+		position: relative;
+		z-index: 1;
+	}
+
 	.stat-icon {
-		position: absolute;
-		bottom: 20px;
-		right: 20px;
-		font-size: 48px;
-		opacity: 0.2;
-		filter: blur(1px);
+		.icon {
+			transform: scale(1.5);
+		}
 	}
 
 	@media (max-width: 1360px) {
@@ -1617,33 +1598,32 @@
 
 .dashboard-main-grid {
 	display: grid;
-	grid-template-columns: 1fr 1fr;
-	gap: 30px;
+	grid-template-columns: 50% 50%;
 	margin-bottom: 40px;
 	width: 100%;
 	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
 	.left-column {
-		display: flex;
 		flex-direction: column;
-		gap: 30px;
 		width: 100%;
-		max-width: calc(100vw - var(--side-bar-width) - 40vw - 60px);
+		padding-right: 15px;
 	}
 
 	.right-column {
 		width: 100%;
-		display: flex;
 		flex-direction: column;
-		max-width: calc(100vw - var(--side-bar-width) - 40vw - 60px);
+		padding-left: 15px;
 	}
 
 	@media (max-width: 1360px) {
 		grid-template-columns: 1fr;
+		gap: 30px;
 
 		.left-column,
 		.right-column {
 			max-width: calc(100vw - var(--side-bar-width) - 60px);
+			padding-right: 0;
+			padding-left: 0;
 		}
 	}
 
@@ -1714,6 +1694,18 @@
 		font-size: 24px;
 		flex-shrink: 0;
 
+		&.violent {
+			a {
+				color: #fff;
+				cursor: pointer;
+				border-radius: 8px;
+				padding: 8px;
+				font-size: 14px;
+				line-height: 20px;
+				transition: all .3s ease-in;
+			}
+		}
+
 		&.video {
 			background: linear-gradient(135deg, #f3e8ff, #e9d5ff);
 		}
@@ -2255,7 +2247,6 @@
 				text-transform: uppercase;
 				background: #dbeafe;
 				color: #1e40af;
-				/* display: none; */
 			}
 		}
 
@@ -2396,6 +2387,7 @@
 	grid-template-columns: repeat(4, 1fr);
 	gap: 20px;
 	margin-bottom: 30px;
+	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
 	@media (max-width: 1400px) {
 		grid-template-columns: repeat(2, 1fr);