.btn {
  border-radius: 1.5em;
}
.btn-primary {
  background-image: linear-gradient(to right, #0954b5 0, #12225c 100%);
  border: none;
  color: white;
}
.hero-bg {
  background-image: linear-gradient(90deg, rgba(3, 13, 35, 0.86), rgba(3, 13, 35, 0.35)), url(/dist/images/hero-bg.jpg);
  background-size: cover;
  background-position: left bottom;
}
.bg-hero {
  background-image: linear-gradient(135deg, rgba(3, 13, 35, 0.18), rgba(3, 13, 35, 0.48)), var(--hero);
}
.bg-chart {
  background:
    repeating-linear-gradient(90deg, transparent 0 3.5rem, rgba(255, 255, 255, 0.08) 3.5625rem 3.625rem),
    linear-gradient(135deg, #0b1730, #06111f);
}

.list-check li {
  position: relative;
  padding-left: 1.25rem;

  &::before {
    content: "✓";
    font-weight: bold;
    position: absolute;
    color: var(--accent);
    left: 0;
  }
}

footer p {
  margin-bottom: 0.75rem;
}

/* Dark template overrides generated from the corresponding light template. */
:root {
  --primary: #0954b5;
  --accent: #10b66a;
  --bg: #111827;
  --surface: #12225c;
  --surface-2: #0b173d;
  --ink: #f8fafc;
  --muted: #cbd5e1;
  --border: rgba(255, 255, 255, 0.16);
}

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

.drawer-panel {
  background: #0b173d !important;
  color: #ffffff !important;
}

.bg-white,
.bg-base-100 {
  background-color: #16275f !important;
  color: #ffffff !important;
}

.bg-white\/10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-white\/20 {
  background-color: rgba(255, 255, 255, 0.16) !important;
}

.text-dark,
.text-slate-900,
.text-base-content {
  color: #ffffff !important;
}

[class*="text-[color:var(--muted)]"] {
  color: var(--muted) !important;
}

.shadow-sm,
.shadow-lg,
.shadow-xl,
.shadow-2xl {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.22) !important;
}

.table {
  color: #ffffff;
}

.table :where(th, td) {
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.table-zebra tbody tr:nth-child(even),
.product .table tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.collapse {
  color: #ffffff;
}

footer {
  background: #071132 !important;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin: 2rem 0;
  padding: 0;
  list-style: none;
}

.page-item {
  margin: 0;
}

.page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.875rem;

  color: #fff;
  background: transparent;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;

  text-decoration: none;
  transition: all 0.2s;
}

.page-link:hover {
  background: transparent;
  border-color: #9ca3af;
}

.page-item.active .page-link {
  color: #fff;
  background: #2563eb;
  border-color: #2563eb;
}

.page-item.disabled .page-link {
  color: #aeaeae;
  background: #191919;
  border-color: #8d8e8f;
  cursor: not-allowed;
  pointer-events: none;
}