| |
| body { |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; |
| } |
|
|
| |
| table { |
| border-collapse: collapse; |
| width: 100%; |
| } |
|
|
| th, td { |
| padding: 8px 12px; |
| text-align: right; |
| } |
|
|
| th:first-child, td:first-child { |
| text-align: left; |
| } |
|
|
| tr:nth-child(even) { |
| background-color: #f9fafb; |
| } |
|
|
| |
| .chart-container { |
| position: relative; |
| height: 300px; |
| width: 100%; |
| } |
|
|
| |
| .card { |
| transition: all 0.3s ease; |
| } |
|
|
| .card:hover { |
| transform: translateY(-2px); |
| box-shadow: 0 10px 20px rgba(0,0,0,0.1); |
| } |
|
|
| |
| @media (max-width: 768px) { |
| .grid { |
| grid-template-columns: 1fr; |
| } |
| } |
