/* Main Styles - Imports all components */
@import './theme.css';
@import './global.css';
@import './components/button.css';
@import './components/input.css';
@import './components/card.css';
@import './components/modal.css';
@import './components/table.css';
@import './components/alert.css';
@import './components/navbar.css';
@import './components/market-product.css';
@import './components/statistics.css';

/* Additional styles that don't fit in components */
.dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-6);
}

@media (max-width: 768px) {
  .dashboard {
    grid-template-columns: 1fr;
  }
}

/* .stats-card {
  composes: card;
} */

.quick-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}