style(web): update view styles

- settings-view.css: update settings view styling
- travel-reimbursement-create-view.css: update travel reimbursement form styles

web/src/assets/styles/views/travel-reimbursement-create-view.css

@@ -759,6 +759,185 @@
   display: block;
 }
 
+.review-summary {
+  margin: 0;
+  color: #334155;
+  font-size: 13px;
+  line-height: 1.7;
+}
+
+.review-mini-grid,
+.review-slot-grid,
+.review-doc-field-grid {
+  display: grid;
+  gap: 10px;
+}
+
+.review-mini-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.review-slot-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.review-slot-card,
+.review-doc-field-card,
+.review-brief-card,
+.review-claim-card,
+.review-document-card {
+  border: 1px solid #e2e8f0;
+  border-radius: 16px;
+  background: #f8fbff;
+}
+
+.review-slot-card {
+  display: grid;
+  gap: 8px;
+  padding: 12px 14px;
+}
+
+.review-slot-card.compact {
+  gap: 4px;
+  padding: 10px 12px;
+}
+
+.review-slot-card header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.review-slot-card span,
+.review-doc-field-card span,
+.review-brief-card strong,
+.review-document-card header span {
+  color: #64748b;
+  font-size: 11px;
+  font-weight: 800;
+}
+
+.review-slot-card strong,
+.review-doc-field-card strong,
+.review-claim-card strong,
+.review-document-card header strong {
+  color: #0f172a;
+  font-size: 13px;
+  font-weight: 850;
+}
+
+.review-slot-card p,
+.review-brief-card p,
+.review-claim-card p,
+.review-document-card p {
+  margin: 0;
+  color: #64748b;
+  font-size: 12px;
+  line-height: 1.6;
+}
+
+.review-slot-card.missing {
+  border-color: #fecdd3;
+  background: #fff7f7;
+}
+
+.review-slot-card.inferred {
+  border-color: #dbeafe;
+  background: #f8fbff;
+}
+
+.review-brief-list,
+.review-claim-list,
+.review-document-list {
+  display: grid;
+  gap: 10px;
+}
+
+.review-brief-card,
+.review-claim-card,
+.review-document-card {
+  padding: 12px 14px;
+}
+
+.review-brief-card.warning {
+  background: #fff7ed;
+  border-color: #fed7aa;
+}
+
+.review-brief-card.high {
+  background: #fff1f2;
+  border-color: #fecdd3;
+}
+
+.review-claim-card header,
+.review-document-card header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+
+.review-document-card {
+  display: grid;
+  gap: 10px;
+}
+
+.document-preview {
+  min-height: 124px;
+  overflow: hidden;
+  border-radius: 14px;
+  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
+  border: 1px dashed #dbe3ec;
+}
+
+.document-preview.image img {
+  display: block;
+  width: 100%;
+  height: 180px;
+  object-fit: cover;
+}
+
+.document-preview-placeholder {
+  min-height: 124px;
+  display: grid;
+  place-items: center;
+  gap: 6px;
+  color: #64748b;
+  text-align: center;
+}
+
+.document-preview-placeholder i {
+  font-size: 28px;
+}
+
+.review-doc-field-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.review-doc-field-card {
+  padding: 10px 12px;
+}
+
+.action-list.compact {
+  grid-template-columns: 1fr;
+}
+
+.action-card.primary {
+  border-color: #bbf7d0;
+  background: #f0fdf4;
+}
+
+.action-card.secondary {
+  background: #fff;
+}
+
+.action-card.warning {
+  border-color: #fed7aa;
+  background: #fff7ed;
+}
+
 .note-block {
   display: grid;
   gap: 8px;
@@ -907,4 +1086,10 @@
   .metric-grid {
     grid-template-columns: 1fr;
   }
+
+  .review-slot-grid,
+  .review-doc-field-grid,
+  .review-mini-grid {
+    grid-template-columns: 1fr;
+  }
 }