/* v252 — Expense Management Quick Overview contrast and visual hierarchy */
.expense-management, .expense-management-page, #expenseManagement,
.expense-dashboard, .finance-expense-view {
  color:#17324f !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
}
.expense-management .quick-overview,
.expense-management-page .quick-overview,
#expenseManagement .quick-overview,
.expense-dashboard .quick-overview,
.finance-expense-view .quick-overview,
.expense-management .quick-overview-card,
.expense-management-page .quick-overview-card,
#expenseManagement .quick-overview-card {
  overflow:hidden !important;
  border:1px solid #dfe8f2 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(17,46,77,.07) !important;
}
.expense-management .quick-overview h3,
.expense-management-page .quick-overview h3,
#expenseManagement .quick-overview h3,
.expense-dashboard .quick-overview h3,
.finance-expense-view .quick-overview h3,
.expense-management .quick-overview-card h3,
.expense-management-page .quick-overview-card h3 {
  color:#102b49 !important;
  font-size:21px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
}
.expense-management .quick-overview p,
.expense-management-page .quick-overview p,
#expenseManagement .quick-overview p,
.expense-dashboard .quick-overview p,
.finance-expense-view .quick-overview p {
  color:#657c95 !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
.expense-management .quick-overview-list,
.expense-management-page .quick-overview-list,
#expenseManagement .quick-overview-list,
.expense-dashboard .quick-overview-list,
.finance-expense-view .quick-overview-list,
.expense-management .overview-metrics,
.expense-management-page .overview-metrics,
#expenseManagement .overview-metrics {
  overflow:hidden !important;
  border:1px solid #e1eaf4 !important;
  border-radius:15px !important;
  background:#f7faff !important;
}
.expense-management .quick-overview-list > div,
.expense-management-page .quick-overview-list > div,
#expenseManagement .quick-overview-list > div,
.expense-dashboard .quick-overview-list > div,
.finance-expense-view .quick-overview-list > div,
.expense-management .overview-metrics > div,
.expense-management-page .overview-metrics > div,
#expenseManagement .overview-metrics > div {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:68px !important;
  padding:15px 17px !important;
  background:#f7faff !important;
  border-bottom:1px solid #e0e9f3 !important;
}
.expense-management .quick-overview-list > div:last-child,
.expense-management-page .quick-overview-list > div:last-child,
#expenseManagement .quick-overview-list > div:last-child,
.expense-dashboard .quick-overview-list > div:last-child,
.finance-expense-view .quick-overview-list > div:last-child,
.expense-management .overview-metrics > div:last-child,
.expense-management-page .overview-metrics > div:last-child,
#expenseManagement .overview-metrics > div:last-child {
  border-bottom:0 !important;
}
.expense-management .quick-overview-list span,
.expense-management-page .quick-overview-list span,
#expenseManagement .quick-overview-list span,
.expense-dashboard .quick-overview-list span,
.finance-expense-view .quick-overview-list span,
.expense-management .overview-metrics span,
.expense-management-page .overview-metrics span,
#expenseManagement .overview-metrics span {
  color:#405a75 !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:1.5 !important;
  overflow-wrap:anywhere !important;
}
.expense-management .quick-overview-list strong,
.expense-management-page .quick-overview-list strong,
#expenseManagement .quick-overview-list strong,
.expense-dashboard .quick-overview-list strong,
.finance-expense-view .quick-overview-list strong,
.expense-management .overview-metrics strong,
.expense-management-page .overview-metrics strong,
#expenseManagement .overview-metrics strong {
  color:#15385d !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  text-align:right !important;
  white-space:nowrap !important;
}
.expense-management .profit-summary,
.expense-management-page .profit-summary,
#expenseManagement .profit-summary,
.expense-dashboard .profit-summary,
.finance-expense-view .profit-summary,
.expense-management .business-result,
.expense-management-page .business-result,
#expenseManagement .business-result {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:17px 19px !important;
  margin-top:16px !important;
  border:1px solid #bfe8d5 !important;
  border-radius:15px !important;
  background:#eaf8f1 !important;
}
.expense-management .profit-summary span,
.expense-management-page .profit-summary span,
#expenseManagement .profit-summary span,
.expense-dashboard .profit-summary span,
.finance-expense-view .profit-summary span,
.expense-management .business-result span,
.expense-management-page .business-result span,
#expenseManagement .business-result span {
  color:#176344 !important;
  font-size:14px !important;
  font-weight:750 !important;
  line-height:1.5 !important;
}
.expense-management .profit-summary strong,
.expense-management-page .profit-summary strong,
#expenseManagement .profit-summary strong,
.expense-dashboard .profit-summary strong,
.finance-expense-view .profit-summary strong,
.expense-management .business-result strong,
.expense-management-page .business-result strong,
#expenseManagement .business-result strong {
  color:#105a3a !important;
  font-size:19px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
@media(max-width:600px) {
 .expense-management .quick-overview-list > div,
 .expense-management-page .quick-overview-list > div,
 #expenseManagement .quick-overview-list > div,
 .expense-dashboard .quick-overview-list > div,
 .finance-expense-view .quick-overview-list > div,
 .expense-management .overview-metrics > div,
 .expense-management-page .overview-metrics > div,
 #expenseManagement .overview-metrics > div {min-height:62px !important;padding:13px !important;gap:10px !important}
 .expense-management .quick-overview-list span,
 .expense-management-page .quick-overview-list span,
 #expenseManagement .quick-overview-list span,
 .expense-dashboard .quick-overview-list span,
 .finance-expense-view .quick-overview-list span {font-size:13px !important}
 .expense-management .quick-overview-list strong,
 .expense-management-page .quick-overview-list strong,
 #expenseManagement .quick-overview-list strong,
 .expense-dashboard .quick-overview-list strong,
 .finance-expense-view .quick-overview-list strong {font-size:14px !important}
 .expense-management .profit-summary,
 .expense-management-page .profit-summary,
 #expenseManagement .profit-summary,
 .expense-dashboard .profit-summary,
 .finance-expense-view .profit-summary {padding:14px !important}
 .expense-management .profit-summary span,
 .expense-management-page .profit-summary span,
 #expenseManagement .profit-summary span,
 .expense-dashboard .profit-summary span,
 .finance-expense-view .profit-summary span {font-size:12px !important}
 .expense-management .profit-summary strong,
 .expense-management-page .profit-summary strong,
 #expenseManagement .profit-summary strong,
 .expense-dashboard .profit-summary strong,
 .finance-expense-view .profit-summary strong {font-size:16px !important}
}