combine complaint and cases

src/app/styles/pages-styles.scss

@@ -2598,30 +2598,9 @@
 	}
 
 	.my-cases-title {
-		font-size: 1.5rem;
-		font-weight: 800;
-		color: #1e293b;
-		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-		background-clip: text;
-		-webkit-text-fill-color: transparent;
-	}
-
-	.btn-outline-small {
-		background: transparent;
-		color: #667eea;
-		border: 2px solid #667eea;
-		padding: 10px 20px;
-		border-radius: 10px;
-		font-weight: 700;
-		font-size: 0.9rem;
-		text-decoration: none;
-		transition: all 0.3s ease;
-
-		&:hover {
-			background: #667eea;
-			color: white;
-			transform: translateY(-2px);
-		}
+		font-size: 18px;
+		font-weight: 600;
+		color: v.$text-p;
 	}
 
 	.case-card {
@@ -2650,7 +2629,7 @@
 			left: 0;
 			width: 4px;
 			height: 100%;
-			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+			background: #667eea;
 			opacity: 0;
 			transition: opacity 0.3s ease;
 			border-radius: 16px 0 0 16px;
@@ -2728,20 +2707,47 @@
 			letter-spacing: 0.3px;
 			white-space: nowrap;
 		}
+
+		a {
+			color: v.$status-showed;
+
+			&:hover {
+				color: #667eea;
+			}
+		}
 	}
 
 	.cases-carousel-track {
 		position: relative;
 
-/* 		.swiper-wrapper {
-			align-items: stretch;
-		} */
-
 		.swiper-slide {
 			height: auto;
 			display: flex;
 		}
 	}
+
+	.my-cases-tabs {
+		display: flex;
+		gap: 10px;
+	}
+
+	.tab-button {
+		cursor: pointer;
+		padding: 4px 10px;
+		border-radius: 20px;
+		font-size: 0.7rem;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.3px;
+		white-space: nowrap;
+
+		background: v.$b-color-1;
+
+		&.active {
+			background: #dbeafe;
+			color: #1e40af;
+		}
+	}
 }
 
 .violation-check-all-section {