데이터 초기화 화면 추가

src/styles/Components.js

@@ -78,6 +78,17 @@ export const SelectInput = styled.select`
 	}
 `;
 
+export const FormCenteredContainer = styled.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: calc(100vw - 400px);
+    height: calc(100vh - 500px); /* 상단 영역 높이에 따라 조정 (헤더+필터 영역) */
+    padding: 20px;
+	overflow: auto;
+	min-height: 100px;
+`;
+
 export const Textarea = styled.textarea`
 	&:focus {
 		border: 1px solid #2c2c2c;
@@ -548,4 +559,63 @@ export const DetailMessage = styled(Link)`
 export const PopupMessage = styled(Link)`
 	color: #61a2d0;
 	text-decoration: underline;
+`;
+
+export const TableDetailRow = styled.tr`
+	background-color: #f8f9fa;
+`;
+
+export const TableDetailContainer = styled.div`
+	padding: 15px;
+	background-color: #f8f9fa;
+`;
+
+export const TableDetailFlex = styled.div`
+	display: flex;
+	gap: 20px;
+	flex-wrap: wrap;
+`;
+
+export const TableDetailColumn = styled.div`
+	flex: 1 1 48%;
+	min-width: 300px;
+`;
+
+export const DetailTableInfo = styled.table`
+	width: 100%;
+	border-collapse: collapse;
+	margin-bottom: 15px;
+	font-size: 12px;
+	
+	th, td {
+		border: 1px solid #ddd;
+		padding: 8px;
+		text-align: left;
+	}
+	
+	th {
+		background-color: #f1f1f1;
+		font-weight: bold;
+	}
+	
+	tr:nth-child(even) {
+		background-color: #f8f8f8;
+	}
+`;
+
+export const TableActionButton = styled.button`
+	cursor: pointer;
+	background: #4a89dc;
+	color: white;
+	border: none;
+	border-radius: 3px;
+	padding: 2px 5px;
+	font-size: 13px;
+	min-width: max-content;
+	width: 80px;
+	height: 24px;
+	
+	&:hover {
+		background: #3a70bc;
+	}
 `;