/* Navigation */
.nav-btn {
  @apply w-full px-14 py-5 text-sm text-gray-400 hover:text-white hover:bg-gray-800 transition-colors;
  font-family: 'Maven Pro', sans-serif;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.nav-btn.active {
  @apply text-white bg-gray-800 border-l-2 border-blue-400;
}

/* Stat Cards */
.stat-card {
  @apply bg-white rounded-xl border-l-4 p-5 shadow-sm;
}
.stat-label {
  @apply text-xs uppercase tracking-wider text-gray-500 mb-1;
}
.stat-value {
  @apply text-3xl font-bold text-gray-800;
}
.stat-sub {
  @apply text-sm text-gray-500 mt-1;
}

/* Buttons */
.btn-primary {
  @apply bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors;
}
.btn-secondary {
  @apply bg-gray-100 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors;
}
.btn-success {
  @apply bg-green-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-green-700 transition-colors;
}
.btn-danger {
  @apply bg-red-100 text-red-600 px-3 py-1.5 rounded-lg text-xs font-medium hover:bg-red-200 transition-colors;
}
.btn-approve {
  @apply bg-green-100 text-green-700 px-3 py-1.5 rounded-lg text-xs font-medium hover:bg-green-200 transition-colors;
}
.btn-edit {
  @apply bg-gray-100 text-gray-600 px-3 py-1.5 rounded-lg text-xs font-medium hover:bg-gray-200 transition-colors;
}

/* Status badges */
.badge {
  @apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium;
}
.badge-pending  { @apply bg-amber-100 text-amber-700; }
.badge-approved { @apply bg-green-100 text-green-700; }
.badge-rejected { @apply bg-red-100 text-red-600; }
.badge-exported { @apply bg-blue-100 text-blue-700; }

/* Form fields */
.field-label { @apply block text-xs font-medium text-gray-600 mb-1; }
.field-input  { @apply w-full border border-gray-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500; }

/* Upload progress item */
.upload-item {
  @apply flex items-center gap-3 p-3 bg-white border border-gray-200 rounded-lg;
}

/* Cashplan month block */
.cashplan-month {
  @apply bg-white rounded-xl border border-gray-200 overflow-hidden;
}
.cashplan-header {
  @apply px-6 py-4 bg-gray-50 border-b border-gray-200 flex items-center justify-between;
}