style(web): update view styles

- audit-view.css: update audit view styles
- requests-view.css: update requests view styles
- travel-reimbursement-create-view.css: update travel form styles
- travel-request-detail-view.css: update travel detail view styles

web/src/assets/styles/views/requests-view.css

@@ -283,6 +283,7 @@
 }
 
 .table-wrap {
+  min-height: 0;
   margin-top: 10px;
   overflow-x: auto;
   overflow-y: auto;
@@ -290,10 +291,56 @@
   border-radius: 10px;
 }
 
+.table-state {
+  min-height: 260px;
+  display: grid;
+  place-items: center;
+  gap: 10px;
+  padding: 28px 20px;
+  text-align: center;
+  color: #64748b;
+  background: linear-gradient(180deg, #fcfffd 0%, #f5f9f7 100%);
+}
+
+.table-state .mdi {
+  font-size: 28px;
+  color: #10b981;
+}
+
+.table-state strong {
+  color: #0f172a;
+  font-size: 15px;
+}
+
+.table-state p {
+  max-width: 420px;
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.table-state.error {
+  background: linear-gradient(180deg, #fffdfd 0%, #fff6f6 100%);
+}
+
+.table-state.error .mdi {
+  color: #ef4444;
+}
+
+.retry-btn {
+  height: 36px;
+  padding: 0 14px;
+  border: 1px solid #f1c5c5;
+  border-radius: 8px;
+  background: #fff;
+  color: #b91c1c;
+  font-size: 13px;
+  font-weight: 750;
+}
+
 table {
-  height: 100%;
   width: 100%;
-  min-width: 1140px;
+  min-width: 1080px;
   border-collapse: collapse;
   table-layout: fixed;
 }
@@ -346,6 +393,55 @@ tbody tr:last-child td {
   font-weight: 800;
 }
 
+.type-tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 26px;
+  padding: 0 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 800;
+  white-space: nowrap;
+}
+
+.type-tag.travel {
+  background: #ecfdf5;
+  color: #059669;
+}
+
+.type-tag.entertainment {
+  background: #fff7ed;
+  color: #ea580c;
+}
+
+.type-tag.hotel,
+.type-tag.transport {
+  background: #ecfdf5;
+  color: #047857;
+}
+
+.type-tag.meal {
+  background: #fef3c7;
+  color: #b45309;
+}
+
+.type-tag.office {
+  background: #eff6ff;
+  color: #2563eb;
+}
+
+.type-tag.meeting,
+.type-tag.training {
+  background: #eef2ff;
+  color: #4f46e5;
+}
+
+.type-tag.other {
+  background: #f8fafc;
+  color: #475569;
+}
+
 .status-tag {
   min-height: 24px;
   display: inline-flex;
@@ -376,6 +472,18 @@ tbody tr:last-child td {
   color: #f97316;
 }
 
+.status-tag.draft {
+  border-color: #fde68a;
+  background: #fffbeb;
+  color: #d97706;
+}
+
+.status-tag.danger {
+  border-color: #fecaca;
+  background: #fef2f2;
+  color: #dc2626;
+}
+
 .status-tag.neutral {
   border-color: #cbd5e1;
   background: #f8fafc;
@@ -387,7 +495,7 @@ tbody tr:last-child td {
   grid-template-columns: 1fr auto 1fr;
   align-items: center;
   gap: 16px;
-  margin-top: 24px;
+  margin-top: 12px;
 }
 
 .page-summary {