:root {
  --brand-dark: #1b2a3c;
  --brand: #0d6efd;
}

body {
  background-color: #f4f6f9;
}

.app-navbar {
  background-color: var(--brand-dark);
}

.login-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1b2a3c 0%, #2c3e50 100%);
  padding: 1rem;
}

.login-card {
  max-width: 420px;
  width: 100%;
  border: none;
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
}

.stat-card {
  border: none;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  height: 100%;
}

.stat-card .stat-value {
  font-size: 1.8rem;
  font-weight: 700;
}

.card {
  border-radius: 12px;
}

.table-responsive {
  border-radius: 10px;
  overflow: hidden;
}

.low-stock-row {
  background-color: #fff3cd !important;
}

.out-of-stock-row {
  background-color: #f8d7da !important;
}

.badge-role-admin {
  background-color: #6f42c1;
}

.badge-role-store {
  background-color: #198754;
}

@media (max-width: 576px) {
  .stat-value {
    font-size: 1.4rem !important;
  }
  h2, h3 {
    font-size: 1.3rem;
  }
}