:root{
  --ark-bg:#f4f6fb;
  --ark-surface:#ffffff;
  --ark-text:#111827;
  --ark-muted:#6b7280;
  --ark-border:#e5e7eb;
  --ark-primary:#2563eb;
  --ark-primary-2:#1d4ed8;
}

[data-bs-theme="dark"]{
  --ark-bg:#0f172a;
  --ark-surface:#111827;
  --ark-text:#e5e7eb;
  --ark-muted:#9ca3af;
  --ark-border:#243041;
  --ark-primary:#60a5fa;
  --ark-primary-2:#3b82f6;
}

body{
  background:var(--ark-bg) !important;
  background-image:none !important;
  color:var(--ark-text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

.container{
  max-width:1280px;
}

.navbar{
  background:var(--ark-surface);
  border:1px solid var(--ark-border);
  border-radius:10px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  margin-bottom:12px;
  padding:10px 14px !important;
}

.card,
.data-block{
  background:var(--ark-surface);
  border:1px solid var(--ark-border);
  border-radius:10px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  margin-bottom:14px;
}

[data-bs-theme="dark"] .navbar,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .data-block{
  box-shadow:none;
}

#wrapper,
.content-block{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.card-header,
.data-block header{
  background:transparent;
  border-bottom:1px solid var(--ark-border);
}

.card-body{
  padding:16px;
}

.btn-primary{
  background:var(--ark-primary);
  border-color:var(--ark-primary);
}

.btn-primary:hover,
.btn-primary:focus{
  background:var(--ark-primary-2);
  border-color:var(--ark-primary-2);
}

.btn-outline-primary{
  color:var(--ark-primary);
  border-color:var(--ark-primary);
}

.btn-outline-primary:hover{
  background:var(--ark-primary);
  border-color:var(--ark-primary);
  color:#fff;
}

.form-control,
.form-select{
  border:1px solid var(--ark-border);
  border-radius:8px;
  background:var(--ark-surface);
  color:var(--ark-text);
}

.form-control:focus,
.form-select:focus{
  border-color:var(--ark-primary);
  box-shadow:0 0 0 .18rem rgba(37,99,235,.14);
}

.nav-link,
.breadcrumb-item,
.text-muted{
  color:var(--ark-muted) !important;
}

.breadcrumb{
  margin-bottom:10px;
}

.table{
  border:1px solid var(--ark-border);
  border-radius:10px;
  overflow:hidden;
  background:var(--ark-surface);
}

.table > :not(caption) > * > *{
  border-bottom-color:var(--ark-border);
  padding:.7rem .75rem;
  background:transparent;
}

.table thead th{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:var(--ark-muted);
  background:transparent;
}

.list-group-item{
  background:var(--ark-surface);
  border-color:var(--ark-border);
}

.accordion-item,
.accordion-button{
  border-radius:10px !important;
  border:1px solid var(--ark-border) !important;
  background:var(--ark-surface) !important;
  color:var(--ark-text) !important;
  box-shadow:none !important;
}