/* Levi-X.de Dashboard Theme */
:root {
  --levi-bg: #050a0f;
  --levi-bg-elevated: #0b0e14;
  --levi-bg-card: #111820;
  --levi-blue: #0081ff;
  --levi-blue-bright: #00ccff;
  --levi-text: #ffffff;
  --levi-text-muted: #e0e0e0;
  --levi-border: #2a3544;
}

body {
  background: radial-gradient(ellipse at 50% 0%, #0d1a2d 0%, var(--levi-bg) 55%) !important;
  color: var(--levi-text) !important;
}

#page_wrapper,
#main-content {
  background: transparent !important;
}

header,
.group,
.service,
.bookmark,
.widget {
  background-color: rgba(17, 24, 32, 0.92) !important;
  border: 1px solid var(--levi-border) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(8px);
}

header h1,
.service-name,
.group-title {
  color: var(--levi-text) !important;
}

header .subtitle,
.service-description,
.text-theme-500 {
  color: var(--levi-text-muted) !important;
}

a,
.service-title,
.link {
  color: var(--levi-blue-bright) !important;
}

a:hover {
  color: var(--levi-blue) !important;
}

input,
select,
textarea {
  background-color: #161b22 !important;
  border: 1px solid var(--levi-border) !important;
  color: var(--levi-text) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--levi-blue) !important;
  outline: 2px solid rgba(0, 129, 255, 0.35) !important;
  outline-offset: 1px;
}

.bg-theme-500,
.bg-theme-600 {
  background: linear-gradient(135deg, var(--levi-blue) 0%, var(--levi-blue-bright) 100%) !important;
}

.border-theme-500 {
  border-color: var(--levi-blue) !important;
}