body { 
  font-family: 'Inter', 
  system-ui, sans-serif; 
}
.card-hover { 
  transition: all 0.3s ease; 
}
.card-hover:hover { 
  transform: translateY(-4px); 
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1); 
}

.active{
  color: #047857;
  font-weight: semibold;
}

.inactive{
  color: #6b7280;
  font-weight: light;
}

.activity-container { 
  max-height: 360px; 
  overflow-y: auto; 
}
.activity-text { 
  font-size: 0.875rem; 
  line-height: 1.3; 
}

.trust-value { 
  font-size: 2.25rem; 
  line-height: 1.1; 
}
@media (min-width: 640px) { 
  .trust-value { 
    font-size: 2.75rem; 
  } 
}
@media (min-width: 1024px) { 
  .trust-value { 
    font-size: 3.5rem; 
  } 
}

tr:hover { 
  background-color: #f8fafc; 
}
.table-container { 
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch; 
}
table { 
  min-width: 820px; 
}

.metric-value { 
  font-size: 1.55rem; 
  line-height: 1.1; 
}
@media (min-width: 640px) { 
  .metric-value { 
    font-size: 2.0rem; 
  } 
}
@media (min-width: 1024px) { 
  .metric-value { 
    font-size: 2.75rem; 
  } 
}