.matrix-table td, .matrix-table th {
  text-align: center;
  padding: 12px;
  font-size: 14px;
  border: 1px solid #374151;
}

.matrix-cell {
  cursor: pointer;
  transition: background 0.2s;
  border-radius: 6px;
}
.matrix-cell:hover { background: #1f2937; }
.matrix-cell.active { border: 2px solid #3b82f6; background: #1f2937; }

.rate-high { color: #34d399; font-weight: bold; }
.rate-mid { color: #fbbf24; font-weight: bold; }
.rate-low { color: #f87171; font-weight: bold; }