style: 리팩토링 및 CSS 통합 작업 완료 (하드코딩 스타일 제거)

src/styles/dashboard.css

@@ -52,12 +52,101 @@
   min-height: 360px;
 }
 
-.dashboard-card canvas {
-  flex: 1;
-  width: 100% !important;
-  max-height: 280px;
+.dashboard-stats-grid {
+  display: grid; 
+  grid-template-columns: repeat(3, 1fr); 
+  gap: 1.5rem; 
+  margin-bottom: 2rem;
 }
 
+.dashboard-card-mini {
+  min-height: auto;
+}
+
+.dashboard-card h4 {
+  font-size: 1rem;
+  font-weight: 700;
+  color: var(--text-main);
+  margin-bottom: 0.25rem;
+}
+
+.dashboard-card .description {
+  font-size: 0.8125rem;
+  color: var(--text-muted);
+  margin-bottom: 1rem;
+}
+
+.dashboard-card .big-value {
+  font-size: 2rem;
+  font-weight: 700;
+  color: var(--primary-color);
+}
+
+.dashboard-card .big-value.danger {
+  color: var(--danger);
+}
+
+.progress-container {
+  width: 100%;
+  height: 4px;
+  background-color: var(--border-color);
+  border-radius: 2px;
+  overflow: hidden;
+  margin-top: 0.5rem;
+}
+
+.progress-fill {
+  height: 100%;
+  background-color: var(--primary-color);
+}
+
+.progress-fill.danger {
+  background-color: var(--danger);
+}
+
+.chart-wrapper {
+  height: 250px;
+}
+
+.dashboard-table-container {
+  background: white;
+  border-radius: 8px;
+  border: 1px solid var(--border-color);
+  overflow: hidden;
+}
+
+.dashboard-table-container table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.dashboard-table-container th {
+  padding: 0.75rem;
+  font-size: 0.8125rem;
+  font-weight: 700;
+  color: var(--text-muted);
+  border-bottom: 2px solid var(--border-color);
+  text-align: center;
+}
+
+.dashboard-table-container td {
+  padding: 0.75rem;
+  font-size: 0.8125rem;
+  border-bottom: 1px solid var(--border-color);
+  text-align: center;
+}
+
+.badge-type {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 4px;
+  background: var(--bg-color);
+  border: 1px solid var(--border-color);
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+
+
 /* --- Location View Styles --- */
 .location-layout {
   display: grid;