body {
  background: #f6f8fb;
  color: #0f172a;
}

[class*="from-gray-900"][class*="to-gray-900"] {
  background: #f6f8fb !important;
  background-image: none !important;
  color: #0f172a !important;
}

[data-v-bd683258] > .pointer-events-none .blur-2xl,
[data-v-bd683258] > .pointer-events-none .blur-3xl {
  display: none !important;
}

aside.bg-gray-600,
header.bg-gray-600 {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

aside .text-white,
header .text-white,
aside .text-gray-100,
aside .text-gray-200,
aside .text-gray-300,
header .text-gray-200 {
  color: #334155 !important;
}

aside .bg-blue-700\/30,
header .bg-blue-700\/30 {
  background: #eff6ff !important;
}

aside .hover\:bg-gray-500:hover {
  background: #f1f5f9 !important;
}

[class*="from-gray-500"][class*="to-gray-600"] {
  background: #ffffff !important;
  background-image: none !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

[class*="from-gray-500"][class*="to-gray-600"] .text-white {
  color: #0f172a !important;
}

[class*="from-gray-500"][class*="to-gray-600"] .text-gray-200 {
  color: #64748b !important;
}

.bg-gray-600 {
  background-color: #ffffff !important;
}

.border-gray-500,
.border-gray-400 {
  border-color: #e2e8f0 !important;
}

.curve-rank-panels {
  width: min(600px, 44vw);
  min-width: 520px;
  height: 100%;
}

.curve-rank-panels > div {
  min-height: 0;
}

.curve-rank-panels .overflow-y-auto {
  min-height: 0;
}

.curve-rank-panels .text-sm.text-gray-900 {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-status-pill {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  border: 1px solid transparent;
  white-space: nowrap;
}

.source-cloud {
  color: #047857;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.source-client {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.source-cache {
  color: #b45309;
  background: #fffbeb;
  border-color: #fde68a;
}

.source-error {
  color: #b91c1c;
  background: #fef2f2;
  border-color: #fecaca;
}

.app-avatar-shell {
  overflow: hidden !important;
  padding: 2px !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
}

.app-avatar-img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.app-avatar-brand {
  border-radius: 10px !important;
}

.app-avatar-profile {
  border-radius: 999px !important;
}

@media (max-width: 1280px) {
  .curve-rank-panels {
    width: min(520px, 42vw);
    min-width: 460px;
  }
}