⚡ Upgrade design & moved backend here & login and settings work with api

app/statistics/styles.scss

@@ -21,21 +21,31 @@
 
 			& > .username {
 				font-size: 1.1rem;
-				color: #ffffff;
+				color: #d94253;
 			}
 
 			& > .sinceDate {
 				font-size: 0.9rem;
 				font-weight: 300;
-				color: #eee;
+				color: #d94253;
 			}
 		}
 
-		& > .settingsButton {
-			$size: 25px;
-			width: $size;
-			height: $size;
-			color: #ffffff;
+		& > .buttonsContainer {
+			display: flex;
+			flex-wrap: nowrap;
+			align-items: center;
+			gap: 10px;
+
+			& > .button {
+				$size: 25px;
+				width: $size;
+				height: $size;
+				border: none;
+				background-color: transparent;
+				color: #d94253;
+				cursor: pointer;
+			}
 		}
 	}
 
@@ -43,13 +53,13 @@
 		display: block;
 		width: 90%;
 		height: 1px;
-		background-color: rgb(254, 254, 250);
+		background-color: #d94253;
 		background: linear-gradient(
 			90deg,
-			rgba(254, 254, 250, 0) 0%,
-			rgba(254, 254, 250, 1) 10%,
-			rgba(254, 254, 250, 1) 90%,
-			rgba(254, 254, 250, 0) 100%
+			rgba(#d94253, 0) 0%,
+			rgba(#d94253, 1) 10%,
+			rgba(#d94253, 1) 90%,
+			rgba(#d94253, 0) 100%
 		);
 	}
 
@@ -68,45 +78,14 @@
 			flex-direction: column;
 			align-items: center;
 			font-weight: 300;
-			color: #ffffff;
+			color: #d94253;
 
 			& > .slotCounter {
 				font-size: 3rem;
 			}
 
 			& > .statName {
-				color: #eee;
-			}
-		}
-	}
-
-	& > .buttonsContainer {
-		display: flex;
-		flex-direction: column;
-		align-items: stretch;
-		gap: 2px;
-		width: 100%;
-		box-shadow: 0 0 6px rgba(255, 255, 255, 0.2);
-
-		& > .button {
-			display: flex;
-			flex-wrap: nowrap;
-			justify-content: space-between;
-			gap: 20px;
-			padding: 15px 20px;
-			border: none;
-			background-color: #d94253;
-			font-size: 1rem;
-			color: #ffffff;
-			filter: brightness(1.1);
-			transition: filter 0.3s ease;
-
-			&:hover {
-				filter: brightness(1.3);
-			}
-
-			& > svg {
-				width: 1.2em;
+				color: #d94253;
 			}
 		}
 	}