/* Local PearAdmin-like theme (offline) */
:root {
  --pear-primary: #16baaa;
  --pear-primary-dark: #12998d;
  --pear-bg: #f5f7fb;
  --pear-border: #e8edf3;
  --pear-text: #28333e;
  --pear-muted: #6b7a8c;
  --pear-sidebar-bg: #1f2d3d;
  --pear-sidebar-bg-2: #243447;
}

body {
  background: var(--pear-bg);
  color: var(--pear-text);
}

.sidebar {
  background: linear-gradient(180deg, var(--pear-sidebar-bg) 0%, var(--pear-sidebar-bg-2) 100%);
  box-shadow: 2px 0 12px rgba(19, 27, 35, 0.16);
}

.brand {
  letter-spacing: 0.5px;
}

.menu-link {
  border: 1px solid rgba(255, 255, 255, 0.04);
  transition: all 0.2s ease;
}

.menu-link:hover {
  background: rgba(22, 186, 170, 0.22);
  border-color: rgba(22, 186, 170, 0.45);
}

.header {
  box-shadow: 0 1px 10px rgba(36, 52, 71, 0.06);
}

.card,
.kpi {
  border: 1px solid var(--pear-border);
  box-shadow: 0 3px 10px rgba(36, 52, 71, 0.04);
}

.kpi .value {
  color: #14222f;
}

.btn.primary {
  background: var(--pear-primary);
}

.btn.primary:hover {
  background: var(--pear-primary-dark);
}

.btn.light {
  background: #ebfffd;
  color: #138578;
}

.chart-box {
  height: 320px;
  width: 100%;
}

.chart-box.sm {
  height: 260px;
}