:root {
  --brand: #1f6feb;
  --brand-dark: #14539c;
}

body {
  background-color: #f4f6f9;
}

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

.card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .08);
}

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

.stat-card .stat-label {
  font-size: .8rem;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.login-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--brand-dark), var(--brand));
}

.login-card {
  width: 100%;
  max-width: 380px;
}

.table thead th {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #64748b;
  border-bottom-width: 1px;
}

.copy-btn {
  white-space: nowrap;
}

.jadwal-slot {
  border-left: 3px solid var(--brand);
  background: #fff;
  border-radius: 8px;
}