/* [project]/src/app/globals.css [app-client] (css) */
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  background-color: #f8f9fa;
  min-height: 100vh;
}

.card {
  background: #fff;
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: 0 2px 4px #00000014;
}

.dashboard-card {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  border-radius: 10px;
  padding: 1.5rem;
}

.dashboard-card.green {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

.dashboard-card.orange {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.dashboard-card.blue {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.sidebar {
  background: #1e293b;
  color: #fff;
  height: 100vh;
  overflow-y: auto;
  flex-shrink: 0;
}

.sidebar-item {
  padding: .75rem 1rem;
  cursor: pointer;
  transition: background-color .2s;
  border-radius: 8px;
  margin: .25rem .5rem;
}

.sidebar-item:hover {
  background: #ffffff1a;
}

.sidebar-item.active {
  background: #fff3;
}

.currency {
  font-variant-numeric: tabular-nums;
}

.positive {
  color: #22c55e;
}

.negative {
  color: #ef4444;
}

@media (width <= 767px) {
  .card {
    padding: 1rem;
    border-radius: 8px;
  }

  .p-datatable .p-datatable-thead > tr > th, .p-datatable .p-datatable-tbody > tr > td {
    padding: .5rem;
    font-size: .875rem;
  }

  .p-dialog {
    width: 95vw !important;
    max-width: 95vw !important;
  }

  .p-button {
    padding: .5rem .75rem;
  }

  h1 {
    font-size: 1.5rem !important;
  }

  h2 {
    font-size: 1.25rem !important;
  }

  h3 {
    font-size: 1.1rem !important;
  }

  .grid > [class*="col-"] {
    padding: .5rem;
  }

  .p-inputtext, .p-dropdown, .p-inputnumber-input {
    font-size: 16px !important;
  }
}


/*# sourceMappingURL=src_app_globals_b80590.css.map*/