add market-page layouts, v1 for endpoints

src/app/styles/global-styles.scss

@@ -3,6 +3,7 @@
 @use './settings.scss';
 @use './payment-container.scss';
 @use './reports.scss';
+@use './marking-pages.scss';
 
 .btn {
 	padding: 12px 24px;

src/app/styles/globals.css

@@ -17,4 +17,11 @@ a {
 	text-decoration: none;
 }
 
+h1,
+h2,
+h3,
+h4 {
+	font-weight: bold;
+}
+
 @import "tailwindcss";

src/app/styles/marking-pages.scss

@@ -0,0 +1,129 @@
+.protection-summary {
+	background: linear-gradient(135deg, #e8f5e8, #c8e6c9);
+	border: 2px solid #4caf50;
+	border-radius: 15px;
+	padding: 20px;
+	margin-bottom: 25px;
+	text-align: center;
+
+	h3 {
+		color: #2e7d32;
+		margin-bottom: 15px;
+		font-size: 18px;
+	}
+
+	.protection-stats {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+		gap: 15px;
+		margin-top: 15px;
+	}
+
+	.stat-card {
+		background: rgba(255, 255, 255, 0.8);
+		padding: 15px;
+		border-radius: 10px;
+		text-align: center;
+	}
+
+	.stat-number {
+		font-size: 24px;
+		font-weight: bold;
+		color: #2e7d32;
+	}
+
+	.stat-label {
+		font-size: 12px;
+		color: #666;
+		margin-top: 5px;
+	}
+}
+
+.upload-section {
+	background: white;
+	border-radius: 20px;
+	padding: 30px;
+	margin-bottom: 30px;
+	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+
+	h3 {
+		margin-bottom: 20px;
+		color: #111827;
+		font-size: 20px;
+	}
+
+	.drag-drop-zone {
+		border: 3px dashed #6366f1;
+		border-radius: 15px;
+		padding: 40px 20px;
+		text-align: center;
+		background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
+		margin-bottom: 20px;
+		transition: all 0.3s ease;
+
+		h4 {
+			color: #6366f1;
+			margin-bottom: 10px;
+		}
+
+		p {
+			color: #6b7280;
+			margin-bottom: 20px;
+		}
+
+		.btn-primary {
+			background: linear-gradient(45deg, #6566f1, #01579b);
+		}
+	}
+}
+
+.test-section {
+	background: linear-gradient(135deg, #fff3e0, #ffe0b2);
+	border-radius: 20px;
+	padding: 30px;
+	margin-bottom: 30px;
+	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+
+	h3 {
+		margin-bottom: 20px;
+		color: #e65100;
+		font-size: 20px;
+	}
+
+	.test-section-content {
+		border: 2px dashed #ff9800;
+		border-radius: 10px;
+		padding: 20px;
+		text-align: center;
+		background: #fff8e1;
+
+		h4 {
+			font-size: 32px;
+			margin-bottom: 10px;
+		}
+
+		.btn {
+			background: linear-gradient(45deg, #ff9800, #f57c00);
+		}
+
+		p {
+			margin-top: 15px;
+			font-size: 12px;
+			color: #e65100;
+		}
+	}
+}
+
+.protected-files-table {
+	background: white;
+	border-radius: 15px;
+	overflow: hidden;
+	margin-top: 30px;
+	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+
+	h3 {
+		padding: 20px 20px 0;
+		color: #111827;
+		font-size: 18px;
+	}
+}

src/app/styles/payment-container.scss

@@ -20,7 +20,6 @@
 			margin-bottom: 16px;
 			color: #1e293b;
 			font-size: 1.15rem;
-			font-weight: bold;
 		}
 	}
 
@@ -306,7 +305,6 @@
 			align-items: center;
 			gap: 8px;
 			font-size: 1.1rem;
-			font-weight: bold;
 		}
 
 		.secure-payments-grid {
@@ -328,7 +326,6 @@
 				color: #1e293b;
 				margin-bottom: 6px;
 				font-size: 0.95rem;
-				font-weight: bold;
 			}
 
 			p {

src/app/styles/settings.scss

@@ -196,7 +196,6 @@
 				color: #1e40af;
 				margin-bottom: 10px;
 				font-size: 14px;
-				font-weight: bold;
 			}
 
 			p {
@@ -263,14 +262,12 @@
 	h3 {
 		color: #dc2626;
 		margin-bottom: 15px;
-		font-weight: bold;
 		font-size: 1.17em;
 	}
 
 	h4 {
 		color: #991b1b;
 		margin-bottom: 10px;
-		font-weight: bold;
 	}
 
 	p {