.contracts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 20px;
}
.contract-card {
  background: linear-gradient(135deg, #0d1520 0%, #1a2530 100%);
  border: 2px solid #2a3a4a;
  border-radius: 10px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.3s;
}
.contract-card:hover { border-color: #00ccff; transform: translateY(-2px); }
.contract-card.selected { border-color: #00ffcc; box-shadow: 0 0 20px rgba(0,255,200,0.3); }
.contract-card.locked { opacity: 0.5; cursor: not-allowed; }
.contract-name { font-size: 16px; color: #00ffcc; margin-bottom: 8px; }
.contract-desc { font-size: 11px; color: #7ab; margin-bottom: 12px; }
.contract-stats { display: flex; justify-content: space-between; font-size: 11px; }
.contract-stat { text-align: center; }
.contract-stat-label { color: #5a8a9a; font-size: 9px; }
.contract-stat-value { color: #ffcc00; font-size: 14px; }
.contract-warning { color: #ff6666; font-size: 10px; margin-top: 8px; }
.contract-bonus { color: #00ff88; font-size: 10px; margin-top: 4px; }