/* Custom styles for Budget Conjoint Application */

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.modal {
  backdrop-filter: blur(4px);
}

.expense-input:focus,
.income-input:focus {
  outline: none;
  border-color: #3B82F6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.chart-container {
  position: relative;
  height: 200px;
  width: 100%;
}

/* Animation for progress bars */
.progress-bar {
  transition: width 0.5s ease-in-out;
}

/* Responsive improvements */
@media (max-width: 768px) {
  .grid {
    grid-template-columns: 1fr;
  }
  
  .text-5xl {
    font-size: 2.5rem;
  }
  
  .px-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Enhanced visibility for totals */
.total-summary {
  background: linear-gradient(135deg, #fef2f2 0%, #fdf2f8 100%);
  border: 2px solid #f87171;
}

.total-amount {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}