.abs-card-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.abs-input-clear {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: var(--body-text-muted);
}

.abs-input-icon-l {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--body-text-muted);
  font-size: 0.8rem;
  pointer-events: none;
}

.abs-input-icon-l2 {
  position: absolute;
  left: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--body-text-muted);
  font-size: 0.8rem;
}

.accent-primary {
  accent-color: var(--color-primary);
}

.av-stack-0 {
  margin-left: 0;
  z-index: 10;
  position: relative;
}

.av-stack-1 {
  margin-left: -8px;
  z-index: 9;
  position: relative;
}

.avatar-admin-40 {
  width: 40px;
  height: 40px;
  border-radius: 0.75rem;
  background: linear-gradient(135deg, #4F6EF7, #8B5CF6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
}

.avatar-admin-44 {
  width: 44px;
  height: 44px;
  border-radius: 0.75rem;
  background: linear-gradient(135deg, #4F6EF7, #8B5CF6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  font-size: 1rem;
}

.badge-amber-xs {
  font-size: 0.72rem;
  font-weight: 700;
  color: #F59E0B;
  background: rgba(245, 158, 11, 0.1);
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
}

.badge-blue-xs {
  font-size: 0.72rem;
  font-weight: 700;
  color: #5B8FF9;
  background: rgba(91, 143, 249, 0.1);
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
}

.badge-green-xs {
  font-size: 0.72rem;
  font-weight: 700;
  color: #10B981;
  background: rgba(16, 185, 129, 0.1);
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
}

.badge-primary-xs {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--color-primary);
  background: var(--color-primary-light);
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
}

.badge-red-xs {
  font-size: 0.72rem;
  font-weight: 700;
  color: #EF4444;
  background: rgba(239, 68, 68, 0.1);
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
}

.bb-1 {
  border-bottom: 1px solid var(--body-border);
}

.bg-amber {
  background: #F59E0B;
}

.bg-amber-10 {
  background: rgba(245, 158, 11, 0.1);
}

.bg-amber-12 {
  background: rgba(245, 158, 11, 0.12);
}

.bg-blue {
  background: #5B8FF9;
}

.bg-blue-10 {
  background: rgba(91, 143, 249, 0.1);
}

.bg-blue-12 {
  background: rgba(91, 143, 249, 0.12);
}

.bg-body-var {
  background: var(--body-bg);
}

.bg-cyan-12 {
  background: rgba(14, 165, 233, 0.12);
}

.bg-green {
  background: #10B981;
}

.bg-green-10 {
  background: rgba(16, 185, 129, 0.1);
}

.bg-green-12 {
  background: rgba(16, 185, 129, 0.12);
}

.bg-purple-12 {
  background: rgba(124, 58, 237, 0.12);
}

.bg-red-12 {
  background: rgba(239, 68, 68, 0.12);
}

.bg-trans-body {
  background: transparent;
  color: var(--body-text);
}

.br-1 {
  border-right: 1px solid var(--body-border);
}

.br-1-bg-trans {
  border-right: 1px solid var(--body-border);
  background: transparent;
}

.bt-1 {
  border-top: 1px solid var(--body-border);
}

.c-amber {
  color: #F59E0B;
}

.c-amber-fs7 {
  color: #F59E0B;
  font-size: 0.7rem;
}

.c-amber-fs875 {
  color: #F59E0B;
  font-size: 0.875rem;
}

.c-amber-fs9 {
  color: #F59E0B;
  font-size: 0.9rem;
}

.c-blue {
  color: #5B8FF9;
}

.c-blue-fs875 {
  color: #5B8FF9;
  font-size: 0.875rem;
}

.c-blue-fs9 {
  color: #5B8FF9;
  font-size: 0.9rem;
}

.c-cyan {
  color: #0EA5E9;
}

.c-cyan-fs875 {
  color: #0EA5E9;
  font-size: 0.875rem;
}

.c-cyan-fs9 {
  color: #0EA5E9;
  font-size: 0.9rem;
}

.c-green {
  color: #10B981;
}

.c-green-fs875 {
  color: #10B981;
  font-size: 0.875rem;
}

.c-green-fs9 {
  color: #10B981;
  font-size: 0.9rem;
}

.c-green-fw6 {
  color: #10B981;
  font-weight: 600;
}

.c-green-fw7 {
  color: #10B981;
  font-weight: 700;
}

.c-muted {
  color: var(--body-text-muted);
}

.c-pink {
  color: #EC4899;
}

.c-primary {
  color: var(--color-primary);
}

.c-primary-fs9 {
  color: var(--color-primary);
  font-size: 0.9rem;
}

.c-primary-icon {
  color: var(--color-primary);
  width: 16px;
}

.c-purple {
  color: #7C3AED;
}

.c-purple-fs875 {
  color: #7C3AED;
  font-size: 0.875rem;
}

.c-purple-fs9 {
  color: #7C3AED;
  font-size: 0.9rem;
}

.c-red {
  color: #EF4444;
}

.c-red-fs875 {
  color: #EF4444;
  font-size: 0.875rem;
}

.c-red-fs9 {
  color: #EF4444;
  font-size: 0.9rem;
}

.c-red600 {
  color: #DC2626;
}

.c-white {
  color: #fff;
}

.d-none {
  display: none;
}

.divider-h {
  flex: 1;
  height: 1px;
  background: var(--body-border);
}

.divider-h-m {
  height: 1px;
  background: var(--body-border);
  margin: 1rem 0;
}

.empty-icon-xl {
  font-size: 3rem;
  display: block;
  margin-bottom: 1rem;
  opacity: 0.25;
}

.fl1-fs8125-fw5 {
  flex: 1;
  font-size: 0.8125rem;
  color: var(--body-text);
  font-weight: 500;
}

.fl1-jfc {
  flex: 1;
  justify-content: center;
}

.fl1-mnw0 {
  flex: 1;
  min-width: 0;
}

.fl1-mw100 {
  flex: 1;
  min-width: 100px;
}

.fl1-mw200 {
  flex: 1;
  min-width: 200px;
}

.fl1-mw240 {
  flex: 1;
  min-width: 240px;
}

.fl1-mw40 {
  flex: 1;
  min-width: 40px;
}

.fl1-mw60 {
  flex: 1;
  min-width: 60px;
}

.fl1-mw70 {
  flex: 1;
  min-width: 70px;
}

.flex-ac-g01 {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.flex-ac-g03 {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.flex-ac-g04 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.flex-ac-g15 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.flex-ac-g2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.flex-ac-g2-mb35 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.875rem;
}

.flex-ac-g25 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.flex-ac-g25-mb15 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.375rem;
}

.flex-ac-g25-mb2 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.5rem;
}

.flex-ac-g3 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.flex-ac-g3-full-ghost-btn {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.875rem 1.125rem;
  border: none;
  background: transparent;
  border-left: 3px solid transparent;
  cursor: pointer;
  font-family: var(--font);
  transition: all 0.15s;
  text-align: left;
}

.flex-ac-g3-mb3 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.flex-ac-g35 {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}

.flex-ac-g35-mb25 {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  margin-bottom: 0.625rem;
}

.flex-ac-g35-mb4 {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  margin-bottom: 1rem;
}

.flex-ac-g35-p-bb {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid var(--body-border);
}

.flex-ac-g4 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.flex-ac-g4-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.flex-ac-jfc-g3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.flex-ac-jsb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-ac-jsb-mb4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.flex-ac-jsb-p-bb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid var(--body-border);
}

.flex-ac-jsb-pt2-bt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  border-top: 1px solid var(--body-border);
}

.flex-ac-jsb-pt3-bt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.75rem;
  border-top: 1px solid var(--body-border);
}

.flex-afe-jsb-mb3 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.flex-afs-g25-mb25 {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-bottom: 0.625rem;
}

.flex-col-ac-g2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.flex-col-chart-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  justify-content: flex-end;
  height: 100%;
}

.flex-col-g05-m2 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0.5rem 0;
}

.flex-col-g1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.flex-col-g15 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.flex-col-g2 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.flex-col-g25 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.flex-col-g3 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.flex-col-g35 {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.flex-col-g4 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.flex-col-g5 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.flex-g1 {
  display: flex;
  gap: 0.25rem;
}

.flex-g1-wrap {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.flex-g15 {
  display: flex;
  gap: 0.375rem;
}

.flex-g15-wrap {
  display: flex;
  gap: 0.375rem;
  flex-wrap: wrap;
}

.flex-g2 {
  display: flex;
  gap: 0.5rem;
}

.flex-g2-ac {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.flex-g2-ac-wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}

.flex-g2-wrap {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.flex-g3 {
  display: flex;
  gap: 0.75rem;
}

.flex-g3-ac {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.flex-g3-p-bb-hover {
  display: flex;
  gap: 0.75rem;
  padding: 0.875rem 1.125rem;
  border-bottom: 1px solid var(--body-border);
  cursor: pointer;
  transition: background 0.15s;
}

.flex-g3-pt4-bt {
  display: flex;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--body-border);
}

.flex-g3-wrap {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.flex-g35-ac {
  display: flex;
  gap: 0.875rem;
  align-items: center;
}

.flex-g4 {
  display: flex;
  gap: 1rem;
}

.flex-g4-afs {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.flex-g4-wrap {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.flex-g5 {
  display: flex;
  gap: 1.25rem;
}

.flex-g5-p5 {
  display: flex;
  gap: 1.25rem;
  padding: 1.25rem;
}

.flex-g6-wrap {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.flex-jfc-g2 {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.flex-jfe-g2-mb6 {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.flex-jfe-mb2 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
}

.flex-jsb-ac {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-jsb-ac-mb2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.flex-jsb-ac-mb3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.flex-jsb-ac-mb4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.flex-jsb-ac-mb6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.flex-jsb-ac-pt3-bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  border-top: 1px solid var(--body-border);
}

.flex-jsb-afs-mb2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.flex-jsb-fs75-mb1 {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}

.flex-jsb-fs75-mb12 {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  margin-bottom: 0.3rem;
}

.flex-jsb-fs75-mb15 {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  margin-bottom: 0.375rem;
}

.flex-wrap-g2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.flex-wrap-g3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.flex-wrap-g5 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.fs55-muted {
  font-size: 0.55rem;
  color: var(--body-text-muted);
}

.fs6-white {
  font-size: 0.6rem;
  color: white;
}

.fs7-muted {
  font-size: 0.7rem;
  color: var(--body-text-muted);
}

.fs72-muted {
  font-size: 0.72rem;
  color: var(--body-text-muted);
}

.fs75-fw6-muted {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--body-text-muted);
}

.fs75-fw7 {
  font-size: 0.75rem;
  font-weight: 700;
}

.fs75-muted {
  font-size: 0.75rem;
  color: var(--body-text-muted);
}

.fs75-muted-ellipsis {
  font-size: 0.75rem;
  color: var(--body-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs75-muted-mt06 {
  font-size: 0.75rem;
  color: var(--body-text-muted);
  margin-top: 0.15rem;
}

.fs75-muted-mt15 {
  font-size: 0.75rem;
  color: var(--body-text-muted);
  margin-top: 0.375rem;
}

.fs75-muted-mt2 {
  font-size: 0.75rem;
  color: var(--body-text-muted);
  margin-top: 0.5rem;
}

.fs775-muted {
  font-size: 0.775rem;
  color: var(--body-text-muted);
}

.fs78-muted {
  font-size: 0.78rem;
  color: var(--body-text-muted);
}

.fs8-muted {
  font-size: 0.8rem;
  color: var(--body-text-muted);
}

.fs8125-body-lh {
  font-size: 0.8125rem;
  color: var(--body-text);
  line-height: 1.45;
}

.fs8125-fw6-body {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--body-text);
}

.fs8125-fw7-body {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--body-text);
}

.fs8125-fw5-body {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--body-text);
}

.fs8125-muted {
  font-size: 0.8125rem;
  color: var(--body-text-muted);
}

.fs8125-muted-lh {
  font-size: 0.8125rem;
  color: var(--body-text-muted);
  line-height: 1.5;
}

.fs8125-muted-mb2 {
  font-size: 0.8125rem;
  color: var(--body-text-muted);
  margin-bottom: 0.5rem;
}

.fs8125-muted-mb25 {
  font-size: 0.8125rem;
  color: var(--body-text-muted);
  margin-bottom: 0.625rem;
}

.fs8125-muted-mb35-lh {
  font-size: 0.8125rem;
  color: var(--body-text-muted);
  margin-bottom: 0.875rem;
  line-height: 1.5;
}

.fw6-body {
  font-weight: 600;
  color: var(--body-text);
}

.fw7-body {
  font-weight: 700;
  color: var(--body-text);
}

.fw7-camber {
  font-weight: 700;
  color: #F59E0B;
}

.fw7-cblue {
  font-weight: 700;
  color: #5B8FF9;
}

.fw7-cgreen {
  font-weight: 700;
  color: #10B981;
}

.fw7-cprimary {
  font-weight: 700;
  color: var(--color-primary);
}

.fw7-cred {
  font-weight: 700;
  color: #EF4444;
}

.fw7-fs1-mb05 {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.125rem;
}

.fw7-fs875 {
  font-weight: 700;
  font-size: 0.875rem;
}

.fw7-fs875-body {
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--body-text);
}

.fw7-fs9-body {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--body-text);
}

.fw7-fs9375 {
  font-weight: 700;
  font-size: 0.9375rem;
}

.fw7-fs9375-body {
  font-weight: 700;
  font-size: 0.9375rem;
  color: var(--body-text);
}

.fw8-fs9-body {
  font-weight: 800;
  font-size: 0.9rem;
  color: var(--body-text);
}

.ghost-icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--body-text-muted);
  font-size: 0.9rem;
}

.ghost-icon-lg {
  background: none;
  border: none;
  font-size: 1.4rem;
  color: var(--body-text-muted);
  cursor: pointer;
}

.h56-bb {
  height: 56px;
  border-bottom: 1px solid var(--body-border);
}

.icon-box-amber {
  width: 36px;
  height: 36px;
  border-radius: 0.625rem;
  background: rgba(245, 158, 11, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-box-blue {
  width: 36px;
  height: 36px;
  border-radius: 0.625rem;
  background: rgba(91, 143, 249, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-box-blue-lg {
  width: 36px;
  height: 36px;
  border-radius: 0.75rem;
  background: rgba(91, 143, 249, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-box-cyan {
  width: 36px;
  height: 36px;
  border-radius: 0.625rem;
  background: rgba(14, 165, 233, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-box-green {
  width: 36px;
  height: 36px;
  border-radius: 0.625rem;
  background: rgba(16, 185, 129, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-box-purple {
  width: 36px;
  height: 36px;
  border-radius: 0.625rem;
  background: rgba(124, 58, 237, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-box-red {
  width: 36px;
  height: 36px;
  border-radius: 0.625rem;
  background: rgba(239, 68, 68, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.label-section-dark {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--body-text);
}

.label-section2 {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--body-text-muted);
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
}

.leave-bar-blue {
  height: 26px;
  background: rgba(91, 143, 249, 0.1254901961);
  border-radius: 0;
  border-top: 2px solid #5B8FF9;
  border-bottom: 2px solid #5B8FF9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.leave-bar-cyan {
  height: 26px;
  background: rgba(14, 165, 233, 0.1254901961);
  border-radius: 0;
  border-top: 2px solid #0EA5E9;
  border-bottom: 2px solid #0EA5E9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.leave-bar-purple {
  height: 26px;
  background: rgba(124, 58, 237, 0.1254901961);
  border-radius: 0;
  border-top: 2px solid #7C3AED;
  border-bottom: 2px solid #7C3AED;
  display: flex;
  align-items: center;
  justify-content: center;
}

.legend-dot-primary {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary);
  margin-top: 0.375rem;
  flex-shrink: 0;
}

.link-btn-muted {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.8rem;
  color: var(--body-text-muted);
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-family: var(--font);
}

.m-0 {
  margin: 0;
}

.m-2-0 {
  margin: 0.5rem 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-25 {
  margin-bottom: 0.625rem;
}

.mb-75rem {
  margin-bottom: 0.75rem;
}

.mb-35 {
  margin-bottom: 0.875rem;
}

.mb-1rem {
  margin-bottom: 1rem;
}

.mb-125rem {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.fl1 {
  flex: 1;
}

.flex {
  display: flex;
}

.fs11 {
  font-size: 1.1rem;
}

.fs125 {
  font-size: 1.25rem;
}

.fs14 {
  font-size: 1.4rem;
}

.fs65 {
  font-size: 0.65rem;
}

.fs75 {
  font-size: 0.75rem;
}

.fs8 {
  font-size: 0.8rem;
}

.fs875 {
  font-size: 0.875rem;
}

.fs9 {
  font-size: 0.9rem;
}

.fs9375 {
  font-size: 0.9375rem;
}

.fw6 {
  font-weight: 600;
}

.fw7 {
  font-weight: 700;
}

.h26 {
  height: 26px;
}

.h5px {
  height: 5px;
}

.h8px {
  height: 8px;
}

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.ml-auto-flex-g15 {
  margin-left: auto;
  display: flex;
  gap: 0.375rem;
}

.mono-fw6 {
  font-family: monospace;
  font-weight: 600;
}

.mono-muted {
  font-family: monospace;
  color: var(--body-text-muted);
}

.mr-08 {
  margin-right: 0.2rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-15 {
  margin-top: 0.375rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-75rem {
  margin-top: 0.75rem;
}

.mt-1rem {
  margin-top: 1rem;
}

.offline-dot {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #94A3B8;
  border: 2px solid var(--card-bg);
}

.online-dot {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #10B981;
  border: 2px solid var(--card-bg);
}

.ov-hidden {
  overflow: hidden;
}

.ov-x-auto {
  overflow-x: auto;
}

.p-2px {
  padding: 2px;
}

.p-3-4 {
  padding: 0.75rem 1rem;
}

.p-3-4-fw7-body {
  padding: 0.75rem 1rem;
  font-weight: 700;
  color: var(--body-text);
}

.p-3-4-muted {
  padding: 0.75rem 1rem;
  color: var(--body-text-muted);
}

.p-3-4-tc {
  padding: 0.75rem 1rem;
  text-align: center;
}

.p-3-4-tr {
  padding: 0.75rem 1rem;
  text-align: right;
}

.p-3-5 {
  padding: 0.75rem 1.25rem;
}

.p-35-tc {
  padding: 0.875rem;
  text-align: center;
}

.p-35-tc-bt {
  padding: 0.875rem;
  text-align: center;
  border-top: 1px solid var(--body-border);
}

.p-3px {
  padding: 3px;
}

.p-1rem {
  padding: 1rem;
}

.p-4-5 {
  padding: 1rem 1.25rem;
}

.p-45 {
  padding: 1.125rem;
}

.p-125rem {
  padding: 1.25rem;
}

.p-5-6 {
  padding: 1.25rem 1.5rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.panel-notif {
  display: none;
  width: 360px;
  max-height: 480px;
  overflow-y: auto;
}

.panel-w220 {
  display: none;
  width: 220px;
}

.panel-w260 {
  display: none;
  width: 260px;
}

.panel-w300 {
  display: none;
  width: 300px;
}

.pos-rel {
  position: relative;
}

.pos-rel-fs0 {
  position: relative;
  flex-shrink: 0;
}

.pos-rel-inline {
  position: relative;
  display: inline-block;
}

.pos-rel-z1 {
  position: relative;
  z-index: 1;
}

.pos-sticky-hdr {
  position: sticky;
  top: 0;
  background: var(--card-bg);
  z-index: 1;
  border-bottom: 1px solid var(--body-border);
}

.pos-sticky-hdr2 {
  position: sticky;
  top: 0;
  background: var(--card-bg);
  z-index: 1;
}

.prog-md {
  height: 8px;
  background: var(--body-border);
  border-radius: 999px;
  overflow: hidden;
}

.prog-md2 {
  height: 8px;
  border-radius: 4px;
  background: var(--body-border);
  overflow: hidden;
}

.prog-s {
  height: 6px;
  background: var(--body-border);
  border-radius: 999px;
  overflow: hidden;
}

.prog-sm {
  height: 5px;
  background: var(--body-border);
  border-radius: 999px;
  overflow: hidden;
}

.prog-sm2 {
  height: 5px;
  border-radius: 5px;
  background: var(--body-border);
  overflow: hidden;
}

.prog-xs {
  height: 4px;
  background: var(--body-border);
  border-radius: 999px;
  overflow: hidden;
}

.resize-none {
  resize: none;
}

.tag-chip-sm {
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
  border-radius: 4px;
  background: var(--body-bg);
  color: var(--body-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.tc-p6 {
  text-align: center;
  padding: 1.5rem;
}

.tc-p6-4 {
  text-align: center;
  padding: 1.5rem 1rem;
}

.tc-p8 {
  text-align: center;
  padding: 2rem;
}

.th-standard {
  padding: 0.625rem 1rem;
  text-align: left;
  font-weight: 700;
  color: var(--body-text-muted);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.trend-amber {
  color: #F59E0B;
  font-weight: 800;
  margin-top: 0.15rem;
  flex-shrink: 0;
}

.trend-blue {
  color: #5B8FF9;
  font-weight: 800;
  margin-top: 0.15rem;
  flex-shrink: 0;
}

.trend-green {
  color: #10B981;
  font-weight: 800;
  margin-top: 0.15rem;
  flex-shrink: 0;
}

.unread-badge2 {
  background: #EF4444;
  color: white;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
  border-radius: 999px;
}

.fs875-fw7-c-green {
  color: #10b981;
  font-size: 0.875rem;
  font-weight: 700;
}

.avatar-amber-red-56 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.d-block-fs7-fw7-c-blue-mb2 {
  color: #5b8ff9;
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.flex-ac-jsb-p-25-55-bt-1 {
  align-items: center;
  border-top: 1px solid var(--body-border);
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 1.375rem;
}

.w85pct-h53px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 53px;
  width: 85%;
}

.avatar-purple-pink-36 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.fs75-fw7-c-body-uc {
  color: var(--body-text);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.avatar-red-amber-44 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.badge-red-12-xs-fs75-ib-p08-2 {
  background: rgba(239, 68, 68, 0.12);
  border-radius: 999px;
  color: #dc2626;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.p-6-0-4-mb5-tc-bb-1 {
  border-bottom: 1px solid var(--body-border);
  margin-bottom: 1.25rem;
  padding: 1.5rem 0 1rem;
  text-align: center;
}

.fw6-c-primary {
  color: var(--color-primary);
  font-weight: 600;
}

.flex-g35-bg-red-7-br3-p-4-5-mb3-b-1 {
  background: rgba(239, 68, 68, 0.07);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.75rem;
  display: flex;
  gap: 0.875rem;
  margin-bottom: 0.75rem;
  padding: 1rem 1.25rem;
}

.h1px-bg-border-m-1-0 {
  background: var(--body-border);
  height: 1px;
  margin: 0.25rem 0;
}

.icon-box-green-12-32 {
  align-items: center;
  background: rgba(16, 185, 129, 0.12);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.fs72-c-muted-ellipsis-nowrap-ov-hidden {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bg-card-bg-ov-hidden-pointer-trans-shadow {
  background: var(--card-bg);
  border: 1.5px solid rgba(91, 143, 249, 0.2509803922);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.2s;
}

.avatar-green-15-32 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1450980392);
  border-radius: 50%;
  color: #10b981;
  display: flex;
  font-size: 0.75rem;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.avatar-green-10-48 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 48px;
}

.fs1625-fw9-c-blue-m-25-0-06 {
  color: #5b8ff9;
  font-size: 1.625rem;
  font-weight: 900;
  margin: 0.625rem 0 0.15rem;
}

.fs75-fw7-c-red-bg-red-10-br15-p-08-2 {
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.375rem;
  color: #ef4444;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.flex-wrap-g3-pt3-bt-1 {
  border-top: 1px solid var(--body-border);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-top: 0.75rem;
}

.icon-box-violet-10-40 {
  align-items: center;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs1-c-amber {
  color: #f59e0b;
  font-size: 1rem;
}

.flex-ac-jfc-p-8 {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 80vh;
  padding: 2rem;
}

.d-iblock-sq6px-bg-green {
  background: #10b981;
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  width: 6px;
}

.flex-col-g2-abs-t16px-r16px {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: absolute;
  right: 16px;
  top: 16px;
}

.fs9375-fw7-c-body-mb15 {
  color: var(--body-text);
  font-size: 0.9375rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.icon-box-violet-15-52 {
  align-items: center;
  background: rgba(139, 92, 246, 0.1450980392);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.badge-green-10-xs-fs65-p08-2 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #10b981;
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}

.fs1375-fw7-c-body-m-0-lh-125 {
  color: var(--body-text);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.flex-col-g6 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.fs72-fw7-c-muted-mb2-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.fs75-fw7-c-purple-mb1 {
  color: #7c3aed;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.fw7-c-white-bg-blue-br2-p-22-5-b-none-pointer {
  background: #5b8ff9;
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  padding: 0.55rem 1.25rem;
}

.h28px-bg-red-br1 {
  background: #ef4444;
  border-radius: 0.25rem;
  height: 28px;
}

.flex-jfe-wrap-g2-mb3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-bottom: 0.75rem;
}

.fs8-c-muted-mt6-tc {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  margin-top: 1.5rem;
  text-align: center;
}

.avatar-green-sky-44 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.fs9-fw9-c-white {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 900;
}

.fs11-c-white {
  color: #fff;
  font-size: 1.1rem;
}

.fs6-fw7-c-blue-bg-blue-8-br3px-p-04-14 {
  background: rgba(91, 143, 249, 0.0823529412);
  border-radius: 3px;
  color: #5b8ff9;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.c-pink-bg-pink-13 {
  background: rgba(236, 72, 153, 0.1254901961);
  color: #ec4899;
}

.fs72-fw7-c-muted-p-3px-8px {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 3px 8px;
}

.d-none-fw7-c-green-bg-green-10-br35-p-35-6-mb8-b-1 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.875rem;
  color: #10b981;
  display: none;
  font-weight: 700;
  gap: 0.625rem;
  margin-bottom: 2rem;
  padding: 0.875rem 1.5rem;
}

.bl-3-green {
  border-left: 3px solid #10b981;
}

.avatar-blue-24 {
  align-items: center;
  background: #5b8ff9;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  margin-left: -0.375rem;
  width: 24px;
}

.sq4px-bg-amber-m-1px-auto-0 {
  background: #f59e0b;
  border-radius: 50%;
  height: 4px;
  margin: 1px auto 0;
  width: 4px;
}

.flex-jsb-fs9-mb2 {
  display: flex;
  font-size: 0.9rem;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.rel {
  flex: 1 1 240px;
  position: relative;
}

.abs-t30pct-l48pct {
  left: 48%;
  position: absolute;
  top: 30%;
  transform: translate(-50%, -50%);
}

.fs8-c-muted-m-0-0-4-lh-15 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 1rem;
}

.fs78-fw7-c-primary-tdn {
  color: var(--color-primary);
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}

.avatar-green-sky-30 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.fs125-fw9-c-green {
  color: #10b981;
  font-size: 1.25rem;
  font-weight: 900;
}

.bg-card-bg-br25-p-25-tc-b-1 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  padding: 0.625rem;
  text-align: center;
}

.w44px-fs75-c-muted-shrink0 {
  color: var(--body-text-muted);
  flex-shrink: 0;
  font-size: 0.75rem;
  width: 44px;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.flex-ac-jfc-g3-mb5 {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.fs1-fw8-c-body {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 800;
}

.c-red-bc-red {
  border-color: #ef4444;
  color: #ef4444;
}

.fs75-fw6-c-amber-bg-transparent-br25-p-15-35-b-1-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #f59e0b;
  border-radius: 0.625rem;
  color: #f59e0b;
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
}

.bg-red-6 {
  background: rgba(239, 68, 68, 0.06);
}

.t-20px-r-20px-sq100px {
  height: 100px;
  right: -20px;
  top: -20px;
  width: 100px;
}

.fs1375-c-green {
  color: #10b981;
  font-size: 1.375rem;
}

.bg-green-6-br3-p-35-b-1 {
  background: rgba(16, 185, 129, 0.06);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.75rem;
  padding: 0.875rem;
}

.fs25-mb2 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.w85pct-bg-grad-blue-purple {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  width: 85%;
}

.rel-w100pct-h101px-bg-pink-46 {
  background: rgba(236, 72, 153, 0.46);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 101px;
  position: relative;
  width: 100%;
}

.flex-jsb-fs8125-mb1 {
  display: flex;
  font-size: 0.8125rem;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}

.flex-ac-jfc-h110px-fs25-bg-grad-blue-13-blue-3 {
  align-items: center;
  background: linear-gradient(135deg, rgba(91, 143, 249, 0.1254901961), rgba(91, 143, 249, 0.031372549));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 2.5rem;
  height: 110px;
  justify-content: center;
}

.avatar-green-purple-36 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.fs82-fw7-c-body-ellipsis-nowrap-ov-hidden {
  color: var(--body-text);
  font-size: 0.82rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs72-c-muted-mb08 {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  margin-bottom: 0.2rem;
}

.c-green-mt04-shrink0 {
  color: #10b981;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.rel-w220px-h132px-m-0-auto-2 {
  height: 132px;
  margin: 0 auto 0.5rem;
  position: relative;
  width: 220px;
}

.avatar-primary-light-32 {
  align-items: center;
  background: var(--color-primary-light);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: background 0.2s;
  width: 32px;
}

.avatar-sky-15-32 {
  align-items: center;
  background: rgba(14, 165, 233, 0.1450980392);
  border-radius: 50%;
  color: #0ea5e9;
  display: flex;
  font-size: 0.75rem;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.avatar-sky-blue-40 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 800;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.flex-jsb-fs875-p-2-0 {
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.h10px-bg-border-br10px-ov-hidden {
  background: var(--body-border);
  border-radius: 10px;
  height: 10px;
  overflow: hidden;
}

.fs11-c-green {
  color: #10b981;
  font-size: 1.1rem;
}

.d-iblock-sq14px-bg-indigo-shrink0 {
  background: #6366f1;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}

.fs8125-fw6-c-muted-mb3 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.fs1625-fw9-c-white-mb2-lh-12 {
  color: #fff;
  font-size: 1.625rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

.pt3 {
  padding-top: 0.75rem;
}

.fs1-fw8-c-green {
  color: #10b981;
  font-size: 1rem;
  font-weight: 800;
}

.fs1125-fw8-c-white {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 800;
}

.w100pct-fs85-c-body-bg-bg-br2-p-22-3-22-84 {
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.5rem;
  box-sizing: border-box;
  color: var(--body-text);
  font-family: var(--font);
  font-size: 0.85rem;
  outline: none;
  padding: 0.55rem 0.75rem 0.55rem 2.1rem;
  width: 100%;
}

.flex-ac-jsb-wrap-g3-mb5 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.sq10px-bg-amber-shrink0 {
  background: #f59e0b;
  border-radius: 50%;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.fw9-c-body-mb4-lh-12 {
  color: var(--body-text);
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.fs75-fw6-c-green-mt1 {
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}

.mnw900px {
  min-width: 900px;
}

.fs875-c-muted-pl5-lh-18 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  line-height: 1.8;
  padding-left: 1.25rem;
}

.w100pct {
  border-collapse: separate;
  border-spacing: 4px;
  width: 100%;
}

.sq5px-bg-slate-shrink0 {
  background: #94a3b8;
  border-radius: 50%;
  flex-shrink: 0;
  height: 5px;
  width: 5px;
}

.fs1-fw8 {
  font-size: 1rem;
  font-weight: 800;
}

.flex-ac-g5-bg-amber-6-p-6 {
  align-items: center;
  background: rgba(245, 158, 11, 0.06);
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem;
}

.fs12-c-purple {
  color: #7c3aed;
  font-size: 1.2rem;
}

.avatar-purple-pink-56 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.flex-col-rel-bg-grad-navy-dk-navy-p-12-10-ov-hidden {
  background: linear-gradient(145deg, #0F172A, #1E293B);
  display: flex;
  flex: 0 0 42%;
  flex-direction: column;
  overflow: hidden;
  padding: 3rem 2.5rem;
  position: relative;
}

.fs175-fw9-c-green {
  color: #10b981;
  font-size: 1.75rem;
  font-weight: 900;
}

.flex-ac-g35-bg-bg-br25-p-35-mb25-bl-4-pink-b-1-pointer {
  align-items: center;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-left: 4px solid #ec4899;
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  margin-bottom: 0.625rem;
  padding: 0.875rem;
}

.w85pct-h100pct-bg-pink-br10px-trans {
  background: #ec4899;
  border-radius: 10px;
  height: 100%;
  transition: width 0.6s;
  width: 85%;
}

.icon-box-pink-9-32 {
  align-items: center;
  background: rgba(236, 72, 153, 0.0941176471);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.fs6-fw7-c-pink-bg-pink-8-br3px-p-04-14 {
  background: rgba(236, 72, 153, 0.0823529412);
  border-radius: 3px;
  color: #ec4899;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.c-body {
  color: var(--body-text);
}

.avatar-blue-purple-48 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(91, 143, 249, 0.45), 0 8px 24px rgba(91, 143, 249, 0.45), 0 0 0 3px rgba(255, 255, 255, 0.8);
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.sq10px-bg-sky-shrink0-shadow {
  background: #0ea5e9;
  border-radius: 50%;
  box-shadow: 0 0 6px #0ea5e9;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.h112px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 112px;
}

.fs8-fw7-c-body {
  color: var(--body-text);
  font-size: 0.8rem;
  font-weight: 700;
}

.rel-p-6-ov-hidden-pointer-trans {
  cursor: pointer;
  overflow: hidden;
  padding: 1.5rem;
  position: relative;
  transition: all 0.2s;
}

.w6pct-h100pct-bg-amber-br999px {
  background: #f59e0b;
  border-radius: 999px;
  height: 100%;
  width: 6%;
}

.fs14-c-amber {
  color: #f59e0b;
  font-size: 1.4rem;
}

.avatar-purple-15-40 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1450980392);
  border-radius: 50%;
  color: #7c3aed;
  display: flex;
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 900;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.bb-2-border {
  border-bottom: 2px solid var(--body-border);
}

.fs8125-c-muted-m-0-lh-16 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  line-height: 1.6;
  margin: 0;
}

.bg-card-bg-br4-p-5-mt10-b-1-shadow {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 1rem;
  box-shadow: var(--card-shadow);
  margin-top: 2.5rem;
  padding: 1.25rem;
}

.p-35-55 {
  padding: 0.875rem 1.375rem;
}

.flex-col-ac-p-8-12-tc {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 2rem 3rem;
  text-align: center;
}

.fw6-c-amber-dk {
  color: #d97706;
  font-weight: 600;
}

.badge-amber-12-xs-fs75-ib-p08-2 {
  background: rgba(245, 158, 11, 0.12);
  border-radius: 999px;
  color: #d97706;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.w79pct-h100pct-bg-amber-br999px {
  background: #f59e0b;
  border-radius: 999px;
  height: 100%;
  width: 79%;
}

.bg-bg-p-4-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: var(--card-radius);
  padding: 1rem;
}

.icon-box-teal-10-44 {
  align-items: center;
  background: rgba(20, 184, 166, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.avatar-amber-red-72 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(91, 143, 249, 0.4);
  color: #fff;
  display: flex;
  font-size: 1.2rem;
  font-weight: 800;
  height: 72px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 72px;
}

.fs875-c-muted {
  color: var(--body-text-muted);
  font-size: 0.875rem;
}

.w73pct-h100pct-bg-grad-blue-purple-br4px-trans {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 4px;
  height: 100%;
  transition: width 0.6s ease;
  width: 73%;
}

.abs-t0-r0-sq80px-bg-orange-10-op60 {
  background: rgba(249, 115, 22, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.fs1-fw7-m-0 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}

.fs75-c-muted-ml15 {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  margin-left: 0.375rem;
}

.fs9375-c-body-pl44px-lh-17 {
  color: var(--body-text);
  font-size: 0.9375rem;
  line-height: 1.7;
  padding-left: 44px;
}

.fs1-fw6 {
  font-size: 1rem;
  font-weight: 600;
}

.sq8px-bg-pink-shrink0 {
  background: #ec4899;
  border-radius: 50%;
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}

.icon-box-purple-8-36 {
  align-items: center;
  background: rgba(124, 58, 237, 0.0823529412);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.badge-pink-10-xs-fs72-ib-p06-2 {
  background: rgba(236, 72, 153, 0.1);
  border-radius: 999px;
  color: #ec4899;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.h60pct-bg-sky-20-br2px-fl1 {
  background: rgba(14, 165, 233, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 60%;
}

.c-amber-mt04-shrink0 {
  color: #f59e0b;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.c-body-mb4-lh-175 {
  color: var(--body-text);
  line-height: 1.75;
  margin-bottom: 1rem;
}

.tc-2 {
  justify-content: center;
  text-align: center;
}

.flex-col-jfe-rel-w100pct-bg-bg-br15-ov-hidden {
  background: var(--body-bg);
  border-radius: 0.375rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.avatar-blue-purple-36 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-wrap-g25-mb5 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}

.avatar-purple-pink-40 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border: 2.5px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  margin-left: -16px;
  width: 40px;
  z-index: 2;
}

.mw380px-fs9375-c-muted-m-0-auto-8-lh-165 {
  color: var(--body-text-muted);
  font-size: 0.9375rem;
  line-height: 1.65;
  margin: 0 auto 2rem;
  max-width: 380px;
}

.w100pct-mw500px-bg-card-bg-br5-p-8 {
  background: var(--card-bg);
  border-radius: 1.25rem;
  max-width: 500px;
  padding: 2rem;
  width: 100%;
}

.w97pct-bg-green {
  background: #10b981;
  width: 97%;
}

.sq10px-bg-blue-dk {
  background: #528dd3;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.fs1125-fw9-c-body {
  color: var(--body-text);
  font-size: 1.125rem;
  font-weight: 900;
}

.flex-jfc-g2-mt4 {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1rem;
}

.w88pct-h100pct-bg-blue-br5px-trans {
  background: #5b8ff9;
  border-radius: 5px;
  height: 100%;
  transition: width 0.6s;
  width: 88%;
}

.rel-mw520px-m-0-auto-6 {
  margin: 0 auto 1.5rem;
  max-width: 520px;
  position: relative;
}

.flex-ac-g3-mb15 {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.375rem;
}

.avatar-green-sky-34 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  margin-top: 0.25rem;
  width: 34px;
}

.b-10px-l-10px-sq65px {
  bottom: -10px;
  height: 65px;
  left: -10px;
  width: 65px;
}

.h60px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 60px;
}

.fs75-fw7-c-blue-bg-blue-10-br15-p-08-2 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 0.375rem;
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.icon-box-red-9-40 {
  align-items: center;
  background: rgba(239, 68, 68, 0.0941176471);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.pl9 {
  padding-left: 2.25rem;
}

.badge-amber-10-xs-fs72-p06-2 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 999px;
  color: #f59e0b;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.fs72-fw7-c-red {
  color: #ef4444;
  font-size: 0.72rem;
  font-weight: 700;
}

.w100pct-bg-green {
  background: #10b981;
  width: 100%;
}

.flex-ac-g3-br25-p-25-b-2-pointer {
  align-items: center;
  border: 2px solid var(--color-primary);
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  padding: 0.625rem;
}

.h32px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 32px;
}

.w32px-fs75-c-muted-tr {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  text-align: right;
  width: 32px;
}

.fs10625-fw8-c-body {
  color: var(--body-text);
  font-size: 1.0625rem;
  font-weight: 800;
}

.w100pct-mt1-tdn {
  justify-content: center;
  margin-top: 0.25rem;
  text-decoration: none;
  width: 100%;
}

.sq10px-bg-orange-shrink0 {
  background: #f97316;
  border-radius: 50%;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.fs72-fw7-c-muted-p-25-tc-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 0.625rem;
  text-align: center;
  text-transform: uppercase;
}

.flex-ac-g25-mb8 {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  margin-bottom: 2rem;
}

.avatar-blue-purple-32 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.fs225-fw9-c-body-m-0-lh-115 {
  color: var(--body-text);
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 1.15;
  margin: 0;
}

.sq10px-bg-sky-b-2-pointer-shadow {
  background: #0ea5e9;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);
  cursor: pointer;
  height: 10px;
  width: 10px;
}

.rel-p-0-8-6 {
  padding: 0 2rem 1.5rem;
  position: relative;
}

.w10pct-h100pct-bg-pink-br999px-trans {
  background: #ec4899;
  border-radius: 999px;
  height: 100%;
  transition: width 1s ease;
  width: 10%;
}

.fw6-c-blue {
  color: #5b8ff9;
  font-weight: 600;
}

.icon-box-purple-15-52 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1450980392);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.rel-w100pct-h98px-bg-pink-40 {
  background: rgba(236, 72, 153, 0.4);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 98px;
  position: relative;
  width: 100%;
}

.iflex-rel {
  display: inline-flex;
  position: relative;
}

.w71pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 71%;
}

.flex-br4-ov-hidden {
  border-radius: 1rem;
  display: flex;
  min-height: 80vh;
  overflow: hidden;
}

.sq32px-br25 {
  border-radius: 0.625rem;
  height: 32px;
  width: 32px;
}

.fs78-mt08 {
  font-size: 0.78rem;
  margin-top: 0.2rem;
}

.avatar-blue-purple-32-2 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.grid-g25-mb5 {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 1.25rem;
}

.fs1625-fw8-c-body-m-0-0-2 {
  color: var(--body-text);
  font-size: 1.625rem;
  font-weight: 800;
  margin: 0 0 0.5rem;
}

.fs8-c-muted-mt15 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  margin-top: 0.375rem;
}

.fs875-mono-c-muted-bg-card-bg-br2-p-2-4-b-1 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.5rem;
  color: var(--body-text-muted);
  font-family: monospace;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
}

.icon-box-green-15-36 {
  align-items: center;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.w100pct-fs875-c-body-bg-bg-br2-p-24-35 {
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.5rem;
  box-sizing: border-box;
  color: var(--body-text);
  font-family: var(--font);
  font-size: 0.875rem;
  outline: none;
  padding: 0.6rem 0.875rem;
  width: 100%;
}

.w92pct-h100pct-bg-purple-br10px-trans {
  background: #7c3aed;
  border-radius: 10px;
  height: 100%;
  transition: width 0.6s;
  width: 92%;
}

.fs875-fw7-c-white-bg-red-br25-p-25-5-mb2-mr2-b-none-pointer {
  background: #ef4444;
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.625rem 1.25rem;
  transition: opacity 0.15s;
}

.avatar-pink-20 {
  align-items: center;
  background: #ec4899;
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--card-bg), 0 0 0 5px rgba(236, 72, 153, 0.1882352941);
  display: flex;
  height: 20px;
  justify-content: center;
  left: -0.9375rem;
  position: absolute;
  top: 0.25rem;
  width: 20px;
}

.flex-ac-g3-p-3-45-bb-1 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 1.125rem;
}

.icon-box-blue-9-32 {
  align-items: center;
  background: rgba(91, 143, 249, 0.0941176471);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.icon-box-amber-12-32 {
  align-items: center;
  background: rgba(245, 158, 11, 0.12);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.w100pct-h100pct-bg-grad-blue-purple-br4px-trans {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 4px;
  height: 100%;
  transition: width 0.8s ease;
  width: 100%;
}

.border-radius {
  border-radius: 0 0.5rem 0.5rem 0;
}

.mw760px-m-0-auto {
  margin: 0 auto;
  max-width: 760px;
}

.fs72-fw7-c-amber-bg-amber-8-br16-p-08-25-b-1 {
  background: rgba(245, 158, 11, 0.0823529412);
  border: 1px solid rgba(245, 158, 11, 0.1882352941);
  border-radius: 0.4rem;
  color: #f59e0b;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.625rem;
}

.flex-ac-g2-fs85-fw6-pointer {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.5rem;
}

.fw9-c-blue {
  color: #5b8ff9;
  font-weight: 900;
}

.fs75-fw7-c-sky {
  color: #0ea5e9;
  font-size: 0.75rem;
  font-weight: 700;
}

.flex-jfc-g6px-mt15 {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 0.375rem;
}

.p-5-tc {
  padding: 1.25rem;
  text-align: center;
}

.flex-afs-g25 {
  align-items: flex-start;
  display: flex;
  gap: 0.625rem;
}

.fs8125-fw5-c-muted {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  font-weight: 500;
}

.d-none-bg-card-bg-br5-b-1-ov-hidden {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 1.25rem;
  display: none;
  overflow: hidden;
}

.w12-h12-mb3 {
  height: 3rem;
  margin-bottom: 0.75rem;
  width: 3rem;
}

.badge-bg-xs-fs7-p06-18 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 999px;
  color: var(--body-text-muted);
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.15rem 0.45rem;
}

.fs75-fw7-mt1 {
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 0.25rem;
}

.flex-ac-jfc-h120px-bg-grad-amber-red {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  display: flex;
  height: 120px;
  justify-content: center;
}

.w85pct-h56px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 56px;
  width: 85%;
}

.abs-t-26px-l50pct-fs7-fw7-c-green-bg-card-bg-br1-p-06-16 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.25rem;
  color: #10b981;
  font-size: 0.7rem;
  font-weight: 700;
  left: 50%;
  padding: 0.15rem 0.4rem;
  position: absolute;
  top: -26px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.w64px-h4px-bg-grad-blue-purple-br999px-m-0-auto-6 {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 999px;
  height: 4px;
  margin: 0 auto 1.5rem;
  width: 64px;
}

.flex-col-ac-jfc-h150px-bg-blue-7-p-5-tc {
  align-items: center;
  background: rgba(91, 143, 249, 0.07);
  display: flex;
  flex-direction: column;
  height: 150px;
  justify-content: center;
  padding: 1.25rem;
  text-align: center;
}

.fs125-c-indigo {
  color: #6366f1;
  font-size: 1.25rem;
}

.fs8125-fw5-c-body-tl-fl1 {
  color: var(--body-text);
  flex: 1;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: left;
}

.avatar-card-bg-36 {
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  z-index: 10;
}

.h75pct-bg-green-20-br2px-fl1 {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 75%;
}

.avatar-blue-purple-44 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.flex-ac-g2-fs78-fw7-c-red-mb15 {
  align-items: center;
  color: #ef4444;
  display: flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}

.badge-pink-10-xs-fs72-p05-2 {
  background: rgba(236, 72, 153, 0.1);
  border-radius: 999px;
  color: #ec4899;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.125rem 0.5rem;
}

.fs6-fw7-c-green-bg-green-8-br3px-p-04-14 {
  background: rgba(16, 185, 129, 0.0823529412);
  border-radius: 3px;
  color: #10b981;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.flex-ac-jfc-bg-bg-p-8 {
  align-items: center;
  background: var(--body-bg);
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 2rem;
}

.d-none-w280px {
  display: none;
  width: 280px;
}

.icon-box-purple-10-52 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.fs8125-fw7-c-body-mb25 {
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.fs2-mb4 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.fs875-c-muted-mb4-lh-165 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  line-height: 1.65;
  margin-bottom: 1rem;
}

.flex-wrap-g25-w100pct-mw420px-mb8 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 2rem;
  max-width: 420px;
  width: 100%;
}

.icon-box-red-15-52 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1450980392);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.icon-box-red-10-44 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.t-30px-r-30px-sq120px {
  height: 120px;
  right: -30px;
  top: -30px;
  width: 120px;
}

.flex-ac-g35-p-35-5-bl-4-purple-pointer {
  align-items: center;
  border-left: 4px solid #7c3aed;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  padding: 0.875rem 1.25rem;
}

.badge-blue-10-xs-fs75-p12-3 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 999px;
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.3rem 0.75rem;
}

.icon-box-transparent-32 {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid;
  border-color: var(--body-border);
  border-radius: 0.5rem;
  color: var(--body-text-muted);
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.abs-r-80px-b-80px-sq300px-b-1 {
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  bottom: -80px;
  height: 300px;
  position: absolute;
  right: -80px;
  width: 300px;
}

.fs1125-fw7-c-body-m-0-lh-13 {
  color: var(--body-text);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.fs85-c-red {
  color: #ef4444;
  font-size: 0.85rem;
}

.avatar-green-20-80 {
  align-items: center;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  margin: 0 auto 1.5rem;
  width: 80px;
}

.h126px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 126px;
}

.w92pct-h100pct-bg-blue-br5px-trans {
  background: #5b8ff9;
  border-radius: 5px;
  height: 100%;
  transition: width 0.6s;
  width: 92%;
}

.flex-ac-g3-h64px-p-0-6 {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  height: 64px;
  padding: 0 1.5rem;
}

.fs845-c-body-lh-16 {
  color: var(--body-text);
  font-size: 0.845rem;
  line-height: 1.6;
}

.avatar-green-22 {
  align-items: center;
  background: #10b981;
  border: 2px solid var(--body-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.58rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  margin-left: -4px;
  width: 22px;
}

.d-none-w210px {
  display: none;
  width: 210px;
}

.fw4-c-green {
  color: #10b981;
  font-weight: 400;
}

.w100px-fs9-fw6-p-2-tr {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem;
  text-align: right;
  width: 100px;
}

.fs25-c-blue-mb3 {
  color: #5b8ff9;
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
}

.icon-box-purple-10-36 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.sq8px-bg-amber {
  background: #f59e0b;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.bg-card-bg-br3-p-35-mb2-b-1-grab-trans-shadow {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  cursor: grab;
  margin-bottom: 0.5rem;
  padding: 0.875rem;
  transition: all 0.2s;
}

.w16pct-h100pct-bg-purple-br999px-trans {
  background: #7c3aed;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 16%;
}

.fs1-fw5-c-muted-mb5-lh-16 {
  color: var(--body-text-muted);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

.abs-r2px-b2px-sq13px-bg-slate {
  background: #94a3b8;
  border: 2.5px solid var(--card-bg);
  border-radius: 50%;
  bottom: 2px;
  height: 13px;
  position: absolute;
  right: 2px;
  width: 13px;
}

.fs875-fw7-c-green-mb2 {
  color: #10b981;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.table-layout {
  table-layout: fixed;
}

.flex-ac-jfc-rel-p-8-ov-hidden {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 80vh;
  overflow: hidden;
  padding: 2rem;
  position: relative;
}

.fs82-fw8-c-sky {
  color: #0ea5e9;
  font-size: 0.82rem;
  font-weight: 800;
}

.fs68-fw7-c-muted-mb25-uc {
  color: var(--body-text-muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
}

.c-muted-bg-none-br15-p-1-b-none-pointer {
  background: none;
  border: none;
  border-radius: 0.375rem;
  color: var(--body-text-muted);
  cursor: pointer;
  padding: 0.25rem;
}

.w41pct-h100pct-bg-grad-blue-purple-br4px-trans {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 4px;
  height: 100%;
  transition: width 0.8s ease;
  width: 41%;
}

.pl42px {
  padding-left: 42px;
}

.fs875-c-amber-pointer-shrink0 {
  color: #f59e0b;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 0.875rem;
}

.flex-col-ac-g15-c-muted-bg-none-b-none-pointer {
  align-items: center;
  background: none;
  border: none;
  color: var(--body-text-muted);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.flex-ac-g35-c-white-80 {
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  gap: 0.875rem;
}

.sq10px-bg-red-br2px {
  background: #ef4444;
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

.w16pct-bg-purple {
  background: #7c3aed;
  width: 16%;
}

.avatar-red-amber-34 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  margin-top: 0.25rem;
  width: 34px;
}

.icon-box-blue-10-36 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border-radius: 0.5rem;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-col-ac-jfc-h160px-bg-grad-amber-red-p-6-tc {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
}

.d-none-rel-bg-grad-red-3-amber-3-br5-p-8-tc-b-1-ov-hidden {
  align-items: center;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.03), rgba(245, 158, 11, 0.03));
  border: 1px solid var(--body-border);
  border-radius: 1.25rem;
  display: none;
  flex-direction: column;
  justify-content: center;
  min-height: 72vh;
  overflow: hidden;
  padding: 2rem;
  position: relative;
  text-align: center;
}

.w17pct-h100pct-bg-sky-br999px-trans {
  background: #0ea5e9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 17%;
}

.avatar-purple-pink-44 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.h10px-bg-border-br5px-ov-hidden {
  background: var(--body-border);
  border-radius: 5px;
  height: 10px;
  overflow: hidden;
}

.flex-jfc-g08-mb35 {
  display: flex;
  gap: 0.2rem;
  justify-content: center;
  margin-bottom: 0.875rem;
}

.mw580px-ov-y-auto {
  max-height: 90vh;
  max-width: 580px;
  overflow-y: auto;
}

.d-block-fs7-fw7-c-sky-mb2 {
  color: #0ea5e9;
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.w95pct-bg-grad-blue-purple {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  width: 95%;
}

.avatar-amber-red-64 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(245, 158, 11, 0.45), 0 8px 24px rgba(245, 158, 11, 0.45), 0 0 0 3px rgba(255, 255, 255, 0.8);
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 800;
  height: 64px;
  justify-content: center;
  width: 64px;
}

.d-none-mb4 {
  display: none;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.flex-ac-g2-fs7-c-muted {
  align-items: center;
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.7rem;
  gap: 0.5rem;
}

.bg-card-bg-br4-p-6-tc {
  background: var(--card-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}

.flex-ac-g12-fs75-fw6-c-green-mb25 {
  align-items: center;
  color: #10b981;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  gap: 0.3rem;
  margin-bottom: 0.625rem;
}

.fs875-c-muted-ml15 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  margin-left: 0.375rem;
}

.fs75-c-muted-bg-transparent-br16-p-12-24-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid var(--body-border);
  border-radius: 0.4rem;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 0.75rem;
  padding: 0.3rem 0.6rem;
}

.flex-ac-g35-rel-bg-pink-10-p-5-ov-hidden {
  align-items: center;
  background: rgba(236, 72, 153, 0.1);
  display: flex;
  gap: 0.875rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
}

.fs78-c-muted-p-2-0 {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  padding: 0.5rem 0;
}

.p-4-mb25-pointer-trans {
  cursor: pointer;
  margin-bottom: 0.625rem;
  padding: 1rem;
  transition: all 0.15s;
}

.icon-box-blue-20-50 {
  align-items: center;
  background: rgba(91, 143, 249, 0.2);
  border-radius: 1rem;
  display: flex;
  flex-shrink: 0;
  height: 50px;
  justify-content: center;
  width: 50px;
}

.fs125-fw8-c-body-mb35-mt7 {
  color: var(--body-text);
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 0.875rem;
  margin-top: 1.75rem;
}

.flex-g1-bg-bg-br25-p-1-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
}

.fs75-fw7-c-sky-mb1 {
  color: #0ea5e9;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.fs15-c-red {
  color: #ef4444;
  font-size: 1.5rem;
}

.flex-ac-g5-bg-blue-6-br35-p-6 {
  align-items: center;
  background: rgba(91, 143, 249, 0.06);
  border-radius: 0.875rem;
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem;
}

.fs875-fw7-c-body-uc {
  color: var(--body-text);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.badge-orange-10-xs-fs72-ib-p06-2 {
  background: rgba(249, 115, 22, 0.1);
  border-radius: 999px;
  color: #f97316;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.flex-ac-jsb-wrap-g3-bg-card-bg-br3-p-4-5-mb3 {
  align-items: center;
  background: var(--card-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  padding: 1rem 1.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-75rem {
  padding: 0.75rem;
}

.icon-box-primary-light-34 {
  align-items: center;
  background: var(--color-primary-light);
  border-radius: 0.625rem;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.flex-g4-fs78-fw7-c-muted-bg-bg-p-3-4-uc-bb-1 {
  background: var(--body-bg);
  border-bottom: 1px solid var(--body-border);
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 1rem;
  letter-spacing: 0.05em;
  padding: 0.75rem 1rem;
  text-transform: uppercase;
}

.avatar-blue-12-32 {
  align-items: center;
  background: rgba(91, 143, 249, 0.12);
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.fs1125-c-primary {
  color: var(--color-primary);
  font-size: 1.125rem;
}

.fs1125-c-blue {
  color: #5b8ff9;
  font-size: 1.125rem;
}

.badge-amber-8-xs-fs65-p06-18 {
  background: rgba(245, 158, 11, 0.0823529412);
  border-radius: 999px;
  color: #f59e0b;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
}

.c-muted-bg-black-7-bc-border {
  background: rgba(0, 0, 0, 0.07);
  border-color: var(--body-border);
  color: var(--body-text-muted);
}

.icon-box-red-10-48 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.75rem;
  display: flex;
  height: 48px;
  justify-content: center;
  margin-bottom: 0.875rem;
  width: 48px;
}

.fs16-fw9-c-body-lh-1 {
  color: var(--body-text);
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1;
}

.min-height {
  min-height: 72px;
  resize: none;
}

.fs175-fw8-c-body-m-0-lh-12 {
  color: var(--body-text);
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}

.flex-ac-g35-p-4-45-pointer {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  padding: 1rem 1.125rem;
}

.flex-ac-g2-p-3-6-bb-1-shrink0 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  flex-shrink: 0;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
}

.sq4px-bg-blue-m-1px-auto-0 {
  background: #5b8ff9;
  border-radius: 50%;
  height: 4px;
  margin: 1px auto 0;
  width: 4px;
}

.w52px {
  width: 52px;
}

.icon-box-green-12-40 {
  align-items: center;
  background: rgba(16, 185, 129, 0.12);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.c-primary-bg-primary-light {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

.sq8px-bg-purple-shrink0 {
  background: #7c3aed;
  border-radius: 50%;
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}

.flex-g25 {
  display: flex;
  gap: 0.625rem;
}

.flex-ac-wrap-g2-mb2 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.fw6-c-red {
  color: #ef4444;
  font-weight: 600;
}

.fs845-fw8-c-body {
  color: var(--body-text);
  font-size: 0.845rem;
  font-weight: 800;
}

.flex-wrap-g4-mb5 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.icon-box-sky-15-52 {
  align-items: center;
  background: rgba(14, 165, 233, 0.1450980392);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.fs14-c-blue {
  color: #5b8ff9;
  font-size: 1.4rem;
}

.fs875-fw6-c-body-mb25-lh-14 {
  color: var(--body-text);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.625rem;
}

.flex-jsb-fs7-c-muted-mb08 {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.7rem;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.fs125-fw9-c-sky {
  color: #0ea5e9;
  font-size: 1.25rem;
  font-weight: 900;
}

.rel-mw340px-fs9375-c-slate-dk-mb8-lh-165-z1 {
  color: #64748b;
  font-size: 0.9375rem;
  line-height: 1.65;
  margin-bottom: 2rem;
  max-width: 340px;
  position: relative;
  z-index: 1;
}

.w65pct-h100pct-bg-blue-br4px-trans {
  background: #5b8ff9;
  border-radius: 4px;
  height: 100%;
  transition: width 0.6s;
  width: 65%;
}

.icon-box-primary-violet-40 {
  align-items: center;
  background: linear-gradient(135deg, #4F6EF7, #8B5CF6);
  border-radius: 0.875rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.w1px-h24px-bg-border-m-0-1-shrink0 {
  background: var(--body-border);
  flex-shrink: 0;
  height: 24px;
  margin: 0 0.25rem;
  width: 1px;
}

.fs75-fw7-c-green {
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 700;
}

.bg-blue-br15-p-06-0-tc-pointer {
  background: #5b8ff9;
  border-radius: 0.375rem;
  cursor: pointer;
  padding: 0.15rem 0;
  text-align: center;
}

.fs875-fw7-c-white-bg-blue-br25-p-25-5-mb2-mr2-b-none-pointer {
  background: #5b8ff9;
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.625rem 1.25rem;
  transition: opacity 0.15s;
}

.p-45-pointer-trans {
  cursor: pointer;
  padding: 1.125rem;
  transition: transform 0.2s, box-shadow 0.2s;
}

.fw8-c-body-mb2 {
  color: var(--body-text);
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.flex-ac-g2-mt1 {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.avatar-green-12-56 {
  align-items: center;
  background: rgba(16, 185, 129, 0.12);
  border: 2px solid rgba(16, 185, 129, 0.25);
  border-radius: 50%;
  color: #10b981;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.iflex-mt2 {
  display: inline-flex;
  margin-top: 0.5rem;
  position: static;
  transform: none;
}

.p-5-6-mb4 {
  margin-bottom: 1rem;
  padding: 1.25rem 1.5rem;
}

.avatar-green-20-24 {
  align-items: center;
  background: rgba(16, 185, 129, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #10b981;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: 0px;
  width: 24px;
}

.bg-bg-br35 {
  background: var(--body-bg);
  border-radius: 0.875rem;
}

.mw320px-fs9375-c-white-55-lh-175 {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.9375rem;
  line-height: 1.75;
  max-width: 320px;
}

.badge-red-9-xs-fs72-if-p08-25 {
  align-items: center;
  background: rgba(239, 68, 68, 0.09);
  border-radius: 999px;
  color: #dc2626;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.625rem;
}

.p-0-mb3-ov-hidden {
  margin-bottom: 0.75rem;
  overflow: hidden;
  padding: 0;
}

.flex-ac-g2-fl1 {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 0.5rem;
}

.p-0-ov-hidden {
  overflow: hidden;
  padding: 0;
}

.fs10625-fw7-mb1 {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.w100pct-tdn {
  justify-content: center;
  text-decoration: none;
  width: 100%;
}

.avatar-blue-28 {
  align-items: center;
  background: #5b8ff9;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.p-1-shrink0 {
  flex-shrink: 0;
  padding: 0.25rem;
}

.flex-ac-g35-br3-p-3-mb2-b-1-pointer-trans {
  align-items: center;
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem;
  transition: all 0.15s;
}

.fs8125-fw7-c-body-m-0-lh-14 {
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

.fs125-c-amber {
  color: #f59e0b;
  font-size: 1.25rem;
}

.fs72-fw7-c-muted-p-3-tc-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.75rem;
  text-align: center;
  text-transform: uppercase;
}

.w55pct-bg-grad-blue-purple {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  width: 55%;
}

.bg-green-6-br35-p-5-mb6-b-1 {
  background: rgba(16, 185, 129, 0.06);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.875rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
}

.fs845-fw7-c-body {
  color: var(--body-text);
  font-size: 0.845rem;
  font-weight: 700;
}

.avatar-purple-15-32 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1450980392);
  border-radius: 50%;
  color: #7c3aed;
  display: flex;
  font-size: 0.75rem;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.avatar-blue-purple-180 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  box-shadow: 0 12px 36px rgba(91, 143, 249, 0.35);
  color: #fff;
  display: flex;
  font-size: 3.5rem;
  font-weight: 900;
  height: 180px;
  justify-content: center;
  margin: 0 auto 1.25rem;
  width: 180px;
}

.badge-transparent-xs-fs78-p15-35 {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid var(--body-border);
  border-radius: 999px;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
}

.fs8125-fw7-c-body-tc-fl1 {
  color: var(--body-text);
  flex: 1;
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: center;
}

.flex-ac-g35-h72px-p-0-6 {
  align-items: center;
  display: flex;
  gap: 0.875rem;
  height: 72px;
  padding: 0 1.5rem;
}

.abs-t50pct-l3-c-muted-pe-none {
  color: var(--body-text-muted);
  left: 0.75rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.c-amber-bg-amber-13 {
  background: rgba(245, 158, 11, 0.1254901961);
  color: #f59e0b;
}

.flex-g15-h12px-br999px-mb2-ov-hidden {
  border-radius: 999px;
  display: flex;
  gap: 0.375rem;
  height: 12px;
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.sq10px-bg-pink-shrink0-shadow {
  background: #ec4899;
  border-radius: 50%;
  box-shadow: 0 0 6px #ec4899;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.fs6-fw7-c-red-bg-red-8-br3px-p-04-14 {
  background: rgba(239, 68, 68, 0.0823529412);
  border-radius: 3px;
  color: #ef4444;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.c-green-bc-green {
  border-color: #10b981;
  color: #10b981;
}

.abs-t-26px-l50pct-fs7-fw7-c-purple-bg-card-bg-br1-p-06-16 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.25rem;
  color: #7c3aed;
  font-size: 0.7rem;
  font-weight: 700;
  left: 50%;
  padding: 0.15rem 0.4rem;
  position: absolute;
  top: -26px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.flex-ac-bg-green-6-br2-p-25-bl-3-green {
  align-items: center;
  background: rgba(16, 185, 129, 0.06);
  border-left: 3px solid #10b981;
  border-radius: 0.5rem;
  display: flex;
  padding: 0.625rem;
}

.rel-bg-blue-3-p-35-4-bb-1-pointer-trans {
  background: rgba(91, 143, 249, 0.03);
  border-bottom: 1px solid var(--body-border);
  cursor: pointer;
  padding: 0.875rem 1rem;
  position: relative;
  transition: background 0.15s;
}

.fs75-fw8-c-purple-mb2-uc {
  color: #7c3aed;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.fs225-fw9-c-white-mb4-lh-12 {
  color: #fff;
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.badge-red-10-xs-fs72-p1-25 {
  background: rgba(239, 68, 68, 0.1);
  border-radius: 999px;
  color: #ef4444;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.25rem 0.625rem;
}

.flex-ac-g2-mb12 {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.3rem;
}

.fs875-p-25-35 {
  font-size: 0.875rem;
  padding: 0.625rem 0.875rem;
}

.flex-ac-jsb-wrap-g2 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
}

.flex-jfc-g15-m-3-0 {
  display: flex;
  gap: 0.375rem;
  justify-content: center;
  margin: 0.75rem 0;
}

.avatar-amber-red-36 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-col-w100pct-mw900px-p-0-8-m-0-auto-ov-hidden-fl1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0 auto;
  max-width: 900px;
  overflow: hidden;
  padding: 0 2rem;
  width: 100%;
}

.icon-box-green-10-32 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.icon-box-green-sky-56-fs1125 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 1rem;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.fs15-fw8-c-body-m-0-0-2 {
  color: var(--body-text);
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0 0 0.5rem;
}

.avatar-green-sky-40 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.h12px-bg-border-br6px-ov-hidden {
  background: var(--body-border);
  border-radius: 6px;
  height: 12px;
  overflow: hidden;
}

.fs65-fw7-c-muted-mb2-uc {
  color: var(--body-text-muted);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.avatar-green-sky-24 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.abs-t50pct-l35-fs875-c-muted-pe-none {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  left: 0.875rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.flex-ac-g12-fs75-fw4-c-muted-bg-none-b-none-pointer {
  align-items: center;
  background: none;
  border: none;
  color: var(--body-text-muted);
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 400;
  gap: 0.3rem;
}

.abs-t-60px-r-60px-sq200px-bg-blue-15-pe-none {
  background: rgba(91, 143, 249, 0.15);
  border-radius: 50%;
  height: 200px;
  pointer-events: none;
  position: absolute;
  right: -60px;
  top: -60px;
  width: 200px;
}

.w85pct-h70px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 70px;
  width: 85%;
}

.w85pct-h46px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 46px;
  width: 85%;
}

.flex-ac-g3-fs875 {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  gap: 0.75rem;
}

.mw380px-tc {
  max-width: 380px;
  text-align: center;
}

.pb35 {
  padding-bottom: 0.875rem;
}

.fs72-fw6-c-muted-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
}

.fs10625-fw7-c-body-mb2 {
  color: var(--body-text);
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.flex-g8 {
  display: flex;
  gap: 2rem;
}

.icon-box-purple-15-36 {
  align-items: center;
  background: rgba(124, 58, 237, 0.15);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.avatar-blue-15-80 {
  align-items: center;
  background: rgba(91, 143, 249, 0.15);
  border: 1px solid rgba(91, 143, 249, 0.3);
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  margin: 0 auto 1.5rem;
  width: 80px;
}

.w96pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 96%;
}

.flex-ac-jsb-bg-card-bg-br25-p-35-b-1 {
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  display: flex;
  justify-content: space-between;
  padding: 0.875rem;
}

.badge-indigo-10-xs-fs72-ib-p06-2 {
  background: rgba(99, 102, 241, 0.1);
  border-radius: 999px;
  color: #6366f1;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.fs8-c-muted-mt05 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  margin-top: 0.125rem;
}

.sq12px-bg-green-b-2-pointer-shadow {
  background: #10b981;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);
  cursor: pointer;
  height: 12px;
  width: 12px;
}

.fs8125-fw6-c-blue-bg-blue-10-br999px-p-15-35-b-1 {
  background: rgba(91, 143, 249, 0.1);
  border: 1px solid rgba(91, 143, 249, 0.2);
  border-radius: 999px;
  color: #5b8ff9;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
}

.flex-jsb-fs875-p-16-0 {
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.4rem 0;
}

.avatar-amber-red-40 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border: 2.5px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  margin-left: -16px;
  width: 40px;
  z-index: 4;
}

.fw9-c-body-mb2 {
  color: var(--body-text);
  font-weight: 900;
  margin-bottom: 0.5rem;
}

.fs9375-fw6-c-body {
  color: var(--body-text);
  font-size: 0.9375rem;
  font-weight: 600;
}

.fs8-fw6 {
  font-size: 0.8rem;
  font-weight: 600;
}

.h98px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 98px;
}

.w300px {
  width: 300px;
}

.icon-box-teal-10-40 {
  align-items: center;
  background: rgba(20, 184, 166, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs72-fw5-c-body-lh-13 {
  color: var(--body-text);
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 1.3;
}

.mw320px-bg-card-bg {
  background: var(--card-bg);
  max-width: 320px;
}

.fs75-fw6-c-purple-mt1 {
  color: #7c3aed;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}

.sq6px-bg-amber {
  background: #f59e0b;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.fs15-c-violet {
  color: #8b5cf6;
  font-size: 1.5rem;
}

.flex-col-ac-jfc-h160px-bg-grad-blue-purple-p-6-tc {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
}

.flex-jfc-g15-mt25 {
  display: flex;
  gap: 0.375rem;
  justify-content: center;
  margin-top: 0.625rem;
}

.icon-box-green-15-100-fs25 {
  align-items: center;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  font-size: 2.5rem;
  height: 100px;
  justify-content: center;
  width: 100px;
}

.w27pct-bg-green {
  background: #10b981;
  width: 27%;
}

.fs75-c-green-p-1-2 {
  color: #10b981;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}

.flex-g15-fs7-c-muted {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.7rem;
  gap: 0.375rem;
}

.avatar-sky-blue-40-2 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.flex-ac-jsb-wrap-g4-mt6 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.sq16px-accent-blue {
  accent-color: #5b8ff9;
  height: 16px;
  width: 16px;
}

.h150px-br35-fl1 {
  border-radius: 0.875rem;
  flex: 1;
  height: 150px;
}

.w97pct-h100pct-bg-amber-br10px-trans {
  background: #f59e0b;
  border-radius: 10px;
  height: 100%;
  transition: width 0.6s;
  width: 97%;
}

.flex-jfs-g1px-w100pct {
  display: flex;
  flex-direction: column-reverse;
  gap: 1px;
  justify-content: flex-start;
  width: 100%;
}

.badge-purple-10-xs-fs72-ib-p06-2 {
  background: rgba(124, 58, 237, 0.1);
  border-radius: 999px;
  color: #7c3aed;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.flex-col-ac-jfe-g15-h100pct-fl1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.375rem;
  height: 100%;
  justify-content: flex-end;
}

.fs75-fw7-c-muted-p-3-4-tc-uc {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  text-align: center;
  text-transform: uppercase;
}

.abs-t-60px-r-60px-sq200px-b-1 {
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  height: 200px;
  position: absolute;
  right: -60px;
  top: -60px;
  width: 200px;
}

.fs14-c-green {
  color: #10b981;
  font-size: 1.4rem;
}

.w76pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 76%;
}

.fs75-c-red-dk {
  color: #dc2626;
  font-size: 0.75rem;
}

.avatar-amber-10-60 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 50%;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 0 auto 1rem;
  width: 60px;
}

.flex-2 {
  flex: unset;
}

.fs9-c-muted-mb15-lh-16 {
  color: var(--body-text-muted);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 0.375rem;
}

.fs6-fw7-c-amber-dk-bg-amber-12-br4px-p-06-2-ml-auto-uc {
  background: rgba(245, 158, 11, 0.12);
  border-radius: 4px;
  color: #d97706;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-left: auto;
  padding: 0.15rem 0.5rem;
  text-transform: uppercase;
}

.c-muted-p-3-4-nowrap {
  color: var(--body-text-muted);
  padding: 0.75rem 1rem;
  white-space: nowrap;
}

.bg-bg-br2-p-25-3-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.5rem;
  padding: 0.625rem 0.75rem;
}

.fw6-mb05 {
  font-weight: 600;
  margin-bottom: 0.125rem;
}

.icon-box-amber-red-56-fs1125 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 1rem;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.bb-1-trans {
  border-bottom: 1px solid var(--body-border);
  transition: background 0.15s;
}

.w94pct-h100pct-bg-blue-br5px-trans {
  background: #5b8ff9;
  border-radius: 5px;
  height: 100%;
  transition: width 0.6s;
  width: 94%;
}

.w85pct-h37px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 37px;
  width: 85%;
}

.abs-r1px-b1px-sq11px-bg-slate-b-2 {
  background: #94a3b8;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  bottom: 1px;
  height: 11px;
  position: absolute;
  right: 1px;
  width: 11px;
}

.bg-green-12-mb0 {
  background: rgba(16, 185, 129, 0.12);
  margin-bottom: 0;
}

.d-none-fixed-bg-card-bg-z8000-inset0 {
  background: var(--card-bg);
  display: none;
  flex-direction: column;
  inset: 0;
  position: fixed;
  z-index: 8000;
}

.p-25-br-1 {
  border-right: 1px solid var(--body-border);
  padding: 0.625rem;
}

.flex-col-ac-jfc-p-8-tc {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 80vh;
  padding: 2rem;
  text-align: center;
}

.w80pct-bg-blue {
  background: #5b8ff9;
  width: 80%;
}

.w28px-fs78-fw7-c-blue {
  color: #5b8ff9;
  font-size: 0.78rem;
  font-weight: 700;
  width: 28px;
}

.sq8px-bg-purple-br2px {
  background: #7c3aed;
  border-radius: 2px;
  height: 8px;
  width: 8px;
}

.d-none-p-4-5-ov-y-auto-fl1 {
  display: none;
  flex: 1;
  flex-direction: column;
  gap: 0.875rem;
  overflow-y: auto;
  padding: 1rem 1.25rem;
}

.fs11-c-amber {
  color: #f59e0b;
  font-size: 1.1rem;
}

.flex-wrap-g6-fs8 {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
  gap: 1.5rem;
}

.fs72-fw7-c-blue {
  color: #5b8ff9;
  font-size: 0.72rem;
  font-weight: 700;
}

.avatar-blue-purple-32-3 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.abs-inset0 {
  inset: 0;
  position: absolute;
}

.flex-ac-jfc-rel-h140px-fs3-bg-grad-purple-19-purple-6 {
  align-items: center;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.1882352941), rgba(124, 58, 237, 0.062745098));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 3rem;
  height: 140px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.flex-ac-jsb-p-4-0 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
}

.fs875-fw6-c-body-mb1 {
  color: var(--body-text);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.badge-amber-10-xs-fs65-p08-2 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 999px;
  color: #d97706;
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}

.fs75-fw7-c-body-mb2 {
  color: var(--body-text);
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.fs1125-c-green {
  color: #10b981;
  font-size: 1.125rem;
}

.fs11-c-red {
  color: #ef4444;
  font-size: 1.1rem;
}

.icon-box-amber-10-36 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-ac-jsb-p-1-0 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0;
}

.flex-wrap-g4-rel-z1 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.abs-pe-none-inset0-glow {
  background-image: linear-gradient(45deg, rgba(91, 143, 249, 0.04) 25%, transparent 25%, transparent 75%, rgba(91, 143, 249, 0.04) 75%), linear-gradient(45deg, rgba(91, 143, 249, 0.04) 25%, transparent 25%, transparent 75%, rgba(91, 143, 249, 0.04) 75%);
  background-position: 0 0, 12px 12px;
  background-size: 24px 24px;
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.flex-jsb-fs8125 {
  display: flex;
  font-size: 0.8125rem;
  justify-content: space-between;
}

.d-none-c-muted-p-16-8-tc {
  color: var(--body-text-muted);
  display: none;
  padding: 4rem 2rem;
  text-align: center;
}

.fs8125-mt1-op80 {
  font-size: 0.8125rem;
  margin-top: 0.25rem;
  opacity: 0.8;
}

.icon-box-amber-15-52 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1450980392);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.w91pct-h100pct-bg-sky-br10px-trans {
  background: #0ea5e9;
  border-radius: 10px;
  height: 100%;
  transition: width 0.6s;
  width: 91%;
}

.fs875-fw6-c-body-fl1 {
  color: var(--body-text);
  flex: 1;
  font-size: 0.875rem;
  font-weight: 600;
}

.flex-ac-g35-p-35-5-bl-4-blue-pointer {
  align-items: center;
  border-left: 4px solid #5b8ff9;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  padding: 0.875rem 1.25rem;
}

.h77px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 77px;
}

.flex-afs-g3-bg-bg-br25-p-3-35-mb2-bl-3-amber-pointer {
  align-items: flex-start;
  background: var(--body-bg);
  border-left: 3px solid #f59e0b;
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 0.875rem;
}

.w44pct-h100pct-bg-red-br999px-trans {
  background: #ef4444;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 44%;
}

.rel-w100pct-h94px-bg-pink-34 {
  background: rgba(236, 72, 153, 0.34);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 94px;
  position: relative;
  width: 100%;
}

.fs65-fw7-c-amber-dk-bg-amber-10-br4px-p-06-18 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 4px;
  color: #d97706;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
}

.abs-t-50px-l-50px-sq200px-bg-purple-5 {
  background: rgba(124, 58, 237, 0.05);
  border-radius: 50%;
  height: 200px;
  left: -50px;
  position: absolute;
  top: -50px;
  width: 200px;
}

.h200px-pointer {
  cursor: pointer;
  height: 200px;
}

.w30pct-h100pct-bg-sky-br3px-trans {
  background: #0ea5e9;
  border-radius: 3px;
  height: 100%;
  transition: width 0.6s ease;
  width: 30%;
}

.h24px-bg-red-br1 {
  background: #ef4444;
  border-radius: 0.25rem;
  height: 24px;
}

.bb-1-none {
  border-bottom: none;
}

.badge-slate-dk-10-xs-fs75-ib-p08-2 {
  background: rgba(100, 116, 139, 0.1);
  border-radius: 999px;
  color: #64748b;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.fs9375-fw6 {
  font-size: 0.9375rem;
  font-weight: 600;
}

.mnw160px-fs8125-c-muted-m-0-lh-17-fl1 {
  color: var(--body-text-muted);
  flex: 1;
  font-size: 0.8125rem;
  line-height: 1.7;
  margin: 0;
  min-width: 160px;
}

.w100pct-mw560px-bg-card-bg-br5-p-8-ov-y-auto {
  background: var(--card-bg);
  border-radius: 1.25rem;
  max-height: 90vh;
  max-width: 560px;
  overflow-y: auto;
  padding: 2rem;
  width: 100%;
}

.flex-jsb-mb8 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.rel-mb5 {
  margin-bottom: 1.25rem;
  position: relative;
}

.br3-b-1-ov-hidden {
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  overflow: hidden;
}

.fw7-mb2 {
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.rel-w100pct-h105px-bg-pink-52 {
  background: rgba(236, 72, 153, 0.52);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 105px;
  position: relative;
  width: 100%;
}

.gauge-color {
  --gauge-color:#F59E0B;
}

.grid-cols-auto-fill-mn300-g4 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.flex-ac-jsb-m-25-0 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0.625rem 0;
}

.avatar-green-sky-44-2 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.sq4px-bg-purple-m-1px-auto-0 {
  background: #7c3aed;
  border-radius: 50%;
  height: 4px;
  margin: 1px auto 0;
  width: 4px;
}

.badge-sky-10-xs-fs72-ib-p06-2 {
  background: rgba(14, 165, 233, 0.1);
  border-radius: 999px;
  color: #0ea5e9;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.fs12-c-blue {
  color: #5b8ff9;
  font-size: 1.2rem;
}

.w110px-fs8125-fw5-c-muted-shrink0 {
  color: var(--body-text-muted);
  flex-shrink: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  width: 110px;
}

.w79pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 79%;
}

.icon-box-sky-10-40 {
  align-items: center;
  background: rgba(14, 165, 233, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.op85 {
  opacity: 0.85;
}

.c-sky-bg-sky-15 {
  background: rgba(14, 165, 233, 0.15);
  color: #0ea5e9;
}

.badge-slate-dk-10-xs-fs78-if-g14-p1-3 {
  align-items: center;
  background: rgba(100, 116, 139, 0.1);
  border-radius: 999px;
  color: #94a3b8;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.35rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.flex-afs-g3-bg-bg-br25-p-3-35-mb2-bl-3-blue-pointer {
  align-items: flex-start;
  background: var(--body-bg);
  border-left: 3px solid #5b8ff9;
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 0.875rem;
}

.icon-box-purple-13-36 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1254901961);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.icon-box-pink-13-36 {
  align-items: center;
  background: rgba(236, 72, 153, 0.1254901961);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-jsb-fs65-c-muted-mt1 {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.65rem;
  justify-content: space-between;
  margin-top: 0.25rem;
}

.fs75-c-muted-mb25 {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
}

.fs125-c-pink {
  color: #ec4899;
  font-size: 1.25rem;
}

.flex-ac-g6-h180px-bg-grad-green-dk2-green-dk3-p-6 {
  align-items: center;
  background: linear-gradient(135deg, #064e3b, #065f46);
  display: flex;
  gap: 1.5rem;
  height: 180px;
  padding: 1.5rem;
}

.fs85-c-muted {
  color: var(--body-text-muted);
  font-size: 0.85rem;
}

.flex-ac-jfc-h120px-bg-grad-blue-purple {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  display: flex;
  height: 120px;
  justify-content: center;
}

.c-amber-dk {
  color: #d97706;
}

.c-purple-bg-purple-10 {
  background: rgba(124, 58, 237, 0.1);
  color: #7c3aed;
}

.mw300px-fs9375-c-white-55-lh-175 {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.9375rem;
  line-height: 1.75;
  max-width: 300px;
}

.w76pct-h100pct-bg-grad-amber-red-br999px-trans {
  background: linear-gradient(90deg, #F59E0B, #EF4444);
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 76%;
}

.flex-g2-abs-t12px-r12px {
  display: flex;
  gap: 0.5rem;
  position: absolute;
  right: 12px;
  top: 12px;
}

.flex-ac-g2-fs78-fw7-c-green-mb15 {
  align-items: center;
  color: #10b981;
  display: flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}

.fs15 {
  font-size: 1.5rem;
}

.fs72-fw6-c-blue {
  color: #5b8ff9;
  font-size: 0.72rem;
  font-weight: 600;
}

.iflex-fs875-fw7-c-primary-bg-blue-10-br999px-p-15-4-mb5-b-1 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border: 1px solid rgba(91, 143, 249, 0.2);
  border-radius: 999px;
  color: var(--color-primary);
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 700;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  padding: 0.375rem 1rem;
}

.fs8125-p-1-35-3 {
  font-size: 0.8125rem;
  padding: 0.25rem 0.875rem 0.75rem;
}

.c-purple-bg-purple-15 {
  background: rgba(124, 58, 237, 0.15);
  color: #7c3aed;
}

.bg-card-bg-ov-hidden-pointer-trans-shadow-2 {
  background: var(--card-bg);
  border: 1.5px solid rgba(124, 58, 237, 0.2509803922);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.2s;
}

.h36px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 36px;
}

.fs875-fw6 {
  font-size: 0.875rem;
  font-weight: 600;
}

.d-block-fs25-mb4 {
  display: block;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.w50pct-h100pct-bg-red-br3px-trans {
  background: #ef4444;
  border-radius: 3px;
  height: 100%;
  transition: width 0.6s;
  width: 50%;
}

.pt4-bt-1 {
  border-top: 1px solid var(--body-border);
  padding-top: 1rem;
}

.sq12px-bg-green-br3px {
  background: #10b981;
  border-radius: 3px;
  height: 12px;
  width: 12px;
}

.flex-afs-jsb-p-6-8-bb-1 {
  align-items: flex-start;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 2rem;
}

.mnw72px-bg-card-bg-br4-p-4-5-tc-b-1-shadow {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 1rem;
  box-shadow: var(--card-shadow);
  min-width: 72px;
  padding: 1rem 1.25rem;
  text-align: center;
}

.flex-ac-g4-bg-card-bg-br35-p-35-5 {
  align-items: center;
  background: var(--card-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.875rem;
  display: flex;
  gap: 1rem;
  padding: 0.875rem 1.25rem;
}

.avatar-red-12-56 {
  align-items: center;
  background: rgba(239, 68, 68, 0.12);
  border: 2px solid rgba(239, 68, 68, 0.25);
  border-radius: 50%;
  color: #ef4444;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.rel-fs6-fw9-bg-grad-blue-purple-mb4-ls-4px-lh-1-z1 {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  background-clip: text;
  font-size: 6rem;
  font-weight: 900;
  letter-spacing: -4px;
  line-height: 1;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}

.abs-t56pct-l47pct {
  left: 47%;
  position: absolute;
  top: 56%;
  transform: translate(-50%, -50%);
}

.avatar-green-sky-28 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.7rem;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.fs82-fw8-c-amber {
  color: #f59e0b;
  font-size: 0.82rem;
  font-weight: 800;
}

.w57pct-h100pct-bg-blue-br999px {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  width: 57%;
}

.fw7-c-white-bg-white-22-br25-p-2-5-b-1-pointer {
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  font-family: var(--font);
  font-weight: 700;
  padding: 0.5rem 1.25rem;
}

.w79pct-h100pct-bg-blue-br999px-trans-2 {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 79%;
}

.h117px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 117px;
}

.flex-jfe-g25-p-4-6-bt-1 {
  border-top: 1px solid var(--body-border);
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
  padding: 1rem 1.5rem;
}

.rel-w100pct-h100px-bg-pink-44 {
  background: rgba(236, 72, 153, 0.44);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 100px;
  position: relative;
  width: 100%;
}

.mnw0-tl-fl1 {
  flex: 1;
  min-width: 0;
  text-align: left;
}

.bg-grad-blue-purple {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  background-clip: text;
}

.pointer {
  cursor: pointer;
  height: 1.25em;
  width: 2.5em;
}

.flex-col-jfc-rel-bg-grad-sidebar-navy-sidebar-navy2-p-12 {
  background: linear-gradient(135deg, #13142B 0%, #1a1c3a 50%, #1f2350 100%);
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 3rem;
  position: relative;
}

.flex-g2-mt4 {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}

.fs75-c-muted-m-08-0-35 {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  margin: 0.2rem 0 0.875rem;
}

.fs9-mono-c-body-bg-bg-br15-p-1-25-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.375rem;
  color: var(--body-text);
  font-family: monospace;
  font-size: 0.9rem;
  padding: 0.25rem 0.625rem;
}

.avatar-green-sky-56 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(16, 185, 129, 0.45), 0 8px 24px rgba(16, 185, 129, 0.45), 0 0 0 3px rgba(255, 255, 255, 0.8);
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.w30pct-bg-grad-blue-purple {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  width: 30%;
}

.grid-cols-7-bb-5-border {
  border-bottom: 1.5px solid var(--body-border);
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.icon-box-bg-44-fs125 {
  align-items: center;
  background: var(--body-bg);
  border-radius: 0.625rem;
  display: flex;
  flex-shrink: 0;
  font-size: 1.25rem;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.c-white-bg-white-15-b-1 {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
}

.abs-t0-b0-l225-w2px-bg-border-br2px {
  background: var(--body-border);
  border-radius: 2px;
  bottom: 0;
  left: 0.5625rem;
  position: absolute;
  top: 0;
  width: 2px;
}

.h4px-bg-border-br999px-mt25-ov-hidden {
  background: var(--body-border);
  border-radius: 999px;
  height: 4px;
  margin-top: 0.625rem;
  overflow: hidden;
}

.h6px-bg-border-br3px-ov-hidden-fl1 {
  background: var(--body-border);
  border-radius: 3px;
  flex: 1;
  height: 6px;
  overflow: hidden;
}

.avatar-blue-purple-36-2 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.avatar-blue-15-40 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1450980392);
  border-radius: 50%;
  color: #5b8ff9;
  display: flex;
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 900;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs6-fw7-c-purple {
  color: #7c3aed;
  font-size: 0.6rem;
  font-weight: 700;
}

.fs72-fw7-c-muted-mb4-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.flex-col-g2-mt3 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.w28px {
  width: 28px;
}

.h89px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 89px;
}

.avatar-red-amber-64 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  box-shadow: 0 8px 32px rgba(239, 68, 68, 0.6), 0 2px 8px rgba(239, 68, 68, 0.3);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 800;
  height: 64px;
  justify-content: center;
  transition: transform 0.2s;
  width: 64px;
}

.avatar-pink-10-48 {
  align-items: center;
  background: rgba(236, 72, 153, 0.1);
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 48px;
}

.h63px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 63px;
}

.icon-box-red-15-36 {
  align-items: center;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.h24px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 24px;
}

.mono-c-blue {
  color: #5b8ff9;
  font-family: monospace;
}

.fs2-fw9-mono-c-body-lh-1 {
  color: var(--body-text);
  font-family: monospace;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
}

.w95pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 95%;
}

.w55pct-bg-green {
  background: #10b981;
  width: 55%;
}

.avatar-bg-26 {
  align-items: center;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 50%;
  color: var(--body-text-muted);
  cursor: pointer;
  display: flex;
  font-size: 0.7rem;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.fs78-c-muted-mt06 {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  margin-top: 0.15rem;
}

.fs75-fw6-c-green-bg-transparent-br25-p-15-35-b-1-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #10b981;
  border-radius: 0.625rem;
  color: #10b981;
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
}

.fs8125-c-muted-mt12 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  margin-top: 0.3rem;
}

.m-2-0-0 {
  margin: 0.5rem 0 0;
}

.abs-r1px-b1px-sq11px-bg-red-b-2 {
  background: #ef4444;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  bottom: 1px;
  height: 11px;
  position: absolute;
  right: 1px;
  width: 11px;
}

.icon-box-red-9-32 {
  align-items: center;
  background: rgba(239, 68, 68, 0.0941176471);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.icon-box-amber-12-46 {
  align-items: center;
  background: rgba(245, 158, 11, 0.12);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 46px;
  justify-content: center;
  width: 46px;
}

.w10pct-h100pct-bg-muted-blue-br999px-trans {
  background: #6b6f98;
  border-radius: 999px;
  height: 100%;
  transition: width 1s ease;
  width: 10%;
}

.flex-jsb-fs7-c-muted-mt2 {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.7rem;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.mnw220px-fl1 {
  flex: 1;
  min-width: 220px;
}

.d-block-fs75-fw7-c-blue-mb25 {
  color: #5b8ff9;
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.icon-box-purple-10-44 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.sq6px-bg-slate {
  background: #94a3b8;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.fs75-fw7-c-white-60-uc {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.avatar-sky-28 {
  align-items: center;
  background: #0ea5e9;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  margin-left: -6px;
  width: 28px;
}

.icon-box-indigo-10-40 {
  align-items: center;
  background: rgba(99, 102, 241, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs78-c-muted-mt04 {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  margin-top: 0.1rem;
}

.fs875-c-muted-m-0 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  margin: 0;
}

.fs75-fw6-c-blue-mt1 {
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}

.pr10 {
  padding-right: 2.5rem;
}

.w77pct-bg-amber {
  background: #f59e0b;
  width: 77%;
}

.fs8125-op75 {
  font-size: 0.8125rem;
  opacity: 0.75;
}

.fs2-fw9-c-white-mb4-lh-12 {
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.flex-wrap-g2-mb4 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.flex-col-ov-y-auto-fl1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
}

.fw9-c-body-mb35-lh-115 {
  color: var(--body-text);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 900;
  line-height: 1.15;
  margin-bottom: 0.875rem;
}

.fs845-fw6-c-body {
  color: var(--body-text);
  font-size: 0.845rem;
  font-weight: 600;
}

.w25pct-h100pct-bg-blue-br3px-trans {
  background: #5b8ff9;
  border-radius: 3px;
  height: 100%;
  transition: width 0.6s;
  width: 25%;
}

.h4px-bg-border-br999px-mt4-ov-hidden {
  background: var(--body-border);
  border-radius: 999px;
  height: 4px;
  margin-top: 1rem;
  overflow: hidden;
}

.avatar-green-12-32 {
  align-items: center;
  background: rgba(16, 185, 129, 0.12);
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.w36px-fs75-fw7-c-sky-tr {
  color: #0ea5e9;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 36px;
}

.fs8125-fw7-c-muted-mb2-uc {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.flex-col-g3-p-6 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.5rem;
}

.avatar-sky-blue-30 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.fs1-fw7-c-body-m-0 {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}

.flex-ac-jsb-wrap-g3-mt4 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  margin-top: 1rem;
}

.w0pct-bg-grad-blue-purple {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  width: 0%;
}

.icon-box-red-9-48 {
  align-items: center;
  background: rgba(239, 68, 68, 0.0941176471);
  border-radius: 0.875rem;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.p-6-8-ov-y-auto-fl1 {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem 2rem;
}

.fs85-c-green {
  color: #10b981;
  font-size: 0.85rem;
}

.icon-box-primary-violet-40-2 {
  align-items: center;
  background: linear-gradient(135deg, #4F6EF7, #8B5CF6);
  border-radius: 0.75rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs875-c-border {
  color: var(--body-border);
  font-size: 0.875rem;
}

.sq12px-bg-red-br3px {
  background: #ef4444;
  border-radius: 3px;
  height: 12px;
  width: 12px;
}

.fs8-c-muted-mt1-lh-16 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  line-height: 1.6;
  margin-top: 0.25rem;
}

.fs1125-fw4-c-body {
  color: var(--body-text);
  font-size: 1.125rem;
  font-weight: 400;
}

.iflex-mb6-tdn {
  align-items: center;
  display: inline-flex;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  text-decoration: none;
}

.fs8125-c-muted-m-2-0-5 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  margin: 0.5rem 0 1.25rem;
}

.w16px-c-primary-shrink0 {
  color: var(--color-primary);
  flex-shrink: 0;
  width: 16px;
}

.h180px {
  height: 180px;
}

.avatar-purple-pink-28 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.h42px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 42px;
}

.fs15-fw9-c-pink-mb1 {
  color: #ec4899;
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.fs75-c-red-p-1-2 {
  color: #ef4444;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}

.mw600px {
  max-width: 600px;
}

.bg-card-bg-ov-hidden-pointer-trans-shadow-3 {
  background: var(--card-bg);
  border: 1.5px solid rgba(14, 165, 233, 0.2509803922);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.2s;
}

.abs-r2px-b2px-sq13px-bg-red {
  background: #ef4444;
  border: 2.5px solid var(--card-bg);
  border-radius: 50%;
  bottom: 2px;
  height: 13px;
  position: absolute;
  right: 2px;
  width: 13px;
}

.avatar-amber-red-32 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.w90pct-bg-grad-blue-purple {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  width: 90%;
}

.fs875-c-body-m-0-lh-17 {
  color: var(--body-text);
  font-size: 0.875rem;
  line-height: 1.7;
  margin: 0;
}

.w0pct-h100pct-bg-primary-br999px-trans {
  background: var(--color-primary);
  border-radius: 999px;
  height: 100%;
  transition: width 0.5s;
  width: 0%;
}

.avatar-linkedin-6-32 {
  align-items: center;
  background: rgba(0, 119, 181, 0.062745098);
  border: 1px solid rgba(0, 119, 181, 0.2509803922);
  border-radius: 50%;
  color: #0077b5;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.avatar-blue-purple-52 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1.125rem;
  font-weight: 800;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.avatar-purple-pink-22 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.55rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.mnw0 {
  min-width: 0;
}

.badge-purple-xs-fs65-p06-2 {
  background: #7c3aed;
  border-radius: 999px;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.fs13-c-blue {
  color: #5b8ff9;
  font-size: 1.3rem;
}

.fs72-fw7-c-muted-p-3-tr-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.75rem;
  text-align: right;
  text-transform: uppercase;
}

.flex-col-jsb-h100pct-bg-card-bg-p-6 {
  background: var(--card-bg);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 1.5rem;
}

.avatar-blue-purple-56 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  display: flex;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.icon-box-white-15-52 {
  align-items: center;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 1rem;
  display: flex;
  height: 52px;
  justify-content: center;
  margin: 0 auto 0.75rem;
  width: 52px;
}

.flex-afe-g15-abs-r0-b24px-l0-h136px {
  align-items: flex-end;
  bottom: 24px;
  display: flex;
  gap: 0.375rem;
  height: 136px;
  left: 0;
  position: absolute;
  right: 0;
}

.mw700px {
  max-width: 700px;
}

.w93pct-bg-green {
  background: #10b981;
  width: 93%;
}

.h104px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 104px;
}

.fs75-fw7-c-muted-mb1-uc {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}

.fs1-c-red {
  color: #ef4444;
  font-size: 1rem;
}

.mnw240px-bg-bg-br3-p-35-4-b-1-fl1 {
  align-self: stretch;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  flex: 1;
  min-width: 240px;
  padding: 0.875rem 1rem;
}

.badge-blue-9-xs-fs72-p06-2 {
  background: rgba(91, 143, 249, 0.0941176471);
  border-radius: 999px;
  color: #5b8ff9;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.rel-bg-card-bg-br35-p-5-pointer-trans {
  background: var(--card-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.875rem;
  cursor: pointer;
  padding: 1.25rem;
  position: relative;
  transition: border-color 0.2s;
}

.flex-ac-g35-p-35-5-bl-4-red-pointer {
  align-items: center;
  border-left: 4px solid #ef4444;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  padding: 0.875rem 1.25rem;
}

.fs2-c-blue {
  color: #5b8ff9;
  font-size: 2rem;
}

.avatar-sky-24 {
  align-items: center;
  background: #0ea5e9;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  margin-left: -0.375rem;
  width: 24px;
}

.flex-col-ac-jfc-h240px-bg-grad-amber-red-p-8-tc {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  display: flex;
  flex-direction: column;
  height: 240px;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

.flex-ac-g4-p-3-4 {
  align-items: center;
  display: flex;
  gap: 1rem;
  padding: 0.75rem 1rem;
}

.flex-ac-wrap-g2-mb1 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

.fs6-fw7-c-white {
  color: #fff;
  font-size: 0.6rem;
  font-weight: 700;
}

.badge-blue-20-xs-fs8-p15-35 {
  backdrop-filter: blur(8px);
  background: rgba(91, 143, 249, 0.2);
  border: 1px solid rgba(91, 143, 249, 0.3);
  border-radius: 999px;
  color: #5b8ff9;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.375rem 0.875rem;
}

.w5pct-h100pct-bg-red-br999px-trans {
  background: #ef4444;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 5%;
}

.fs8-c-muted-m-0 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  margin: 0;
}

.flex-jsb-mt4 {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.w30pct-bg-amber {
  background: #f59e0b;
  width: 30%;
}

.avatar-blue-purple-72 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(91, 143, 249, 0.4);
  color: #fff;
  display: flex;
  font-size: 1.2rem;
  font-weight: 800;
  height: 72px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 72px;
}

.icon-box-white-20-40 {
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs1375-fw8-c-blue-lh-1 {
  color: #5b8ff9;
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1;
}

.mw150px-fs8125-fw7-c-body-ellipsis-nowrap-ov-hidden {
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 700;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs125-c-blue {
  color: #5b8ff9;
  font-size: 1.25rem;
}

.fs16-fw9-c-body-m-0 {
  color: var(--body-text);
  font-size: 1.6rem;
  font-weight: 900;
  margin: 0;
}

.w28px-fs78-fw7-c-amber {
  color: #f59e0b;
  font-size: 0.78rem;
  font-weight: 700;
  width: 28px;
}

.badge-amber-10-xs-fs72-if-p08-25 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 999px;
  color: #d97706;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.625rem;
}

.w100px-p-2 {
  padding: 0.5rem;
  width: 100px;
}

.d-block-fs7-fw7-c-amber-mb2 {
  color: #f59e0b;
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.badge-white-20-xs-fs7-p04-16 {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.1rem 0.4rem;
}

.mw480px-fs10625-c-muted-mb8-lh-165 {
  color: var(--body-text-muted);
  font-size: 1.0625rem;
  line-height: 1.65;
  margin-bottom: 2rem;
  max-width: 480px;
}

.icon-box-amber-9-40 {
  align-items: center;
  background: rgba(245, 158, 11, 0.0941176471);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.flex-ac-jsb-bg-card-bg-p-4-8-bb-1-shrink0 {
  align-items: center;
  background: var(--card-bg);
  border-bottom: 1px solid var(--body-border);
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 1rem 2rem;
}

.h100px-bg-amber-op85 {
  background: #f59e0b;
  border-radius: 0.375rem 0.375rem 0 0;
  height: 100px;
  opacity: 0.85;
}

.w85pct-h51px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 51px;
  width: 85%;
}

.icon-box-sky-8-36 {
  align-items: center;
  background: rgba(14, 165, 233, 0.0823529412);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.fs72-p-1-25-mr3 {
  font-size: 0.72rem;
  margin-right: 0.75rem;
  padding: 0.25rem 0.625rem;
}

.w62pct-h100pct-bg-grad-blue-purple-br4px-trans {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 4px;
  height: 100%;
  transition: width 0.8s ease;
  width: 62%;
}

.avatar-green-sky-28-2 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.fs2-c-green-mb2 {
  color: #10b981;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.fs9-c-muted {
  color: var(--body-text-muted);
  font-size: 0.9rem;
}

.fs8125-c-muted-m-0 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  margin: 0;
}

.w89pct-h100pct-bg-grad-blue-purple-br4px-shadow {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED, #EC4899);
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(91, 143, 249, 0.5);
  height: 100%;
  width: 89%;
}

.sq10px-bg-pink-shrink0 {
  background: #ec4899;
  border-radius: 50%;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.fs1-fw7-c-white-50-mb3-uc {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.fs875-fw7-c-body-mb15 {
  color: var(--body-text);
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.flex-jfc-wrap-g4-mb10 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 2.5rem;
}

.w60pct-h100pct-bg-purple-br5px-trans {
  background: #7c3aed;
  border-radius: 5px;
  height: 100%;
  transition: width 0.6s;
  width: 60%;
}

.avatar-amber-red-64-2 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1.25rem;
  font-weight: 800;
  height: 64px;
  justify-content: center;
  width: 64px;
}

.fs82-c-muted {
  color: var(--body-text-muted);
  font-size: 0.82rem;
}

.flex-ac-g2-fs82-fw6-pointer {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 0.82rem;
  font-weight: 600;
  gap: 0.5rem;
}

.width {
  width: min(100%, 420px);
}

.mw180px-bg-card-bg-br4-p-5-tl-b-1 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 1rem;
  flex: 1 1 140px;
  max-width: 180px;
  padding: 1.25rem;
  text-align: left;
}

.icon-box-red-10-40 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.625rem;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.icon-box-red-12-40 {
  align-items: center;
  background: rgba(239, 68, 68, 0.12);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.icon-box-green-13-36 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1254901961);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.fs875-c-muted-m-0-lh-17 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  line-height: 1.7;
  margin: 0;
}

.fs8-c-muted-mb5 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  margin-bottom: 1.25rem;
}

.avatar-purple-pink-30 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.icon-box-amber-13-44 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1254901961);
  border-radius: 0.75rem;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 0.75rem;
  width: 44px;
}

.w45pct-bg-grad-blue-purple {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  width: 45%;
}

.fs7-c-muted-shrink0 {
  color: var(--body-text-muted);
  flex-shrink: 0;
  font-size: 0.7rem;
}

.fs11-c-amber-dk-bg-none-b-none-pointer-op70 {
  align-self: flex-start;
  background: none;
  border: none;
  color: #d97706;
  cursor: pointer;
  font-size: 1.1rem;
  opacity: 0.7;
}

.fs7-fw6-c-blue {
  color: #5b8ff9;
  font-size: 0.7rem;
  font-weight: 600;
}

.fs175-fw8-c-body {
  color: var(--body-text);
  font-size: 1.75rem;
  font-weight: 800;
}

.d-block-fs9375-fw7 {
  display: block;
  font-size: 0.9375rem;
  font-weight: 700;
}

.w56pct-h100pct-bg-grad-blue-purple-br4px-trans {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 4px;
  height: 100%;
  transition: width 0.8s ease;
  width: 56%;
}

.bg-transparent-bb-1 {
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--body-border);
}

.fs14-c-blue-mid {
  color: #3b82f6;
  font-size: 1.4rem;
}

.fs15-c-pink {
  color: #ec4899;
  font-size: 1.5rem;
}

.fw7-c-body-mb15 {
  color: var(--body-text);
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.bg-bg-br3-p-4-tc-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}

.avatar-amber-24 {
  align-items: center;
  background: #f59e0b;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.h45pct-bg-purple-20-br2px-fl1 {
  background: rgba(124, 58, 237, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 45%;
}

.avatar-red-amber-40 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 800;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs72-fw7-c-primary-mb35-mt2-uc {
  color: var(--color-primary);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.875rem;
  margin-top: 0.5rem;
  text-transform: uppercase;
}

.sq8px-bg-red-shrink0 {
  background: #ef4444;
  border-radius: 50%;
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}

.mw150px-fs8125-fw5-c-body-ellipsis-nowrap-ov-hidden {
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 500;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs35-c-primary-mb25-lh-8-op18 {
  color: var(--color-primary);
  font-family: Georgia, serif;
  font-size: 3.5rem;
  line-height: 0.8;
  margin-bottom: 0.625rem;
  opacity: 0.18;
}

.mb0-bl-3-purple {
  border-left: 3px solid #7c3aed;
  margin-bottom: 0;
}

.fs175-fw9-c-blue {
  color: #5b8ff9;
  font-size: 1.75rem;
  font-weight: 900;
}

.flex-g3-p-35-45-pointer-trans {
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  padding: 0.875rem 1.125rem;
  transition: background 0.15s;
}

.fs8125-c-body-m-0-lh-17 {
  color: var(--body-text);
  font-size: 0.8125rem;
  line-height: 1.7;
  margin: 0;
}

.fs12-c-amber {
  color: #f59e0b;
  font-size: 1.2rem;
}

.abs-b12px-l12px-bg-card-bg-br25-p-25-35-b-1 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  bottom: 12px;
  left: 12px;
  padding: 0.625rem 0.875rem;
  position: absolute;
}

.w32pct-bg-blue {
  background: #5b8ff9;
  width: 32%;
}

.avatar-red-24 {
  align-items: center;
  background: #ef4444;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.w100pct-h100pct-bg-blue-br5px-trans {
  background: #5b8ff9;
  border-radius: 5px;
  height: 100%;
  transition: width 0.8s ease;
  width: 100%;
}

.icon-box-blue-9-48 {
  align-items: center;
  background: rgba(91, 143, 249, 0.0941176471);
  border-radius: 0.875rem;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.fs9-fw8-c-body-mb1 {
  color: var(--body-text);
  font-size: 0.9rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
}

.fs8-c-muted-m-15-0-35 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  margin: 0.375rem 0 0.875rem;
}

.icon-box-blue-10-32 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border: 1.5px solid;
  border-color: #5b8ff9;
  border-radius: 0.5rem;
  color: #5b8ff9;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.icon-box-amber-9-32 {
  align-items: center;
  background: rgba(245, 158, 11, 0.0941176471);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.bg-amber-ml-auto-mr15 {
  background: #f59e0b;
  margin-left: auto;
  margin-right: 0.375rem;
}

.rel-w100pct-h99px-bg-pink-42 {
  background: rgba(236, 72, 153, 0.42);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 99px;
  position: relative;
  width: 100%;
}

.d-none-w320px {
  display: none;
  width: 320px;
}

.icon-box-primary-violet-48-fs1125 {
  align-items: center;
  background: linear-gradient(135deg, #4F6EF7, #8B5CF6);
  border-radius: 0.875rem;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1.125rem;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.abs-t0-l0-w5pct-h100pct-bg-green-br15-trans-op85 {
  background: #10b981;
  border-radius: 0.375rem;
  height: 100%;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  transition: width 0.8s ease;
  width: 5%;
}

.flex-ac-jfc-h44px-bg-grad-blue-purple-br2-b-2-pointer-trans {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: 2px solid var(--color-primary);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 44px;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.2s;
}

.fs82-fw6-c-body {
  color: var(--body-text);
  font-size: 0.82rem;
  font-weight: 600;
}

.op50 {
  cursor: not-allowed;
  opacity: 0.5;
}

.fs65-fw7-c-blue-bg-blue-10-br4px-p-06-18 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 4px;
  color: #5b8ff9;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
}

.flex-col-ac-jfc-rel-bg-grad-indigo-dk2-indigo-dk-p-12-8 {
  align-items: center;
  background: linear-gradient(145deg, #1E1B4B, #312E81 40%, #4C1D95);
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 3rem 2rem;
  position: relative;
}

.fs6-fw7-c-purple-bg-purple-8-br3px-p-04-14 {
  background: rgba(124, 58, 237, 0.0823529412);
  border-radius: 3px;
  color: #7c3aed;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.w34pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 34%;
}

.flex-col-g2-p-4 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}

.badge-blue-10-xs-fs72-p1-25 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 999px;
  color: #5b8ff9;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.25rem 0.625rem;
}

.w18pct-bg-amber {
  background: #f59e0b;
  width: 18%;
}

.w85pct-h100pct-bg-blue-br999px {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  width: 85%;
}

.ov-y-auto-fl1 {
  flex: 1;
  overflow-y: auto;
}

.fs8-fw7-bg-bg-br12-p-08-2-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.3rem;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.badge-muted-blue-10-xs-fs72-p05-2 {
  background: rgba(107, 111, 152, 0.1);
  border-radius: 999px;
  color: #6b6f98;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.125rem 0.5rem;
}

.fs82-c-muted-m-0-0-35-lh-16 {
  color: var(--body-text-muted);
  font-size: 0.82rem;
  line-height: 1.6;
  margin: 0 0 0.875rem;
}

.avatar-purple-24 {
  align-items: center;
  background: #7c3aed;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.fs75-fw8-c-green-mb2-uc {
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.flex-ac-wrap-g3-mb4 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.flex-ac-g35-bg-card-bg-br25-p-3-b-1 {
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  display: flex;
  gap: 0.875rem;
  padding: 0.75rem;
}

.w20pct-h100pct-bg-amber-br999px {
  background: #f59e0b;
  border-radius: 999px;
  height: 100%;
  width: 20%;
}

.flex-g25-fs875 {
  display: flex;
  font-size: 0.875rem;
  gap: 0.625rem;
}

.fs9-fw7-c-body-mb25-lh-145-fl1 {
  color: var(--body-text);
  flex: 1;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 0.625rem;
}

.avatar-amber-red-38 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 800;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.flex-ac-wrap-g8 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.badge-sky-xs-fs78-ib-p1-3 {
  background: #0ea5e9;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.fs7-fw8-c-green {
  color: #10b981;
  font-size: 0.7rem;
  font-weight: 800;
}

.fs8-c-white-55 {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.8rem;
}

.fs875-fw6-c-body {
  color: var(--body-text);
  font-size: 0.875rem;
  font-weight: 600;
}

.bg-card-bg-tc-b-1 {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  text-align: center;
}

.fs875-c-white {
  color: #fff;
  font-size: 0.875rem;
}

.fs9375-fw7-mb15 {
  font-size: 0.9375rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.fs875-c-muted-tc {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  text-align: center;
}

.fs1-c-body-mb5-lh-17 {
  color: var(--body-text);
  font-size: 1rem;
  font-style: italic;
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.fs7-fw7-c-green {
  color: #10b981;
  font-size: 0.7rem;
  font-weight: 700;
}

.flex-ac-g25-fl1 {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 0.625rem;
}

.fs125-fw9-c-amber-mb1 {
  color: #f59e0b;
  font-size: 1.25rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.w36px-p-3 {
  padding: 0.75rem;
  width: 36px;
}

.w80px-fw8-c-green-tc {
  color: #10b981;
  font-weight: 800;
  text-align: center;
  width: 80px;
}

.flex-ac-wrap-g4-p-5-6-mb5 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.5rem;
}

.fs1125-fw8-c-green {
  color: #10b981;
  font-size: 1.125rem;
  font-weight: 800;
}

.avatar-green-20-24-2 {
  align-items: center;
  background: rgba(16, 185, 129, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #10b981;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: -6px;
  width: 24px;
}

.flex-jfe-p-4-55-bt-1 {
  border-top: 1px solid var(--body-border);
  display: flex;
  justify-content: flex-end;
  padding: 1rem 1.375rem;
}

.w82pct-bg-blue {
  background: #5b8ff9;
  width: 82%;
}

.width-2 {
  width: auto;
}

.abs-t0-l0-w17pct-h100pct-bg-sky-br15-trans-op85 {
  background: #0ea5e9;
  border-radius: 0.375rem;
  height: 100%;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  transition: width 0.8s ease;
  width: 17%;
}

.w74pct-bg-amber {
  background: #f59e0b;
  width: 74%;
}

.abs-t0-r0-sq80px-bg-slate-dk-10-op60 {
  background: rgba(100, 116, 139, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.fs65-fw7-c-green-bg-green-10-br4px-p-06-18 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 4px;
  color: #10b981;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
}

.fs1375-c-blue {
  color: #5b8ff9;
  font-size: 1.375rem;
}

.fw7-c-amber-dk {
  color: #d97706;
  font-weight: 700;
}

.flex-ac-jsb-pt35-bt-1 {
  align-items: center;
  border-top: 1px solid var(--body-border);
  display: flex;
  justify-content: space-between;
  padding-top: 0.875rem;
}

.fs8125-c-muted-mt15 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  margin-top: 0.375rem;
}

.fs68-fw7-c-muted-mb3-uc {
  color: var(--body-text-muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.w79pct-bg-amber {
  background: #f59e0b;
  width: 79%;
}

.flex-ac-g2-fs78-fw7-c-amber-dk-mb15 {
  align-items: center;
  color: #d97706;
  display: flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}

.fs875-fw7-bg-grad-blue-purple {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  background-clip: text;
  font-size: 0.875rem;
  font-weight: 700;
}

.fs6-fw7-c-pink {
  color: #ec4899;
  font-size: 0.6rem;
  font-weight: 700;
}

.abs-inset0-glow {
  background-image: radial-gradient(circle at 20% 80%, rgba(91, 143, 249, 0.25), transparent 50%), radial-gradient(circle at 80% 20%, rgba(124, 58, 237, 0.2), transparent 50%);
  inset: 0;
  position: absolute;
}

.mnw70px-bg-card-bg-br4-p-35-4-tc-b-2 {
  background: var(--card-bg);
  border: 2px solid rgba(245, 158, 11, 0.25);
  border-radius: 1rem;
  min-width: 70px;
  padding: 0.875rem 1rem;
  text-align: center;
}

.rel-w100pct-h96px-bg-pink-38 {
  background: rgba(236, 72, 153, 0.38);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 96px;
  position: relative;
  width: 100%;
}

.bg-purple-12-mb0 {
  background: rgba(124, 58, 237, 0.12);
  margin-bottom: 0;
}

.avatar-green-sky-40-2 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border: 2.5px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  margin-left: -16px;
  width: 40px;
  z-index: 5;
}

.w71pct-bg-amber {
  background: #f59e0b;
  width: 71%;
}

.grid-g3-mb6 {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 1.5rem;
}

.d-iblock-sq14px-bg-orange-dk-shrink0 {
  background: #ea580c;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}

.avatar-green-sky-32 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.flex-ac-g35-p-4-5 {
  align-items: center;
  display: flex;
  gap: 0.875rem;
  padding: 1rem 1.25rem;
}

.sq8px-bg-purple {
  background: #7c3aed;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.mnw40px-fs75-fw7-c-white-bg-green-br6px-p-8px-4px-tc {
  background: #10b981;
  border-radius: 6px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 40px;
  padding: 8px 4px;
  text-align: center;
}

.avatar-green-sky-44-3 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.flex-g3-2 {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.75rem;
}

.fs875-fw7-c-white-bg-purple-br25-p-25-5-mb2-mr2-b-none {
  background: #7c3aed;
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.625rem 1.25rem;
  transition: opacity 0.15s;
}

.d-none-bg-green-8-br25-p-3-4 {
  align-items: center;
  background: rgba(16, 185, 129, 0.08);
  border: 1.5px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.625rem;
  display: none;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}

.fs225-fw9-c-amber-mt2-lh-1 {
  color: #f59e0b;
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 1;
  margin-top: 0.5rem;
}

.w76pct-bg-green {
  background: #10b981;
  width: 76%;
}

.fs7-fw6-c-sky {
  color: #0ea5e9;
  font-size: 0.7rem;
  font-weight: 600;
}

.flex-col-ac-jfc-bg-card-bg-p-12-10 {
  align-items: center;
  background: var(--card-bg);
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  justify-content: center;
  padding: 3rem 2.5rem;
}

.fs845-c-muted-mb35 {
  color: var(--body-text-muted);
  font-size: 0.845rem;
  margin-bottom: 0.875rem;
}

.d-block-fs82-fw7-mb15 {
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.fs9375-fw6-c-primary {
  color: var(--color-primary);
  font-size: 0.9375rem;
  font-weight: 600;
}

.bg-transparent-p-25-tc-br-1-none {
  background: rgba(0, 0, 0, 0);
  border-right: none;
  padding: 0.625rem;
  text-align: center;
}

.fs9-fw7 {
  font-size: 0.9rem;
  font-weight: 700;
}

.fs8125-fw7-c-body-mb05-ellipsis-nowrap-ov-hidden {
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 700;
  margin-bottom: 0.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs15-fw9-c-body {
  color: var(--body-text);
  font-size: 1.5rem;
  font-weight: 900;
}

.abs-t-60px-l-60px-sq200px-b-1 {
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  height: 200px;
  left: -60px;
  position: absolute;
  top: -60px;
  width: 200px;
}

.fs78-fw7-c-green {
  color: #10b981;
  font-size: 0.78rem;
  font-weight: 700;
}

.bg-blue-6 {
  background: rgba(91, 143, 249, 0.06);
  border-bottom-color: rgba(91, 143, 249, 0.2);
}

.fs9375-c-muted-mb7-lh-17 {
  color: var(--body-text-muted);
  font-size: 0.9375rem;
  line-height: 1.7;
  margin-bottom: 1.75rem;
}

.flex-afe-g25-h160px-mb4 {
  align-items: flex-end;
  display: flex;
  gap: 0.625rem;
  height: 160px;
  margin-bottom: 1rem;
}

.mb3 {
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.fs1-fw7-mb1 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.avatar-blue-purple-38 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 800;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.c-green-bg-green-15 {
  background: rgba(16, 185, 129, 0.15);
  color: #10b981;
}

.fs75-fw7-c-body-mb35-uc {
  color: var(--body-text);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 0.875rem;
  text-transform: uppercase;
}

.fw8-c-purple-mt06-shrink0 {
  color: #7c3aed;
  flex-shrink: 0;
  font-weight: 800;
  margin-top: 0.15rem;
}

.flex-ac-g2-bg-bg-br25-p-2-35 {
  align-items: center;
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.625rem;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
}

.mw640px-ov-y-auto {
  max-height: 88vh;
  max-width: 640px;
  overflow-y: auto;
}

.badge-transparent-xs-fs8-p14-35 {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid var(--body-border);
  border-radius: 999px;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.35rem 0.875rem;
  transition: all 0.15s;
}

.sq12px-bg-purple-b-2-pointer-shadow {
  background: #7c3aed;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.3);
  cursor: pointer;
  height: 12px;
  width: 12px;
}

.avatar-blue-28-2 {
  align-items: center;
  background: #5b8ff9;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.85rem;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  margin: 0.25rem auto 0;
  width: 28px;
}

.fs875-c-muted-mb5 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}

.d-block-fs75-fw7-c-purple-mb25 {
  color: #7c3aed;
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.badge-green-10-xs-fs72-ib-p06-2 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #10b981;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.bg-amber-6 {
  background: rgba(245, 158, 11, 0.06);
}

.avatar-blue-purple-22 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.55rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.icon-box-purple-10-48 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1);
  border-radius: 0.75rem;
  display: flex;
  height: 48px;
  justify-content: center;
  margin-bottom: 0.875rem;
  width: 48px;
}

.fs875-c-muted-bg-bg-p-24-35-nowrap-br-1-none {
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.5rem 0 0 0.5rem;
  border-right: none;
  color: var(--body-text-muted);
  font-size: 0.875rem;
  padding: 0.6rem 0.875rem;
  white-space: nowrap;
}

.w28px-fs75-fw7-c-green-tr {
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 28px;
}

.w10pct-h100pct-bg-purple-br999px-trans {
  background: #7c3aed;
  border-radius: 999px;
  height: 100%;
  transition: width 1s ease;
  width: 10%;
}

.fs72-fw7-c-muted-mb2-uc-2 {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.fs1375-c-violet-lt {
  color: #a78bfa;
  font-size: 1.375rem;
}

.avatar-red-22 {
  align-items: center;
  background: #ef4444;
  border: 2px solid var(--body-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.58rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  margin-left: -4px;
  width: 22px;
}

.fs1-fw9-c-body-m-0 {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 900;
  margin: 0;
}

.h106px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 106px;
}

.fs72-fw7-c-green {
  color: #10b981;
  font-size: 0.72rem;
  font-weight: 700;
}

.sq10px-bg-amber-shrink0-shadow {
  background: #f59e0b;
  border-radius: 50%;
  box-shadow: 0 0 6px #f59e0b;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.abs-t50pct-r3-c-muted-pointer {
  color: var(--body-text-muted);
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}

.flex-jfc-g25-p-4-6-bt-1 {
  border-top: 1px solid var(--body-border);
  display: flex;
  gap: 0.625rem;
  justify-content: center;
  padding: 1rem 1.5rem;
}

.avatar-blue-purple-44-2 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.fs75-fw7-c-white-bg-blue-br16-p-12-28-b-none-pointer {
  background: #5b8ff9;
  border: none;
  border-radius: 0.4rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.3rem 0.7rem;
}

.fs8-fw6-c-body {
  color: var(--body-text);
  font-size: 0.8rem;
  font-weight: 600;
}

.fs82-c-muted-p-3-5-nowrap {
  color: var(--body-text-muted);
  font-size: 0.82rem;
  padding: 0.75rem 1.25rem;
  white-space: nowrap;
}

.badge-blue-10-xs-fs65-p08-2 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 999px;
  color: #5b8ff9;
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}

.bg-green-8-p-6-bb-1 {
  background: rgba(16, 185, 129, 0.08);
  border-bottom: 1px solid var(--body-border);
  padding: 1.5rem;
}

.avatar-black-10-32 {
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  color: #000;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.icon-box-green-9-48 {
  align-items: center;
  background: rgba(16, 185, 129, 0.0941176471);
  border-radius: 0.875rem;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.bg-primary-light-br15-p-06-0-tc-pointer {
  background: var(--color-primary-light);
  border-radius: 0.375rem;
  cursor: pointer;
  padding: 0.15rem 0;
  text-align: center;
}

.abs-t-50px-l-50px-sq200px-bg-purple-6 {
  background: rgba(124, 58, 237, 0.06);
  border-radius: 50%;
  height: 200px;
  left: -50px;
  position: absolute;
  top: -50px;
  width: 200px;
}

.icon-box-green-10-44 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.icon-box-red-12-36 {
  align-items: center;
  background: rgba(239, 68, 68, 0.12);
  border-radius: 0.625rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-afs-g5 {
  align-items: flex-start;
  display: flex;
  gap: 1.25rem;
}

.fs78-fw7-c-red {
  color: #ef4444;
  font-size: 0.78rem;
  font-weight: 700;
}

.p-0 {
  padding: 0;
}

.sq10px-bg-blue-br2px {
  background: #5b8ff9;
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

.flex-ac-g35-rel-bg-violet-10-p-5-ov-hidden {
  align-items: center;
  background: rgba(139, 92, 246, 0.1);
  display: flex;
  gap: 0.875rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
}

.fs8-c-pink {
  color: #ec4899;
  font-size: 0.8rem;
}

.flex-ac-jfc-bg-card-bg-p-12-10-fl1 {
  align-items: center;
  background: var(--card-bg);
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 3rem 2.5rem;
}

.fs72-fw8-c-primary-lh-13 {
  color: var(--color-primary);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
}

.fs6-fw7-c-green {
  color: #10b981;
  font-size: 0.6rem;
  font-weight: 700;
}

.w78pct-h100pct-bg-amber-br3px {
  background: #f59e0b;
  border-radius: 3px;
  height: 100%;
  width: 78%;
}

.fs875-fw7-c-white-bg-sky-br25-p-25-5-mb2-mr2-b-none-pointer {
  background: #0ea5e9;
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.625rem 1.25rem;
  transition: opacity 0.15s;
}

.c-primary-mt04-shrink0 {
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.fs8125-c-muted-mt1 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  margin-top: 0.25rem;
}

.grid-cols-auto-fill-mn200-g4-mb6 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  margin-bottom: 1.5rem;
}

.h1px-bg-border-mb5 {
  background: var(--body-border);
  height: 1px;
  margin-bottom: 1.25rem;
}

.flex-col-ac-g3-mnw80px-tc {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 80px;
  text-align: center;
}

.abs-b-100px-l-100px-sq300px-b-1 {
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  bottom: -100px;
  height: 300px;
  left: -100px;
  position: absolute;
  width: 300px;
}

.h6px-bg-border-br3px-mb4-ov-hidden {
  background: var(--body-border);
  border-radius: 3px;
  height: 6px;
  margin-bottom: 1rem;
  overflow: hidden;
}

.w36px-fs75-fw7-c-green-tr {
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 36px;
}

.avatar-sky-blue-40-3 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border: 2.5px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  margin-left: -16px;
  width: 40px;
  z-index: 3;
}

.d-none-bg-primary-light-p-4-5-5-bt-1-none-b-1 {
  background: var(--color-primary-light);
  border: 1px solid var(--color-primary);
  border-radius: 0 0 1rem 1rem;
  border-top: none;
  display: none;
  padding: 1rem 1.25rem 1.25rem;
}

.flex-3 {
  display: flex;
  min-height: 100vh;
}

.mt08-accent-primary {
  accent-color: var(--color-primary);
  margin-top: 0.2rem;
}

.fs875-c-body {
  color: var(--body-text);
  font-size: 0.875rem;
}

.h90px {
  height: 90px;
}

.flex-ac-g25-mb3 {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
}

.d-none-c-muted-p-12-tc {
  color: var(--body-text-muted);
  display: none;
  padding: 3rem;
  text-align: center;
}

.badge-green-10-xs-fs72-p06-2 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #10b981;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.flex-ac-bg-blue-6-br2-p-25-bl-3-blue {
  align-items: center;
  background: rgba(91, 143, 249, 0.06);
  border-left: 3px solid #5b8ff9;
  border-radius: 0.5rem;
  display: flex;
  padding: 0.625rem;
}

.flex-col-g25-mb6 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.5rem;
}

.badge-red-10-xs-fs72-ib-p06-2 {
  background: rgba(239, 68, 68, 0.1);
  border-radius: 999px;
  color: #ef4444;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.fs25-c-white-30 {
  color: rgba(255, 255, 255, 0.3);
  font-size: 2.5rem;
}

.abs-r200px-b100px-sq300px-bg-amber-6 {
  background: rgba(245, 158, 11, 0.06);
  border-radius: 50%;
  bottom: 100px;
  filter: blur(60px);
  height: 300px;
  position: absolute;
  right: 200px;
  width: 300px;
}

.icon-box-blue-purple-40 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 0.875rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs75-fw7-c-amber-mb1 {
  color: #f59e0b;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.mw500px {
  max-width: 500px;
}

.rel-mw640px-tc-z1 {
  max-width: 640px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.d-block-fs7-fw7-c-red-mb2 {
  color: #ef4444;
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.w85pct-h66px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 66px;
  width: 85%;
}

.fs6875-fw5-c-muted {
  color: var(--body-text-muted);
  font-size: 0.6875rem;
  font-weight: 500;
}

.d-block-fs8-fw7-c-body-mb15 {
  color: var(--body-text);
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.pt3-pb3-pl11 {
  padding-bottom: 0.75rem;
  padding-left: 2.75rem;
  padding-top: 0.75rem;
}

.h100pct-p-45-pointer-trans {
  cursor: pointer;
  height: 100%;
  padding: 1.125rem;
  transition: all 0.15s;
}

.w72pct-h100pct-bg-amber-br999px {
  background: #f59e0b;
  border-radius: 999px;
  height: 100%;
  width: 72%;
}

.icon-box-blue-10-40 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.h64px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 64px;
}

.sq4px-bg-green-m-1px-auto-0 {
  background: #10b981;
  border-radius: 50%;
  height: 4px;
  margin: 1px auto 0;
  width: 4px;
}

.w36px-fs75-fw7-c-amber-tr {
  color: #f59e0b;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 36px;
}

.badge-teal-10-xs-fs72-ib-p06-2 {
  background: rgba(20, 184, 166, 0.1);
  border-radius: 999px;
  color: #14b8a6;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.mnw40px-fs75-fw7-c-white-bg-red-br6px-p-8px-4px-tc {
  background: #ef4444;
  border-radius: 6px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 40px;
  padding: 8px 4px;
  text-align: center;
}

.flex-ac-g25-mb12 {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  margin-bottom: 3rem;
}

.fs65-fw7-c-blue-bg-blue-10-br4px-p-08-2-uc {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 4px;
  color: #5b8ff9;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
}

.flex-jsb-fs75-c-muted-mb12 {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.75rem;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.fs6-fw7-c-primary-dk2-bg-blue-12-br4px-p-06-2-ml-auto-uc {
  background: rgba(91, 143, 249, 0.12);
  border-radius: 4px;
  color: #3b6fd9;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-left: auto;
  padding: 0.15rem 0.5rem;
  text-transform: uppercase;
}

.icon-box-red-13-44 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1254901961);
  border-radius: 0.75rem;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 0.75rem;
  width: 44px;
}

.fs9375-fw5-c-muted {
  color: var(--body-text-muted);
  font-size: 0.9375rem;
  font-weight: 500;
}

.avatar-green-sky-44-4 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.h82pct-bg-green-20-br2px-fl1 {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 82%;
}

.avatar-sky-blue-44 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.fs75-fw6-c-body {
  color: var(--body-text);
  font-size: 0.75rem;
  font-weight: 600;
}

.fs78-c-muted-lh-15 {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  line-height: 1.5;
}

.w80px-tr {
  text-align: right;
  width: 80px;
}

.avatar-blue-purple-22-2 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.abs-t50pct-l52pct {
  left: 52%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.flex-col-ac-jfc-h210px-p-6-tc {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 210px;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
}

.fs875-c-white-bg-primary-p-25-35-lh-15-b-none-shadow {
  background: var(--color-primary);
  border: none;
  border-radius: 1rem 1rem 0 1rem;
  box-shadow: 0 2px 8px rgba(91, 143, 249, 0.35);
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.625rem 0.875rem;
}

.fs1125-fw8-c-red {
  color: #ef4444;
  font-size: 1.125rem;
  font-weight: 800;
}

.avatar-green-purple-40 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.avatar-purple-24-2 {
  align-items: center;
  background: #7c3aed;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.h6px-bg-border-br3px-ov-hidden {
  background: var(--body-border);
  border-radius: 3px;
  height: 6px;
  overflow: hidden;
}

.d-iblock-sq14px-bg-green-dk-shrink0 {
  background: #059669;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}

.avatar-blue-20 {
  align-items: center;
  background: #5b8ff9;
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--card-bg), 0 0 0 5px rgba(91, 143, 249, 0.1882352941);
  display: flex;
  height: 20px;
  justify-content: center;
  left: -0.9375rem;
  position: absolute;
  top: 0.25rem;
  width: 20px;
}

.d-none-fixed-bg-black-50-p-4-z9999-inset0 {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 9999;
}

.flex-jsb-mb1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}

.avatar-blue-purple-72-2 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.375rem;
  font-weight: 800;
  height: 72px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 72px;
}

.fs11-c-green-dk-mt04-shrink0 {
  color: #059669;
  flex-shrink: 0;
  font-size: 1.1rem;
  margin-top: 0.1rem;
}

.fs14-fw9-c-body-lh-1 {
  color: var(--body-text);
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1;
}

.flex-col-afs-jfc-rel-bg-grad-navy-dk-navy-p-12-ov-hidden {
  align-items: flex-start;
  background: linear-gradient(135deg, #0F172A, #1E293B);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 3rem;
  position: relative;
}

.abs-t0-l0-w100pct-h100pct-bg-blue-br15-trans-op85 {
  background: #5b8ff9;
  border-radius: 0.375rem;
  height: 100%;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  transition: width 0.8s ease;
  width: 100%;
}

.avatar-red-20-24 {
  align-items: center;
  background: rgba(239, 68, 68, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #ef4444;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: 0px;
  width: 24px;
}

.fs11-c-indigo {
  color: #6366f1;
  font-size: 1.1rem;
}

.fs15-c-blue {
  color: #5b8ff9;
  font-size: 1.5rem;
}

.abs-t-20px-r-20px-sq80px-bg-pink-13 {
  background: rgba(236, 72, 153, 0.1254901961);
  border-radius: 50%;
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
}

.abs-t-28px-l50pct-fs7-fw7-c-blue-bg-card-bg-br1-p-06-16 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.25rem;
  color: #5b8ff9;
  font-size: 0.7rem;
  font-weight: 700;
  left: 50%;
  padding: 0.15rem 0.4rem;
  position: absolute;
  top: -28px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.fs1-c-body-bg-transparent-p-6-0-lh-175-b-none-fl1 {
  background: rgba(0, 0, 0, 0);
  border: none;
  color: var(--body-text);
  flex: 1;
  font-family: var(--font);
  font-size: 1rem;
  line-height: 1.75;
  min-height: 300px;
  outline: none;
  padding: 1.5rem 0;
  resize: none;
}

.fs78-fw6-c-muted-mb35 {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  font-weight: 600;
  margin-bottom: 0.875rem;
}

.flex-ac-g12-fs75-fw7-c-white-bg-blue-br16-p-12-28-b-none {
  align-items: center;
  background: #5b8ff9;
  border: none;
  border-radius: 0.4rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 0.3rem;
  padding: 0.3rem 0.7rem;
}

.fs8-c-amber {
  color: #f59e0b;
  font-size: 0.8rem;
}

.flex-jsb-mb25 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}

.bl-3-red {
  border-left: 3px solid #ef4444;
}

.w52px-tc-shrink0 {
  flex-shrink: 0;
  text-align: center;
  width: 52px;
}

.fs9375-fw7-c-body-mb15-lh-13 {
  color: var(--body-text);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.375rem;
}

.d-block-fs7-fw7-c-pink-mb2 {
  color: #ec4899;
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.iflex-sq80px-bg-grad-blue-purple-mb6-shadow {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  box-shadow: 0 8px 32px rgba(91, 143, 249, 0.4);
  display: inline-flex;
  height: 80px;
  justify-content: center;
  margin-bottom: 1.5rem;
  width: 80px;
}

.mb2-tc {
  margin-bottom: 0.5rem;
  text-align: center;
}

.w87pct-h100pct-bg-blue-br3px {
  background: #5b8ff9;
  border-radius: 3px;
  height: 100%;
  width: 87%;
}

.avatar-amber-red-48 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border: 3px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.85rem;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  margin-left: -18px;
  width: 48px;
}

.fs7-fw6-c-slate-dk {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 600;
}

.h70pct-bg-green-20-br2px-fl1 {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 70%;
}

.fs125-c-orange {
  color: #f97316;
  font-size: 1.25rem;
}

.grid-g35-mb7 {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1.75rem;
}

.flex-wrap-g15-mb35 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 0.875rem;
}

.c-white-45 {
  color: rgba(255, 255, 255, 0.45);
}

.bg-transparent-p-25-tc-br-1 {
  background: rgba(0, 0, 0, 0);
  border-right: 1px solid var(--body-border);
  padding: 0.625rem;
  text-align: center;
}

.gap {
  gap: 0.5rem;
}

.badge-blue-12-xs-fs8-p14-35 {
  background: rgba(91, 143, 249, 0.12);
  border: 1.5px solid #5b8ff9;
  border-radius: 999px;
  color: #5b8ff9;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.35rem 0.875rem;
}

.w16pct-h100pct-bg-amber-br999px-trans {
  background: #f59e0b;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 16%;
}

.fs1875-fw8-c-body-lh-1 {
  color: var(--body-text);
  font-size: 1.875rem;
  font-weight: 800;
  line-height: 1;
}

.avatar-blue-6-32 {
  align-items: center;
  background: rgba(91, 143, 249, 0.062745098);
  border: 1px solid rgba(91, 143, 249, 0.2509803922);
  border-radius: 50%;
  color: #5b8ff9;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.badge-purple-10-xs-fs65-p08-2 {
  background: rgba(124, 58, 237, 0.1);
  border-radius: 999px;
  color: #7c3aed;
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}

.icon-box-indigo-10-44 {
  align-items: center;
  background: rgba(99, 102, 241, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.flex-col-p-4-fl1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1rem;
}

.flex-ac-g35-p-35-5-bl-4-amber-pointer {
  align-items: center;
  border-left: 4px solid #f59e0b;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  padding: 0.875rem 1.25rem;
}

.fs85-c-white {
  color: #fff;
  font-size: 0.85rem;
}

.sq6px-bg-green {
  background: #10b981;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.sq8px-bg-red-br2px {
  background: #ef4444;
  border-radius: 2px;
  height: 8px;
  width: 8px;
}

.fs72-fw8-c-white-lh-13 {
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
}

.avatar-red-amber-72 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.4rem;
  font-weight: 800;
  height: 72px;
  justify-content: center;
  width: 72px;
}

.badge-blue-12-xs-fs8-p14-35-2 {
  background: rgba(91, 143, 249, 0.12);
  border: 1.5px solid #5b8ff9;
  border-radius: 999px;
  color: #5b8ff9;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.35rem 0.875rem;
  transition: all 0.15s;
}

.fs75-fw6-c-muted-bg-transparent-br16-p-14-28-bc-border {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid;
  border-color: var(--body-border);
  border-radius: 0.4rem;
  color: var(--body-text-muted);
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
}

.fs15-fw9-c-amber-mb1 {
  color: #f59e0b;
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.flex-ac-jsb-pb4-mb4-bb-1 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.avatar-blue-purple-44-3 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.flex-wrap-g4-mb4 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.flex-ac-g35-rel-bg-blue-10-p-5-ov-hidden {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  display: flex;
  gap: 0.875rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
}

.fs8125-fw7-c-primary-bg-primary-light-br999px-p-15-4-b-1 {
  background: var(--color-primary-light);
  border: 1px solid var(--color-primary);
  border-radius: 999px;
  color: var(--color-primary);
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 0.375rem 1rem;
  transition: all 0.15s;
}

.flex-wrap-g1-mb2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.fs2-c-amber {
  color: #f59e0b;
  font-size: 2rem;
}

.avatar-slate-dk-30-28 {
  align-items: center;
  background: rgba(100, 116, 139, 0.3);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.55rem;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  margin-left: -6px;
  width: 28px;
}

.fs72-c-muted-bg-bg-br999px-p-06-2 {
  background: var(--body-bg);
  border-radius: 999px;
  color: var(--body-text-muted);
  font-size: 0.72rem;
  padding: 0.15rem 0.5rem;
}

.fs85-fw7-c-white-bg-blue-br2-p-2-5-b-none-pointer {
  background: #5b8ff9;
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.5rem 1.25rem;
}

.icon-box-primary-violet-80-fs175 {
  align-items: center;
  background: linear-gradient(135deg, #4F6EF7, #8B5CF6);
  border-radius: 1.25rem;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1.75rem;
  font-weight: 800;
  height: 80px;
  justify-content: center;
  width: 80px;
}

.w81pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 81%;
}

.w28px-fs75-fw7-c-blue-tr {
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 28px;
}

.fs7-c-muted-mt1 {
  color: var(--body-text-muted);
  font-size: 0.7rem;
  margin-top: 0.25rem;
}

.w100pct-mw380px-m-0-auto {
  margin: 0 auto;
  max-width: 380px;
  width: 100%;
}

.fs8125-fw5-c-body-mb05-ellipsis-nowrap-ov-hidden {
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 0.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs845-fw7 {
  font-size: 0.845rem;
  font-weight: 700;
}

.sq10px-bg-amber-70-br2px {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

.flex-ac-g2-bg-bg-br25-p-2-35-2 {
  align-items: center;
  background: var(--body-bg);
  border: 1.5px solid #5b8ff9;
  border-radius: 0.625rem;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
}

.fs78-fw7-c-muted-mb3-uc {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.fs7-c-muted-p-4px-tc {
  color: var(--body-text-muted);
  font-size: 0.7rem;
  padding: 4px;
  text-align: center;
}

.fs13-fw8-c-body-lh-1 {
  color: var(--body-text);
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1;
}

.fs72-fw7-c-slate {
  color: #94a3b8;
  font-size: 0.72rem;
  font-weight: 700;
}

.w12pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 12%;
}

.fs5-mb5 {
  filter: grayscale(0.2);
  font-size: 5rem;
  margin-bottom: 1.25rem;
}

.fs1125-fw8-c-body {
  color: var(--body-text);
  font-size: 1.125rem;
  font-weight: 800;
}

.avatar-green-sky-56-2 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.c-muted-mb5 {
  color: var(--body-text-muted);
  margin-bottom: 1.25rem;
}

.fs82-fw7-c-body-pr4-mb1-ellipsis-nowrap-ov-hidden {
  color: var(--body-text);
  font-size: 0.82rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  overflow: hidden;
  padding-right: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex-col-p-5-fl1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.25rem;
}

.flex-ac-mb8 {
  align-items: center;
  display: flex;
  margin-bottom: 2rem;
}

.t-25px-r-25px-sq110px {
  height: 110px;
  right: -25px;
  top: -25px;
  width: 110px;
}

.avatar-purple-pink-24 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.fs72-c-muted-mt04 {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  margin-top: 0.1rem;
}

.avatar-card-bg-36-2 {
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  z-index: 10;
}

.mnw40px-fs75-fw7-c-white-bg-amber-br6px-p-8px-4px-tc {
  background: #f59e0b;
  border-radius: 6px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 40px;
  padding: 8px 4px;
  text-align: center;
}

.flex-col-afs-mw72pct {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  max-width: 72%;
}

.flex-afe-jsb-wrap-g4-mt3 {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 0.75rem;
}

.abs-t-16px-l50pct-fs55-fw7-c-pink-nowrap {
  color: #ec4899;
  font-size: 0.55rem;
  font-weight: 700;
  left: 50%;
  position: absolute;
  top: -16px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.resize {
  resize: vertical;
}

.flex-col-ac-jfc-g6-bg-bg-p-8 {
  align-items: center;
  background: var(--body-bg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  padding: 2rem;
}

.flex-g2-mt3 {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.avatar-transparent-28 {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  color: var(--body-text);
  display: flex;
  font-size: 0.85rem;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  margin: 0.25rem auto 0;
  width: 28px;
}

.flex-ac-jfc-h90px-bg-grad-pink-purple-br3-pointer-trans {
  align-items: center;
  background: linear-gradient(135deg, #EC4899, #7C3AED);
  border-radius: 0.75rem;
  box-shadow: 0 2px 12px rgba(236, 72, 153, 0.3);
  cursor: pointer;
  display: flex;
  height: 90px;
  justify-content: center;
  transition: transform 0.18s;
}

.fs125-c-purple {
  color: #7c3aed;
  font-size: 1.25rem;
}

.d-block-fs7-fw7-c-purple-mb2 {
  color: #7c3aed;
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.flex-col-jsb-h200px {
  border-top-color: #5b8ff9;
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: space-between;
}

.icon-box-green-9-40 {
  align-items: center;
  background: rgba(16, 185, 129, 0.0941176471);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.abs-t0-r0-sq80px-bg-red-10-op60 {
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.c-muted-bg-border {
  background: var(--body-border);
  color: var(--body-text-muted);
}

.fs8125-fw6-c-primary-tdn {
  color: var(--color-primary);
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none;
}

.fs1125-fw7-c-body-mb2 {
  color: var(--body-text);
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.flex-ac-wrap-g3 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.fs14-c-muted-bg-none-lh-1-b-none-pointer {
  background: none;
  border: none;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1;
}

.mnw140px {
  justify-content: center;
  min-width: 140px;
}

.avatar-red-18 {
  align-items: center;
  background: #ef4444;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.62rem;
  font-weight: 800;
  height: 18px;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 18px;
}

.fs8-fw7-c-white-bg-blue-br2-p-16-35-b-none-pointer {
  background: #5b8ff9;
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.4rem 0.875rem;
}

.w100pct-fs8125-mb2 {
  font-size: 0.8125rem;
  justify-content: center;
  margin-bottom: 0.5rem;
  width: 100%;
}

.flex-ac-g35-p-35-5-bl-4-green-pointer {
  align-items: center;
  border-left: 4px solid #10b981;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  padding: 0.875rem 1.25rem;
}

.flex-abl-g15 {
  align-items: baseline;
  display: flex;
  gap: 0.375rem;
}

.fs875-fw6-fl1 {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 600;
}

.fs875-c-muted-mb4-lh-16 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.mnw40px-fs75-fw7-c-white-bg-blue-br6px-p-8px-4px-tc {
  background: #5b8ff9;
  border-radius: 6px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 40px;
  padding: 8px 4px;
  text-align: center;
}

.avatar-blue-primary-dk2-34 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #3B6FD9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  margin-top: 0.25rem;
  width: 34px;
}

.badge-blue-10-xs-fs75-p05-2 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 999px;
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.125rem 0.5rem;
}

.w16px-fs875-c-primary {
  color: var(--color-primary);
  font-size: 0.875rem;
  width: 16px;
}

.flex-jfc-mb5 {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.fs7-fw7-c-blue {
  color: #5b8ff9;
  font-size: 0.7rem;
  font-weight: 700;
}

.badge-violet-10-xs-fs72-ib-p06-2 {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 999px;
  color: #8b5cf6;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.h50pct-bg-purple-20-br2px-fl1 {
  background: rgba(124, 58, 237, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 50%;
}

.h65pct-bg-purple-20-br2px-fl1 {
  background: rgba(124, 58, 237, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 65%;
}

.fs2-c-warning {
  color: var(--color-warning);
  font-size: 2rem;
}

.icon-box-blue-10-40-2 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border-radius: 0.75rem;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-bottom: 0.75rem;
  width: 40px;
}

.fs125-fw9-c-purple {
  color: #7c3aed;
  font-size: 1.25rem;
  font-weight: 900;
}

.overflow {
  overflow: visible;
}

.abs-t50pct-l4-fs9-c-muted-pe-none {
  color: var(--body-text-muted);
  font-size: 0.9rem;
  left: 1rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.fs75-fw7-c-muted-p-25-4-tl-uc {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 0.625rem 1rem;
  text-align: left;
  text-transform: uppercase;
}

.badge-green-12-xs-fs78-ib-p1-3 {
  background: rgba(16, 185, 129, 0.12);
  border-radius: 999px;
  color: #059669;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.fs875-fw6-c-muted-bg-transparent-br999px-p-15-35-b-none {
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 999px;
  color: var(--body-text-muted);
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
  transition: all 0.2s;
}

.fs15-c-amber {
  color: #f59e0b;
  font-size: 1.5rem;
}

.fs1-fw7-c-body-mb15 {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.w96pct-h100pct-bg-blue-br10px-trans {
  background: #5b8ff9;
  border-radius: 10px;
  height: 100%;
  transition: width 0.6s;
  width: 96%;
}

.flex-ac-g6-pb6-mb8-bb-1 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
}

.fs1-fw6-c-muted {
  color: var(--body-text-muted);
  font-size: 1rem;
  font-weight: 600;
}

.w20pct-h100pct-bg-green-br5px-trans {
  background: #10b981;
  border-radius: 5px;
  height: 100%;
  transition: width 0.6s;
  width: 20%;
}

.h92px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 92px;
}

.avatar-green-sky-36 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.w99pct-bg-green {
  background: #10b981;
  width: 99%;
}

.avatar-green-10-60 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 50%;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 0 auto 1rem;
  width: 60px;
}

.fw9-c-body-mb4-lh-13 {
  color: var(--body-text);
  font-size: clamp(1.375rem, 3vw, 2rem);
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.fs875-c-muted-bg-bg-p-24-35-nowrap-bl-1-none {
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-left: none;
  border-radius: 0 0.5rem 0.5rem 0;
  color: var(--body-text-muted);
  font-size: 0.875rem;
  padding: 0.6rem 0.875rem;
  white-space: nowrap;
}

.w100pct-2 {
  width: 100%;
}

.iflex-sq72px-bg-amber-12-br5-mb6 {
  align-items: center;
  background: rgba(245, 158, 11, 0.12);
  border-radius: 1.25rem;
  display: inline-flex;
  height: 72px;
  justify-content: center;
  margin-bottom: 1.5rem;
  width: 72px;
}

.fs1-fw9-c-white-lh-1 {
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
}

.flex-ac-g3-mb35 {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.875rem;
}

.badge-purple-10-xs-fs75-p08-2 {
  background: rgba(124, 58, 237, 0.1);
  border-radius: 999px;
  color: var(--color-primary);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.rel-pl8 {
  padding-left: 2rem;
  position: relative;
}

.abs-op80-inset0-glow {
  background-image: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
  inset: 0;
  opacity: 0.8;
  position: absolute;
}

.p-6-bl-4-red-pointer-trans {
  border-left: 4px solid #ef4444;
  cursor: pointer;
  padding: 1.5rem;
  transition: transform 0.15s;
}

.w2pct-h100pct-bg-red-br999px {
  background: #ef4444;
  border-radius: 999px;
  height: 100%;
  width: 2%;
}

.fs7-fw8-c-red {
  color: #ef4444;
  font-size: 0.7rem;
  font-weight: 800;
}

.mw500px-ov-y-auto {
  max-height: 90vh;
  max-width: 500px;
  overflow-y: auto;
}

.flex-jfc-g3-mb4 {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}

.fs845-fw5 {
  font-size: 0.845rem;
  font-weight: 500;
}

.flex-jsb-mb14 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.35rem;
}

.sq8px-bg-pink {
  background: #ec4899;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.fs72-fw6-c-red {
  color: #ef4444;
  font-size: 0.72rem;
  font-weight: 600;
}

.mw800px-m-0-auto {
  margin: 0 auto;
  max-width: 800px;
}

.mw600px-tc {
  max-width: 600px;
  text-align: center;
}

.flex-ac-g35-bg-bg-br35-p-45-b-1-pointer-trans {
  align-items: center;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.875rem;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  padding: 1.125rem;
  transition: all 0.15s;
}

.fs7-fw7-c-blue-lh-13 {
  color: #5b8ff9;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.3;
}

.flex-ac-g3-fs75-c-muted {
  align-items: center;
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.75rem;
  gap: 0.75rem;
}

.flex-ac-g1-fs75-fw7-c-white-bg-amber-br16-p-12-28-b-none {
  align-items: center;
  background: #f59e0b;
  border: none;
  border-radius: 0.4rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 0.25rem;
  padding: 0.3rem 0.7rem;
}

.fs9375-fw8-c-body {
  color: var(--body-text);
  font-size: 0.9375rem;
  font-weight: 800;
}

.icon-box-blue-9-40 {
  align-items: center;
  background: rgba(91, 143, 249, 0.0941176471);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.avatar-green-purple-28 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.h118px-bg-purple-op85 {
  background: #7c3aed;
  border-radius: 0.375rem 0.375rem 0 0;
  height: 118px;
  opacity: 0.85;
}

.icon-box-purple-9-40 {
  align-items: center;
  background: rgba(124, 58, 237, 0.0941176471);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.p-5-fl1 {
  flex: 1;
  padding: 1.25rem;
}

.fs2-fw8-c-white-m-0-0-4-lh-13 {
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 1rem;
}

.rel-fs875-fw7-c-slate-mb3-uc-z1 {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.flex-ac-g4-mb4 {
  align-items: center;
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

.flex-jsb-fs1125-fw8-pt3-mt1-bt-2-border {
  border-top: 2px solid var(--body-border);
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  justify-content: space-between;
  margin-top: 0.25rem;
  padding-top: 0.75rem;
}

.h140px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 140px;
}

.avatar-amber-15-32 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1450980392);
  border-radius: 50%;
  color: #f59e0b;
  display: flex;
  font-size: 0.75rem;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.fs875-fw7-c-white-bg-green-br25-p-25-5-mb2-mr2-b-none {
  background: #10b981;
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.625rem 1.25rem;
  transition: opacity 0.15s;
}

.fs13-c-red {
  color: #ef4444;
  font-size: 1.3rem;
}

.flex-ac-g5-bg-green-6-p-6 {
  align-items: center;
  background: rgba(16, 185, 129, 0.06);
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem;
}

.flex-col-g05 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.fs225-fw9-c-green-mt2-lh-1 {
  color: #10b981;
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 1;
  margin-top: 0.5rem;
}

.abs-t-20px-r-20px-sq80px-bg-amber-13 {
  background: rgba(245, 158, 11, 0.1254901961);
  border-radius: 50%;
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
}

.fs125-c-sky {
  color: #0ea5e9;
  font-size: 1.25rem;
}

.fs4-fw9-c-body-lh-1 {
  color: var(--body-text);
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
}

.abs-t-20px-r-20px-sq80px-bg-violet-13 {
  background: rgba(139, 92, 246, 0.1254901961);
  border-radius: 50%;
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
}

.fs78-fw7-c-body {
  color: var(--body-text);
  font-size: 0.78rem;
  font-weight: 700;
}

.w58pct-bg-grad-purple-pink {
  background: linear-gradient(90deg, #7C3AED, #EC4899);
  width: 58%;
}

.fs8125-fw7-c-body-ellipsis-nowrap-ov-hidden {
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex-jfc-g15-mb25 {
  display: flex;
  gap: 0.375rem;
  justify-content: center;
  margin-bottom: 0.625rem;
}

.avatar-red-amber-28 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.mnw140px-fs9375-fw7-c-body-p-0-2-tc {
  color: var(--body-text);
  font-size: 0.9375rem;
  font-weight: 700;
  min-width: 140px;
  padding: 0 0.5rem;
  text-align: center;
}

.icon-box-green-sky-36 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 0.625rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.fs10625-c-muted-bg-blue-5-br2-p-35-5-mb6-bl-4-blue {
  background: rgba(91, 143, 249, 0.05);
  border-left: 4px solid #5b8ff9;
  border-radius: 0.5rem;
  color: var(--body-text-muted);
  font-size: 1.0625rem;
  font-style: italic;
  margin-bottom: 1.5rem;
  padding: 0.875rem 1.25rem;
}

.icon-box-green-10-38 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.flex-wrap-g15-mt15 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.375rem;
}

.b-10px-l10px-sq60px {
  bottom: -10px;
  height: 60px;
  left: 10px;
  width: 60px;
}

.sq44px-fs1-bg-grad-primary-violet-br25 {
  background: linear-gradient(135deg, #4F6EF7, #8B5CF6);
  border-radius: 0.625rem;
  font-size: 1rem;
  height: 44px;
  width: 44px;
}

.abs-t59pct-l57pct {
  left: 57%;
  position: absolute;
  top: 59%;
  transform: translate(-50%, -50%);
}

.fw9-c-amber {
  color: #f59e0b;
  font-weight: 900;
}

.fs2-c-amber-mb2 {
  color: #f59e0b;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.pb2 {
  padding-bottom: 0.5rem;
}

.avatar-red-10-80 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.2);
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 80px;
}

.avatar-blue-purple-56-2 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.d-iblock-sq14px-bg-primary-shrink0 {
  background: #4f6ef7;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}

.fs15-fw9-c-green {
  color: #10b981;
  font-size: 1.5rem;
  font-weight: 900;
}

.br-1-none {
  border-right: none;
}

.flex-ac-g3-p-3-45-bb-1-none {
  align-items: center;
  border-bottom: none;
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 1.125rem;
}

.fs875-fw6-mb1-lh-14 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.25rem;
}

.icon-box-blue-mid-10-36 {
  align-items: center;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.w100pct-3 {
  max-height: none;
  width: 100%;
}

.mw180px {
  max-width: 180px;
}

.avatar-green-purple-64 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.25rem;
  font-weight: 800;
  height: 64px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 64px;
}

.fs9375-c-body {
  color: var(--body-text);
  font-size: 0.9375rem;
}

.fs9375-c-muted {
  color: var(--body-text-muted);
  font-size: 0.9375rem;
  text-decoration: line-through;
}

.rel-tc {
  position: relative;
  text-align: center;
}

.avatar-green-20 {
  align-items: center;
  background: #10b981;
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--card-bg), 0 0 0 5px rgba(16, 185, 129, 0.1882352941);
  display: flex;
  height: 20px;
  justify-content: center;
  left: -0.9375rem;
  position: absolute;
  top: 0.25rem;
  width: 20px;
}

.rel-bg-blue-2-br-1 {
  background: rgba(91, 143, 249, 0.02);
  border-right: 1px solid var(--body-border);
  position: relative;
}

.h80pct-bg-purple-20-br2px-fl1 {
  background: rgba(124, 58, 237, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 80%;
}

.fs9375-c-body-m-0-lh-17 {
  color: var(--body-text);
  font-size: 0.9375rem;
  line-height: 1.7;
  margin: 0;
}

.fs82-c-green-bg-green-6-br25-p-35-mt4-b-1 {
  background: rgba(16, 185, 129, 0.06);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.625rem;
  color: #10b981;
  font-size: 0.82rem;
  margin-top: 1rem;
  padding: 0.875rem;
}

.flex-col-g44 {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.fs7-fw8-c-blue {
  color: #5b8ff9;
  font-size: 0.7rem;
  font-weight: 800;
}

.d-none-w320px-ov-y-auto {
  display: none;
  max-height: 360px;
  overflow-y: auto;
  width: 320px;
}

.abs-t-20px-r-20px-sq80px-bg-purple-13 {
  background: rgba(124, 58, 237, 0.1254901961);
  border-radius: 50%;
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
}

.h140px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 140px;
}

.fs6-fw7-c-sky {
  color: #0ea5e9;
  font-size: 0.6rem;
  font-weight: 700;
}

.badge-blue-xs-fs78-ib-p1-3 {
  background: #5b8ff9;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.bg-bg-br25-p-3-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  padding: 0.75rem;
}

.badge-green-8-xs-fs65-p06-18 {
  background: rgba(16, 185, 129, 0.0823529412);
  border-radius: 999px;
  color: #10b981;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
}

.w91pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 91%;
}

.w100pct-mb4 {
  border-collapse: collapse;
  margin-bottom: 1rem;
  width: 100%;
}

.flex-ac-wrap-g6 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.icon-box-amber-10-40 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.avatar-green-24 {
  align-items: center;
  background: #10b981;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.flex-col-g4-p-6-8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 2rem;
}

.trans {
  transition: d 0.5s ease;
}

.avatar-bg-34 {
  align-items: center;
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 50%;
  color: var(--body-text-muted);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 34px;
  justify-content: center;
  transition: all 0.15s;
  width: 34px;
}

.grid-g3 {
  display: grid;
  gap: 0.75rem;
}

.w29pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 29%;
}

.badge-slate-dk-10-xs-fs75-p08-24 {
  background: rgba(100, 116, 139, 0.1);
  border-radius: 999px;
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.6rem;
}

.rel-pl5-mb6 {
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
  position: relative;
}

.avatar-sky-20 {
  align-items: center;
  background: #0ea5e9;
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--card-bg), 0 0 0 5px rgba(14, 165, 233, 0.1882352941);
  display: flex;
  height: 20px;
  justify-content: center;
  left: -0.9375rem;
  position: absolute;
  top: 0.25rem;
  width: 20px;
}

.rel-fs175-fw8-c-white-mb4-lh-13-z1 {
  color: #fff;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}

.badge-blue-8-xs-fs65-p06-18 {
  background: rgba(91, 143, 249, 0.0823529412);
  border-radius: 999px;
  color: #5b8ff9;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
}

.fs7-fw6-c-green {
  color: #10b981;
  font-size: 0.7rem;
  font-weight: 600;
}

.w100pct-4 {
  border-collapse: collapse;
  width: 100%;
}

.w100pct-h100pct-bg-green-br999px {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  width: 100%;
}

.flex-jfc-wrap-g4-mw700px {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  max-width: 700px;
}

.fs845-c-muted-lh-17 {
  color: var(--body-text-muted);
  font-size: 0.845rem;
  line-height: 1.7;
}

.fs15-fw8-mb2 {
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.fs7-c-muted-mt06 {
  color: var(--body-text-muted);
  font-size: 0.7rem;
  margin-top: 0.15rem;
}

.flex-col-g2-mt6-tl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1.5rem;
  text-align: left;
}

.icon-box-red-13-36 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1254901961);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-col-ac-jfc-rel-bg-grad-green-dk2-green-dk3-p-12 {
  align-items: center;
  background: linear-gradient(145deg, #064E3B, #065F46);
  display: flex;
  flex: 0 0 45%;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 3rem;
  position: relative;
}

.fs845-c-muted-ml4 {
  color: var(--body-text-muted);
  font-size: 0.845rem;
  margin-left: 1rem;
}

.badge-slate-xs-fs78-ib-p1-3 {
  background: #94a3b8;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.fs9375-c-white-55-mb8-lh-175 {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.9375rem;
  line-height: 1.75;
  margin-bottom: 2rem;
}

.fs15-fw8-c-body-mb3 {
  color: var(--body-text);
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
}

.icon-box-pink-10-44 {
  align-items: center;
  background: rgba(236, 72, 153, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.flex-br2-ov-hidden {
  border: 1.5px solid var(--body-border);
  border-radius: 0.5rem;
  display: flex;
  overflow: hidden;
}

.w70pct-bg-grad-blue-purple {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  width: 70%;
}

.w91pct-bg-green {
  background: #10b981;
  width: 91%;
}

.bg-bg-br3-p-4-mb4-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
}

.flex-jfc-g2-w100pct-fs845-fw6-c-red-dk-bg-red-8-br2-p-2 {
  background: rgba(239, 68, 68, 0.08);
  border: none;
  border-radius: 0.5rem;
  color: #dc2626;
  display: flex;
  font-size: 0.845rem;
  font-weight: 600;
  gap: 0.5rem;
  justify-content: center;
  padding: 0.5rem;
  width: 100%;
}

.w94pct-bg-green {
  background: #10b981;
  width: 94%;
}

.iflex-rel-mr6 {
  display: inline-flex;
  margin-right: 1.5rem;
  position: relative;
}

.fs125-c-muted-bg-none-b-none-pointer {
  background: none;
  border: none;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 1.25rem;
}

.flex-ac-g3-bg-bg-br3-p-35-b-1 {
  align-items: center;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  display: flex;
  gap: 0.75rem;
  padding: 0.875rem;
}

.avatar-sky-20-24 {
  align-items: center;
  background: rgba(14, 165, 233, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #0ea5e9;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: -6px;
  width: 24px;
}

.fs9-c-body-bg-bg-br2-p-2-3-lh-165-b-1-ov-hidden {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.5rem;
  color: var(--body-text);
  display: -webkit-box;
  font-size: 0.9rem;
  line-height: 1.65;
  overflow: hidden;
  padding: 0.5rem 0.75rem;
}

.h56px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 56px;
}

.flex-g1-shrink0 {
  display: flex;
  flex-shrink: 0;
  gap: 0.25rem;
}

.flex-jfc-wrap-g2-mb6 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.fs845-fw5-c-muted-ml35 {
  color: var(--body-text-muted);
  font-size: 0.845rem;
  font-weight: 500;
  margin-left: 0.875rem;
}

.icon-box-red-10-36 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.p-16-8 {
  padding: 4rem 2rem;
}

.flex-jsb-w220px-fs65-fw6-c-muted-m-0-auto-35 {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.65rem;
  font-weight: 600;
  justify-content: space-between;
  margin: 0 auto 0.875rem;
  width: 220px;
}

.h160px {
  height: 160px;
}

.fs9375-c-muted-mb10-lh-175 {
  color: var(--body-text-muted);
  font-size: 0.9375rem;
  line-height: 1.75;
  margin-bottom: 2.5rem;
}

.sq4px-bg-pink-m-1px-auto-0 {
  background: #ec4899;
  border-radius: 50%;
  height: 4px;
  margin: 1px auto 0;
  width: 4px;
}

.badge-sky-10-xs-fs72-p05-2 {
  background: rgba(14, 165, 233, 0.1);
  border-radius: 999px;
  color: #0ea5e9;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.125rem 0.5rem;
}

.trans-2 {
  transform: rotate(-2deg);
  transform-origin: 110px 115px;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.grid-g4 {
  display: grid;
  gap: 1rem;
}

.iflex-mb35 {
  align-items: center;
  display: inline-flex;
  gap: 0.75rem;
  margin-bottom: 0.875rem;
}

.avatar-amber-red-40-2 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.bg-transparent-br15-p-06-0-tc-pointer {
  background: rgba(0, 0, 0, 0);
  border-radius: 0.375rem;
  cursor: pointer;
  padding: 0.15rem 0;
  text-align: center;
}

.mnw0-2 {
  flex: 0 0 100%;
  min-width: 0;
}

.badge-amber-10-xs-fs72-p1-25 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 999px;
  color: #d97706;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.25rem 0.625rem;
}

.abs-b-22px-l50pct-fs7-fw7-c-amber-bg-card-bg-br1-p-06-16 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.25rem;
  bottom: -22px;
  color: #f59e0b;
  font-size: 0.7rem;
  font-weight: 700;
  left: 50%;
  padding: 0.15rem 0.4rem;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

.abs-t50pct-l50pct-tc {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

.fs72-fw7-c-muted-mb1-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}

.abs-t0-l0-w37pct-h100pct-bg-purple-br15-trans-op85 {
  background: #7c3aed;
  border-radius: 0.375rem;
  height: 100%;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  transition: width 0.8s ease;
  width: 37%;
}

.icon-box-slate-dk-10-44 {
  align-items: center;
  background: rgba(100, 116, 139, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.fs15-fw9-c-purple {
  color: #7c3aed;
  font-size: 1.5rem;
  font-weight: 900;
}

.fw7-c-primary {
  color: var(--color-primary);
  font-size: 0.65em;
  font-weight: 700;
  vertical-align: super;
}

.fs9375-fw8-c-body-mb25-lh-14-fl1 {
  color: var(--body-text);
  flex: 1;
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 0.625rem;
}

.w40pct-h100pct-bg-blue-br5px-trans {
  background: #5b8ff9;
  border-radius: 5px;
  height: 100%;
  transition: width 0.6s;
  width: 40%;
}

.avatar-amber-18 {
  align-items: center;
  background: #f59e0b;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.62rem;
  font-weight: 800;
  height: 18px;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 18px;
}

.avatar-purple-pink-32 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.mw300px-fs8125-c-muted {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  max-width: 300px;
}

.fs12 {
  font-size: 1.2rem;
}

.flex-ac-jfc-rel-h90px-bg-grad-blue-purple-br3-ov-hidden {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 0.75rem;
  box-shadow: 0 2px 12px rgba(91, 143, 249, 0.3);
  cursor: pointer;
  display: flex;
  height: 90px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: transform 0.18s;
}

.h125px-bg-blue-op85 {
  background: #5b8ff9;
  border-radius: 0.375rem 0.375rem 0 0;
  height: 125px;
  opacity: 0.85;
}

.pointer-2 {
  cursor: pointer;
  width: auto;
}

.h105px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 105px;
}

.pl0-pr0 {
  padding-left: 0;
  padding-right: 0;
}

.fs82-fw8-c-green {
  color: #10b981;
  font-size: 0.82rem;
  font-weight: 800;
}

.w100pct-bg-grad-blue-purple-b-none {
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: none;
  justify-content: center;
  width: 100%;
}

.avatar-blue-18 {
  align-items: center;
  background: #5b8ff9;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.62rem;
  font-weight: 800;
  height: 18px;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 18px;
}

.w91pct-h100pct-bg-green-br999px {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  width: 91%;
}

.fs9-c-body-lh-165 {
  color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.65;
}

.w45pct-bg-blue {
  background: #5b8ff9;
  width: 45%;
}

.h85pct-bg-green-20-br2px-fl1 {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 85%;
}

.badge-red-9-xs-fs72-p06-2 {
  background: rgba(239, 68, 68, 0.0941176471);
  border-radius: 999px;
  color: #ef4444;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.h130px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 130px;
}

.rel-tc-z1 {
  position: relative;
  text-align: center;
  z-index: 1;
}

.flex-ac-jsb-m-2-0 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0;
}

.h16px-bg-red-br1 {
  background: #ef4444;
  border-radius: 0.25rem;
  height: 16px;
}

.avatar-green-sky-44-5 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.fs8-fw7-c-white-bg-sky-br2-p-16-35-b-none-pointer {
  background: #0ea5e9;
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.4rem 0.875rem;
}

.fs6-fw7-c-blue {
  color: #5b8ff9;
  font-size: 0.6rem;
  font-weight: 700;
}

.fs65-fw7-c-primary-dk2-bg-blue-12-br4px-p-08-2-uc {
  background: rgba(91, 143, 249, 0.12);
  border-radius: 4px;
  color: #3b6fd9;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
}

.mw580px-fs1-c-body-mb6-lh-18 {
  color: var(--body-text);
  font-size: 1rem;
  font-style: italic;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  max-width: 580px;
}

.fs11-c-red-dk-bg-none-b-none-pointer-op70 {
  align-self: flex-start;
  background: none;
  border: none;
  color: #dc2626;
  cursor: pointer;
  font-size: 1.1rem;
  opacity: 0.7;
}

.w60px-fs75-c-muted-tl-shrink0 {
  color: var(--body-text-muted);
  flex-shrink: 0;
  font-size: 0.75rem;
  text-align: left;
  width: 60px;
}

.badge-amber-xs-fs78-ib-p1-3 {
  background: #f59e0b;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.badge-transparent-xs-fs78-p14-3 {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid;
  border-color: var(--body-border);
  border-radius: 999px;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
}

.flex-ac-g4-p-45-5 {
  align-items: center;
  display: flex;
  gap: 1rem;
  padding: 1.125rem 1.25rem;
}

.sq10px-bg-purple {
  background: #7c3aed;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.icon-box-purple-pink-56-fs1125 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 1rem;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.c-white-bg-grad-blue-purple {
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  color: #fff;
}

.avatar-blue-purple-40 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: 2.5px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  margin-left: 0px;
  width: 40px;
  z-index: 6;
}

.fs8-c-white-bg-blue-br15-p-12-24-b-none-pointer {
  background: #5b8ff9;
  border: none;
  border-radius: 0.375rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 0.3rem 0.6rem;
}

.fs75-fw6-c-white-bg-purple-br25-p-15-35-b-1-pointer {
  background: #7c3aed;
  border: 1px solid #7c3aed;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
}

.fs7-c-muted-mt15 {
  color: var(--body-text-muted);
  font-size: 0.7rem;
  margin-top: 0.375rem;
}

.h12px-bg-red-br1 {
  background: #ef4444;
  border-radius: 0.25rem;
  height: 12px;
}

.fs75-fw7-c-body-mb1 {
  color: var(--body-text);
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.fs72-fw7-c-muted-mb25-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
}

.fs15-c-sky {
  color: #0ea5e9;
  font-size: 1.5rem;
}

.flex-g15-mt15 {
  display: flex;
  gap: 0.375rem;
  margin-top: 0.375rem;
}

.h52px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 52px;
}

.flex-ac-g2-fs875-c-muted-mb4 {
  align-items: center;
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.icon-box-purple-30-50 {
  align-items: center;
  background: rgba(124, 58, 237, 0.3);
  border-radius: 1rem;
  display: flex;
  flex-shrink: 0;
  height: 50px;
  justify-content: center;
  width: 50px;
}

.avatar-red-24-2 {
  align-items: center;
  background: #ef4444;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  margin-left: -0.375rem;
  width: 24px;
}

.icon-box-amber-8-36 {
  align-items: center;
  background: rgba(245, 158, 11, 0.0823529412);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.fs72-c-muted-mt1 {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  margin-top: 0.25rem;
}

.fs11-c-pink {
  color: #ec4899;
  font-size: 1.1rem;
}

.fs875-fw7-c-green-dk-mb1 {
  color: #059669;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.w91pct-bg-grad-amber-red {
  background: linear-gradient(90deg, #F59E0B, #EF4444);
  width: 91%;
}

.icon-box-green-10-36 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.fs65-fw7-c-green-bg-green-10-br4px-p-06-16-shrink0 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 4px;
  color: #10b981;
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
}

.flex-col-ac-jfc-h200px-mnw0-c-white-bg-grad-green-sky-br4 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 1rem;
  color: #fff;
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  height: 200px;
  justify-content: center;
  min-width: 0;
  padding: 2rem;
  text-align: center;
}

.icon-box-blue-12-46 {
  align-items: center;
  background: rgba(91, 143, 249, 0.12);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 46px;
  justify-content: center;
  width: 46px;
}

.sq8px-bg-blue-shrink0 {
  background: #5b8ff9;
  border-radius: 50%;
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}

.flex-ac-g3-bg-card-bg-p-4-8-bt-1-shrink0 {
  align-items: center;
  background: var(--card-bg);
  border-top: 1px solid var(--body-border);
  display: flex;
  flex-shrink: 0;
  gap: 0.75rem;
  padding: 1rem 2rem;
}

.flex-afs-wrap-g6 {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.w100pct-5 {
  justify-content: flex-start;
  width: 100%;
}

.fs65-fw7-c-amber-dk-bg-amber-10-br4px-p-06-16-shrink0 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 4px;
  color: #d97706;
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
}

.avatar-slate-dk-10-56 {
  align-items: center;
  background: rgba(100, 116, 139, 0.1);
  border: 2px solid rgba(100, 116, 139, 0.2);
  border-radius: 50%;
  color: #64748b;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.flex-col-ac-jfc-h200px-mnw0-c-white-bg-grad-amber-red-br4 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 1rem;
  color: #fff;
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  height: 200px;
  justify-content: center;
  min-width: 0;
  padding: 2rem;
  text-align: center;
}

.ml-auto {
  margin-left: auto;
}

.fs8125-c-muted-mb35-lh-16 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  line-height: 1.6;
  margin-bottom: 0.875rem;
}

.d-none-p-5 {
  display: none;
  padding: 1.25rem;
}

.avatar-green-28 {
  align-items: center;
  background: #10b981;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  margin-left: -6px;
  width: 28px;
}

.avatar-pink-12-56 {
  align-items: center;
  background: rgba(236, 72, 153, 0.12);
  border: 2px solid rgba(236, 72, 153, 0.25);
  border-radius: 50%;
  color: #ec4899;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.fw9-c-body-mb4-lh-115 {
  color: var(--body-text);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 900;
  line-height: 1.15;
  margin-bottom: 1rem;
}

.w100pct-fs85 {
  border-collapse: collapse;
  font-size: 0.85rem;
  width: 100%;
}

.w14px-c-muted-tr {
  color: var(--body-text-muted);
  text-align: right;
  width: 14px;
}

.flex-col-ac-jfc-rel-bg-grad-navy-dk-navy-p-12-ov-hidden {
  align-items: center;
  background: linear-gradient(145deg, #0F172A, #1E293B);
  display: flex;
  flex: 0 0 45%;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 3rem;
  position: relative;
}

.mw160px {
  max-width: 160px;
}

.avatar-green-purple-22 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.abs-r200px-b100px-sq300px-bg-amber-6-pe-none {
  background: rgba(245, 158, 11, 0.06);
  border-radius: 50%;
  bottom: 100px;
  filter: blur(40px);
  height: 300px;
  pointer-events: none;
  position: absolute;
  right: 200px;
  width: 300px;
}

.fw7-c-body-mb1 {
  color: var(--body-text);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.sq6px-bg-primary-pointer-trans {
  background: var(--color-primary);
  border-radius: 50%;
  cursor: pointer;
  height: 6px;
  transition: all 0.25s;
  width: 6px;
}

.badge-green-10-xs-fs75-p1-3 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #059669;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.75rem;
}

.d-block-fs25-c-blue-mb3 {
  color: #5b8ff9;
  display: block;
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
}

.fs75-bg-bg-br999px-p-06-16-b-1-pointer {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 999px;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 0.15rem 0.4rem;
}

.bg-blue-2-bb-1 {
  background: rgba(91, 143, 249, 0.02);
  border-bottom: 1px solid var(--body-border);
}

.avatar-bg-40 {
  align-items: center;
  background: var(--body-bg);
  border: 2.5px solid var(--body-border);
  border-radius: 50%;
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  margin-left: -16px;
  width: 40px;
}

.fs75-fw7-c-green-mb1 {
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.fs78-fw7-c-blue-bg-blue-10-br15-p-12-3-b-none-pointer {
  background: rgba(91, 143, 249, 0.1);
  border: none;
  border-radius: 0.375rem;
  color: #5b8ff9;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.3rem 0.75rem;
}

.w12pct-h100pct-bg-amber-br999px-trans {
  background: #f59e0b;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 12%;
}

.flex-ac-jsb-w100pct-fs82-fw5-c-muted-bg-transparent-br25 {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0.625rem;
  color: var(--body-text-muted);
  cursor: pointer;
  display: flex;
  font-family: var(--font);
  font-size: 0.82rem;
  font-weight: 500;
  justify-content: space-between;
  padding: 0.625rem 0.875rem;
  text-align: left;
  transition: all 0.15s;
  width: 100%;
}

.badge-amber-12-xs-fs75-p1-25 {
  background: rgba(245, 158, 11, 0.12);
  border-radius: 999px;
  color: #f59e0b;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.625rem;
}

.fs75-fw7-c-body-ml1 {
  color: var(--body-text);
  font-size: 0.75rem;
  font-weight: 700;
  margin-left: 0.25rem;
}

.avatar-amber-10-48 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 48px;
}

.fs115-fw9-c-body-m-0 {
  color: var(--body-text);
  font-size: 1.15rem;
  font-weight: 900;
  margin: 0;
}

.d-none-bg-green-8-br3-p-5-mt4-tc-b-1 {
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  display: none;
  margin-top: 1rem;
  padding: 1.25rem;
  text-align: center;
}

.fs2-c-white {
  color: #fff;
  font-size: 2rem;
}

.icon-box-amber-13-36 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1254901961);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-afs-g4-mb35 {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  margin-bottom: 0.875rem;
}

.fs875-fw7-c-white-bg-grad-blue-purple-br25-p-28-b-none {
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  flex: 1;
  font-family: var(--font);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.7rem;
}

.flex-ac-g2-ml-auto {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  margin-left: auto;
}

.rel-h200px-bg-bg-br35-b-1-ov-hidden {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.875rem;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.h88pct-bg-green-br2px-fl1 {
  background: #10b981;
  border-radius: 2px;
  flex: 1;
  height: 88%;
}

.fs3-fw9-c-body-lh-1 {
  color: var(--body-text);
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
}

.fs7-fw7-c-muted-mb15-uc {
  color: var(--body-text-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
}

.w9pct-h100pct-bg-amber-br5px-trans {
  background: #f59e0b;
  border-radius: 5px;
  height: 100%;
  transition: width 0.8s ease;
  width: 9%;
}

.badge-slate-dk-10-xs-fs72-if-g12-p08-25 {
  align-items: center;
  background: rgba(100, 116, 139, 0.1);
  border-radius: 999px;
  color: #64748b;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 700;
  gap: 0.3rem;
  padding: 0.2rem 0.625rem;
}

.h75px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 75px;
}

.flex-ac-g35-p-35-5-bl-4-pink-pointer {
  align-items: center;
  border-left: 4px solid #ec4899;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  padding: 0.875rem 1.25rem;
}

.p-2-1-tdn-b-none {
  border: none;
  padding: 0.5rem 0.25rem;
  text-decoration: none;
}

.flex-ac-jfc-h110px-fs25-bg-grad-pink-13-pink-3 {
  align-items: center;
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.1254901961), rgba(236, 72, 153, 0.031372549));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 2.5rem;
  height: 110px;
  justify-content: center;
}

.sq8px-bg-green-br2px {
  background: #10b981;
  border-radius: 2px;
  height: 8px;
  width: 8px;
}

.rel-fs8-fw9-mono-c-white-6-lh-1 {
  color: rgba(255, 255, 255, 0.06);
  font-family: monospace;
  font-size: 8rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
}

.flex-afs-g35 {
  align-items: flex-start;
  display: flex;
  gap: 0.875rem;
}

.icon-box-green-12-46 {
  align-items: center;
  background: rgba(16, 185, 129, 0.12);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 46px;
  justify-content: center;
  width: 46px;
}

.fs9-fw8-c-body-mb08 {
  color: var(--body-text);
  font-size: 0.9rem;
  font-weight: 800;
  margin-bottom: 0.2rem;
}

.sq12px-bg-amber-br3px {
  background: #f59e0b;
  border-radius: 3px;
  height: 12px;
  width: 12px;
}

.fs875-fw7-c-body-ellipsis-nowrap-ov-hidden {
  color: var(--body-text);
  font-size: 0.875rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex-ac-jsb-wrap-g3-mb4 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.fs9-c-body-m-0-lh-175 {
  color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.75;
  margin: 0;
}

.avatar-sky-24-2 {
  align-items: center;
  background: #0ea5e9;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.fw9-c-pink {
  color: #ec4899;
  font-weight: 900;
}

.icon-box-red-15-100-fs25 {
  align-items: center;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  font-size: 2.5rem;
  height: 100px;
  justify-content: center;
  width: 100px;
}

.mb8-tc {
  margin-bottom: 2rem;
  text-align: center;
}

.rel-h140px-bg-grad-blue-purple-ov-hidden {
  background: linear-gradient(135deg, #5B8FF9 0%, #7C3AED 50%, #EC4899 100%);
  height: 140px;
  overflow: hidden;
  position: relative;
}

.flex-ac-wrap-g3-mb5 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.fs8-c-blue-bg-blue-8-br12-p-04-16 {
  background: rgba(91, 143, 249, 0.08);
  border-radius: 0.3rem;
  color: #5b8ff9;
  font-size: 0.8rem;
  padding: 0.1rem 0.4rem;
}

.flex-ac-jfc-h110px-fs25-bg-grad-red-13-red-3 {
  align-items: center;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1254901961), rgba(239, 68, 68, 0.031372549));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 2.5rem;
  height: 110px;
  justify-content: center;
}

.badge-purple-xs-fs78-ib-p1-3 {
  background: #7c3aed;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.rel-w100pct-h92px-bg-pink-32 {
  background: rgba(236, 72, 153, 0.32);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 92px;
  position: relative;
  width: 100%;
}

.w100pct-h6px-bg-border-br3px-pointer-accent-blue {
  -webkit-appearance: none;
  accent-color: #5b8ff9;
  background: var(--body-border);
  border-radius: 3px;
  cursor: pointer;
  height: 6px;
  width: 100%;
}

.avatar-sky-15-40 {
  align-items: center;
  background: rgba(14, 165, 233, 0.1450980392);
  border-radius: 50%;
  color: #0ea5e9;
  display: flex;
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 900;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.flex-ac-g1-mt05 {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  margin-top: 0.125rem;
}

.flex-col-ac-jfc-h240px-bg-grad-blue-purple-p-8-tc {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  display: flex;
  flex-direction: column;
  height: 240px;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

.flex-ac-g3-fs82-c-muted {
  align-items: center;
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.82rem;
  gap: 0.75rem;
}

.abs-t50pct-l25-fs75-fw7-c-green {
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 700;
  left: 0.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.fs7-fw6-c-muted-mb08 {
  color: var(--body-text-muted);
  font-size: 0.7rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.h60pct-bg-purple-20-br2px-fl1 {
  background: rgba(124, 58, 237, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 60%;
}

.pl10 {
  padding-left: 2.5rem;
}

.iflex-rel-sq120px-mb4 {
  align-items: center;
  display: inline-flex;
  height: 120px;
  justify-content: center;
  margin-bottom: 1rem;
  position: relative;
  width: 120px;
}

.fs875-fw8-c-green {
  color: #10b981;
  font-size: 0.875rem;
  font-weight: 800;
}

.badge-blue-10-xs-fs72-p08-2 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 999px;
  color: #5b8ff9;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.fs65-fw7-c-amber-bg-amber-10-br4px-p-08-2-uc {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 4px;
  color: #f59e0b;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
}

.w60pct-h100pct-bg-purple-br5px-trans-2 {
  background: #7c3aed;
  border-radius: 5px;
  height: 100%;
  transition: width 0.8s ease;
  width: 60%;
}

.fs7-fw7-mb15-uc {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
}

.flex-jfc-wrap-g3-mb8 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 2rem;
}

.flex-col-g35-p-6-ov-y-auto {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  max-height: 70vh;
  overflow-y: auto;
  padding: 1.5rem;
}

.fs78-fw7-c-muted {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.fs11-c-blue {
  color: #5b8ff9;
  font-size: 1.1rem;
}

.d-none-bg-green-8-br25-p-3-4-2 {
  align-items: center;
  background: rgba(16, 185, 129, 0.08);
  border: 1.5px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.625rem;
  display: none;
  gap: 0.625rem;
  padding: 0.75rem 1rem;
}

.abs-t-1px-l50pct-fs65-fw7-c-white-bg-grad-blue-purple-p-1-3 {
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 0 0 0.5rem 0.5rem;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.05em;
  padding: 0.25rem 0.75rem;
  position: absolute;
  text-transform: uppercase;
  top: -1px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.fs8125-c-muted-mt1-lh-15 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin-top: 0.25rem;
}

.fs15-fw9-c-blue {
  color: #5b8ff9;
  font-size: 1.5rem;
  font-weight: 900;
}

.flex-ac-g35-rel-bg-green-10-p-5-ov-hidden {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  display: flex;
  gap: 0.875rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
}

.flex-jfe-g3-mt6 {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  margin-top: 1.5rem;
}

.bg-grad-primary-violet {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, #4F6EF7, #8B5CF6);
  background-clip: text;
}

.fs3-mb4 {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.abs-t0-r0-sq80px-bg-sky-10-op60 {
  background: rgba(14, 165, 233, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.fs85-c-blue {
  color: #5b8ff9;
  font-size: 0.85rem;
}

.flex-col-jsb-h200px-2 {
  border-top-color: #10b981;
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: space-between;
}

.p-0-5-35-4 {
  padding: 0 1.25rem 0.875rem 1rem;
}

.fs13-c-green {
  color: #10b981;
  font-size: 1.3rem;
}

.icon-box-transparent-28 {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0.4rem;
  cursor: pointer;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.flex-col-rel-h100pct-b-1-ov-hidden-trans {
  border: 1px solid var(--body-border);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s;
}

.fs875-mono-c-primary-bg-bg-br2-p-2-3-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.5rem;
  color: var(--color-primary);
  font-family: monospace;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  word-break: break-all;
}

.flex-col-ac-jfc-h240px-bg-grad-green-sky-p-8-tc {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  display: flex;
  flex-direction: column;
  height: 240px;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

.fs1-c-white-60-m-0-0-10-lh-16 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 2.5rem;
}

.bg-purple-8-p-6-bb-1 {
  background: rgba(124, 58, 237, 0.08);
  border-bottom: 1px solid var(--body-border);
  padding: 1.5rem;
}

.w80px {
  width: 80px;
}

.fs9375-c-primary-pointer {
  color: var(--color-primary);
  cursor: pointer;
  font-size: 0.9375rem;
  text-decoration: underline;
}

.w12pct-h100pct-bg-sky-br999px-trans {
  background: #0ea5e9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 12%;
}

.flex-ac-g2-fs875 {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
}

.fs8125-c-white-50-mt15-lh-165 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8125rem;
  line-height: 1.65;
  margin-top: 0.375rem;
}

.abs-t50pct-l0-w3px-h60pct-bg-primary {
  background: var(--color-primary);
  border-radius: 0 2px 2px 0;
  height: 60%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
}

.fs10625-fw7-bg-grad-blue-purple {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  background-clip: text;
  font-size: 1.0625rem;
  font-weight: 700;
}

.w280px {
  width: 280px;
}

.abs-t50pct-l25-fs75-fw7-c-white {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  left: 0.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.mb2-mr2 {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}

.d-none-w320px-ov-y-auto-2 {
  display: none;
  max-height: 400px;
  overflow-y: auto;
  width: 320px;
}

.badge-amber-10-xs-fs75-p05-2 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 999px;
  color: #f59e0b;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.125rem 0.5rem;
}

.avatar-green-purple-32 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.w94pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 94%;
}

.fs8125-c-muted-pt35-m-0-lh-165-bt-1 {
  border-top: 1px solid var(--body-border);
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  line-height: 1.65;
  margin: 0;
  padding-top: 0.875rem;
}

.c-primary-pointer {
  color: var(--color-primary);
  cursor: pointer;
}

.fs7-fw6-c-pink {
  color: #ec4899;
  font-size: 0.7rem;
  font-weight: 600;
}

.abs-t0-r0-sq80px-bg-teal-10-op60 {
  background: rgba(20, 184, 166, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.h44px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 44px;
}

.fs11-c-orange {
  color: #f97316;
  font-size: 1.1rem;
}

.icon-box-green-10-40 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.flex-jfe-g2-p-4-6-bt-1 {
  border-top: 1px solid var(--body-border);
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  padding: 1rem 1.5rem;
}

.fs75-fw6-c-blue-bg-blue-10-br16-p-14-28-bc-blue-pointer {
  background: rgba(91, 143, 249, 0.1);
  border: 1.5px solid;
  border-color: #5b8ff9;
  border-radius: 0.4rem;
  color: #5b8ff9;
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
}

.fs8125-c-muted-mb3 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  margin-bottom: 0.75rem;
}

.fs9375-c-body-mb5-lh-175 {
  color: var(--body-text);
  font-size: 0.9375rem;
  line-height: 1.75;
  margin-bottom: 1.25rem;
}

.fw8-c-body-mb1 {
  color: var(--body-text);
  font-weight: 800;
  margin-bottom: 0.25rem;
}

.fs8-fw5-c-muted {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  font-weight: 500;
}

.w65pct-h100pct-bg-blue-br3px-trans {
  background: #5b8ff9;
  border-radius: 3px;
  height: 100%;
  transition: width 0.6s ease;
  width: 65%;
}

.flex-g6px {
  display: flex;
  gap: 6px;
}

.flex-g4-trans {
  display: flex;
  gap: 1rem;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.w100pct-fs9375-fw7-c-blue-bg-transparent-br3-p-3-b-2-pointer {
  background: rgba(0, 0, 0, 0);
  border: 2px solid #5b8ff9;
  border-radius: 0.75rem;
  color: #5b8ff9;
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.9375rem;
  font-weight: 700;
  padding: 0.75rem;
  transition: all 0.2s;
  width: 100%;
}

.abs-b-50px-l-50px-sq250px-bg-violet-6 {
  background: rgba(139, 92, 246, 0.06);
  border-radius: 50%;
  bottom: -50px;
  height: 250px;
  left: -50px;
  position: absolute;
  width: 250px;
}

.flex-ac-g2-fs85-fw7-c-white-bg-blue-br2-p-2-5-b-none-pointer {
  align-items: center;
  background: #5b8ff9;
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 0.85rem;
  font-weight: 700;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
}

.grid-cols-4-g2-mb6 {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 1.5rem;
}

.icon-box-amber-15-100-fs25 {
  align-items: center;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  font-size: 2.5rem;
  height: 100px;
  justify-content: center;
  width: 100px;
}

.bg-pink {
  background: #ec4899;
}

.avatar-amber-20 {
  align-items: center;
  background: #f59e0b;
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--card-bg), 0 0 0 5px rgba(245, 158, 11, 0.1882352941);
  display: flex;
  height: 20px;
  justify-content: center;
  left: -0.9375rem;
  position: absolute;
  top: 0.25rem;
  width: 20px;
}

.p-35-55-bt-1 {
  border-top: 1px solid var(--body-border);
  padding: 0.875rem 1.375rem;
}

.flex-afe-g1px-w100pct-fl1 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  gap: 1px;
  width: 100%;
}

.h66px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 66px;
}

.w21pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 21%;
}

.fs75-fw7-c-red {
  color: #ef4444;
  font-size: 0.75rem;
  font-weight: 700;
}

.w44px-fs7-c-muted-p-4px-8px {
  color: var(--body-text-muted);
  font-size: 0.7rem;
  padding: 4px 8px;
  width: 44px;
}

.fs845-c-muted-mt6-tc {
  color: var(--body-text-muted);
  font-size: 0.845rem;
  margin-top: 1.5rem;
  text-align: center;
}

.flex-ac-g35-bg-bg-br25-p-35-mb25-bl-4-blue-b-1-pointer {
  align-items: center;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-left: 4px solid #5b8ff9;
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  margin-bottom: 0.625rem;
  padding: 0.875rem;
}

.fs72-c-muted-bg-bg-br15-p-06-18-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.375rem;
  color: var(--body-text-muted);
  font-size: 0.72rem;
  padding: 0.15rem 0.45rem;
}

.fs75-c-primary-bg-primary-light-br999px-p-04-18-ml15 {
  background: var(--color-primary-light);
  border-radius: 999px;
  color: var(--color-primary);
  font-size: 0.75rem;
  margin-left: 0.375rem;
  padding: 0.1rem 0.45rem;
}

.h80px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 80px;
}

.flex-col-ac-jfc-h150px-bg-amber-7-p-5-tc {
  align-items: center;
  background: rgba(245, 158, 11, 0.07);
  display: flex;
  flex-direction: column;
  height: 150px;
  justify-content: center;
  padding: 1.25rem;
  text-align: center;
}

.fs8-c-muted-mb35-lh-15 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  line-height: 1.5;
  margin-bottom: 0.875rem;
}

.w60pct-h100pct-bg-grad-amber-green-trans {
  background: linear-gradient(90deg, #F59E0B, #10B981);
  height: 100%;
  transition: width 0.3s;
  width: 60%;
}

.fw9-c-purple {
  color: #7c3aed;
  font-weight: 900;
}

.h49px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 49px;
}

.fs175-fw9-c-amber {
  color: #f59e0b;
  font-size: 1.75rem;
  font-weight: 900;
}

.w8pct-h100pct-bg-pink-br999px-trans {
  background: #ec4899;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 8%;
}

.flex-jsb-mb12 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.avatar-sky-blue-48 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border: 3px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.85rem;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  margin-left: -18px;
  width: 48px;
}

.mnw220px-bg-bg-br3-p-35-4-b-1-fl1 {
  align-self: stretch;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  flex: 1;
  min-width: 220px;
  padding: 0.875rem 1rem;
}

.w40px {
  width: 40px;
}

.fs85-c-muted-m-1-0-0 {
  color: var(--body-text-muted);
  font-size: 0.85rem;
  margin: 0.25rem 0 0;
}

.w88pct-h100pct-bg-green-br3px {
  background: #10b981;
  border-radius: 3px;
  height: 100%;
  width: 88%;
}

.w30pct-h100pct-bg-sky-br4px-trans {
  background: #0ea5e9;
  border-radius: 4px;
  height: 100%;
  transition: width 0.6s;
  width: 30%;
}

.fs14-c-red {
  color: #ef4444;
  font-size: 1.4rem;
}

.fs9-c-muted-m-0 {
  color: var(--body-text-muted);
  font-size: 0.9rem;
  margin: 0;
}

.icon-box-blue-10-32-2 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.fs10625-fw7-c-body-mb2-lh-14 {
  color: var(--body-text);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

.fs875-fw4-c-muted {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  font-weight: 400;
}

.fw7-c-body-mb4 {
  color: var(--body-text);
  font-weight: 700;
  margin-bottom: 1rem;
}

.fs9-c-muted-m-0-0-8 {
  color: var(--body-text-muted);
  font-size: 0.9rem;
  margin: 0 0 2rem;
}

.flex-wrap-g3-rel-z1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  position: relative;
  z-index: 1;
}

.flex-jsb-mb5 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.fw6-c-purple {
  color: #7c3aed;
  font-weight: 600;
}

.rel-w100pct-h107px-bg-pink-54 {
  background: rgba(236, 72, 153, 0.54);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 107px;
  position: relative;
  width: 100%;
}

.fs68-fw7-c-muted-bg-border-br15-p-04-16 {
  background: var(--body-border);
  border-radius: 0.375rem;
  color: var(--body-text-muted);
  font-size: 0.68rem;
  font-weight: 700;
  padding: 0.1rem 0.4rem;
}

.badge-blue-12-xs-fs78-p14-3 {
  background: rgba(91, 143, 249, 0.12);
  border: 1.5px solid;
  border-color: #5b8ff9;
  border-radius: 999px;
  color: #5b8ff9;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
}

.fs75-fw6-c-muted-mt1-uc {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-top: 0.25rem;
  text-transform: uppercase;
}

.d-block-fs72-fw6-c-muted-mb15 {
  color: var(--body-text-muted);
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  margin-bottom: 0.375rem;
}

.flex-ac-g35-rel-bg-sky-10-p-5-ov-hidden {
  align-items: center;
  background: rgba(14, 165, 233, 0.1);
  display: flex;
  gap: 0.875rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
}

.bg-bg-br3-p-35-tc-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  padding: 0.875rem;
  text-align: center;
}

.flex-ac-g35-rel-bg-purple-10-p-5-ov-hidden {
  align-items: center;
  background: rgba(124, 58, 237, 0.1);
  display: flex;
  gap: 0.875rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
}

.h106px-bg-pink-op85 {
  background: #ec4899;
  border-radius: 0.375rem 0.375rem 0 0;
  height: 106px;
  opacity: 0.85;
}

.icon-box-blue-15-100-fs25 {
  align-items: center;
  background: rgba(91, 143, 249, 0.15);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  font-size: 2.5rem;
  height: 100px;
  justify-content: center;
  width: 100px;
}

.fs15-fw8-mb3 {
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
}

.fw7-mb05 {
  font-weight: 700;
  margin-bottom: 0.125rem;
}

.abs-inset0-glow-2 {
  background-image: radial-gradient(circle at 30% 60%, rgba(91, 143, 249, 0.3), transparent 50%), radial-gradient(circle at 80% 20%, rgba(124, 58, 237, 0.2), transparent 40%);
  inset: 0;
  position: absolute;
}

.fs9-fw6-c-body {
  color: var(--body-text);
  font-size: 0.9rem;
  font-weight: 600;
}

.flex-ac-jsb-p-35-6-bb-1-shrink0 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 0.875rem 1.5rem;
}

.badge-blue-12-xs-fs78-p14-3-2 {
  background: rgba(91, 143, 249, 0.12);
  border: 1.5px solid #5b8ff9;
  border-radius: 999px;
  color: #5b8ff9;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
}

.c-amber-dk-bc-amber {
  border-color: #f59e0b;
  color: #d97706;
}

.fs8-c-muted-bg-none-p-0-b-none-pointer {
  background: none;
  border: none;
  color: var(--body-text-muted);
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.8rem;
  padding: 0;
}

.flex-col-ac-jfc-h200px-mnw0-c-white-bg-grad-blue-purple-br4 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 1rem;
  color: #fff;
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  height: 200px;
  justify-content: center;
  min-width: 0;
  padding: 2rem;
  text-align: center;
}

.fs75-fw7-c-pink-mb1 {
  color: #ec4899;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.flex-col-g0 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.w88pct-h100pct-bg-green-br10px-trans {
  background: #10b981;
  border-radius: 10px;
  height: 100%;
  transition: width 0.6s;
  width: 88%;
}

.d-none-w240px {
  display: none;
  width: 240px;
}

.flex-ac-g25-fs875-c-body {
  align-items: center;
  color: var(--body-text);
  display: flex;
  font-size: 0.875rem;
  gap: 0.625rem;
}

.flex-ac-wrap-g5 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.fs65-fw7-c-amber-dk-bg-amber-12-br4px-p-08-2-uc {
  background: rgba(245, 158, 11, 0.12);
  border-radius: 4px;
  color: #d97706;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
}

.fs75-fw8-c-sky {
  color: #0ea5e9;
  font-size: 0.75rem;
  font-weight: 800;
}

.fs875-fw7-c-red-uc {
  color: #ef4444;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.fs845-c-muted-mt15 {
  color: var(--body-text-muted);
  font-size: 0.845rem;
  margin-top: 0.375rem;
}

.avatar-blue-28-3 {
  align-items: center;
  background: #5b8ff9;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.flex-ac-jsb-p-35-5-bt-1 {
  align-items: center;
  border-top: 1px solid var(--body-border);
  display: flex;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
}

.fs85-fw7-c-body-mb1-ellipsis-nowrap-ov-hidden {
  color: var(--body-text);
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w91pct-h100pct-bg-blue-br5px-trans {
  background: #5b8ff9;
  border-radius: 5px;
  height: 100%;
  transition: width 0.6s;
  width: 91%;
}

.mw580px-p-16-8-m-0-auto-tc {
  margin: 0 auto;
  max-width: 580px;
  padding: 4rem 2rem;
  text-align: center;
}

.abs-t50pct-l35-c-muted {
  color: var(--body-text-muted);
  left: 0.875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.d-block-fs7-fw7-c-green-mb2 {
  color: #10b981;
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.fs82-c-muted-m-0-0-4 {
  color: var(--body-text-muted);
  font-size: 0.82rem;
  margin: 0 0 1rem;
}

.fs875-fw7-c-green-bg-green-10-br999px-p-15-35 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #10b981;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.375rem 0.875rem;
}

.icon-box-pink-10-40 {
  align-items: center;
  background: rgba(236, 72, 153, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.flex-ac-bg-pink-6-br2-p-25-bl-3-pink {
  align-items: center;
  background: rgba(236, 72, 153, 0.06);
  border-left: 3px solid #ec4899;
  border-radius: 0.5rem;
  display: flex;
  padding: 0.625rem;
}

.flex-col-jfc-w480px-bg-bg-p-12-ov-y-auto-shrink0 {
  background: var(--body-bg);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  overflow-y: auto;
  padding: 3rem;
  width: 480px;
}

.w14pct-h100pct-bg-purple-br999px-trans {
  background: #7c3aed;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 14%;
}

.flex-ac-wrap-g2-pt6-bt-1 {
  align-items: center;
  border-top: 1px solid var(--body-border);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 1.5rem;
}

.fs72-fw6-c-muted {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 600;
}

.fs75-fw7-c-blue-mb1 {
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.fs875-fw7-c-blue-dk2-mb1 {
  color: #2563eb;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.fs65-c-muted-mt04 {
  color: var(--body-text-muted);
  font-size: 0.65rem;
  margin-top: 0.1rem;
}

.fs7-fw7-c-red {
  color: #ef4444;
  font-size: 0.7rem;
  font-weight: 700;
}

.avatar-sky-blue-34 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  margin-top: 0.25rem;
  width: 34px;
}

.fs1375-fw8-c-amber-lh-1 {
  color: #f59e0b;
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1;
}

.w0pct-h100pct-bg-green-br3px-trans {
  background: #10b981;
  border-radius: 3px;
  height: 100%;
  transition: width 0.6s;
  width: 0%;
}

.sq8px-bg-slate-dk-shrink0 {
  background: #64748b;
  border-radius: 50%;
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}

.w10pct-h100pct-bg-sky-br999px-trans {
  background: #0ea5e9;
  border-radius: 999px;
  height: 100%;
  transition: width 1s ease;
  width: 10%;
}

.badge-border-xs-fs65-p04-14 {
  background: var(--body-border);
  border-radius: 999px;
  color: var(--body-text-muted);
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.fs875-fw7-c-body {
  color: var(--body-text);
  flex: 0 0 auto;
  font-size: 0.875rem;
  font-weight: 700;
}

.avatar-green-sky-48 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border: 3px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.85rem;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  margin-left: -18px;
  width: 48px;
}

.h6px-bg-border-br999px-ov-hidden-fl1 {
  background: var(--body-border);
  border-radius: 999px;
  flex: 1;
  height: 6px;
  overflow: hidden;
}

.w100pct-mt1 {
  justify-content: center;
  margin-top: 0.25rem;
  width: 100%;
}

.justify-content {
  justify-content: center;
}

.avatar-purple-pink-56-2 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.1rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.fs15-fw9-c-blue-mb1 {
  color: #5b8ff9;
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.w2pct-bg-green-trans {
  background: #10b981;
  transition: width 0.5s;
  width: 2%;
}

.d-none-fl1 {
  display: none;
  flex: 1;
  flex-direction: column;
}

.flex-ac-wrap-g05-p-2-0-bb-1 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
  padding: 0.5rem 0;
}

.grid-g35 {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: 1fr 1fr;
}

.fs72-fw7-c-muted-mb2-uc-3 {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.flex-ac-jfc-h110px-fs25-bg-grad-green-13-green-3 {
  align-items: center;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1254901961), rgba(16, 185, 129, 0.031372549));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 2.5rem;
  height: 110px;
  justify-content: center;
}

.badge-transparent-xs-fs78-p14-3-2 {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid var(--body-border);
  border-radius: 999px;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
}

.w100pct-p-3-mb5 {
  justify-content: center;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  width: 100%;
}

.w80px-fs8-fw7-c-green-tc {
  color: #10b981;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
  width: 80px;
}

.avatar-green-purple-36-2 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.fs225-fw9-c-blue-mt2-lh-1 {
  color: #5b8ff9;
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 1;
  margin-top: 0.5rem;
}

.fs65-fw7-c-green-bg-green-10-br4px-p-08-2-uc {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 4px;
  color: #10b981;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
}

.flex-ac-g6-h180px-bg-grad-sidebar-navy-sidebar-navy2-p-6 {
  align-items: center;
  background: linear-gradient(135deg, #13142B, #1a1c3a);
  display: flex;
  gap: 1.5rem;
  height: 180px;
  padding: 1.5rem;
}

.border-radius-2 {
  border-radius: 0.5rem 0 0 0.5rem;
}

.rel-h380px-bg-grad-bg-card-bg-br4-b-1-ov-hidden {
  background: linear-gradient(135deg, var(--body-bg), var(--card-bg));
  border: 1px solid var(--body-border);
  border-radius: 1rem;
  height: 380px;
  overflow: hidden;
  position: relative;
}

.icon-box-sky-13-44 {
  align-items: center;
  background: rgba(14, 165, 233, 0.1254901961);
  border-radius: 0.75rem;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 0.75rem;
  width: 44px;
}

.fs8125-c-muted-mt08 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  margin-top: 0.2rem;
}

.fs75-fw7-c-blue {
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 700;
}

.flex-g4-pb2-ov-x-auto {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: 0.5rem;
}

.avatar-green-sky-22 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.55rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  margin-left: -5px;
  width: 22px;
}

.fs1-c-blue {
  color: #5b8ff9;
  font-size: 1rem;
}

.fs15-mb3 {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
}

.badge-sky-9-xs-fs72-p06-2 {
  background: rgba(14, 165, 233, 0.0941176471);
  border-radius: 999px;
  color: #0ea5e9;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.fw6-mb3 {
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.fs8125-c-muted-mb4 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  margin-bottom: 1rem;
}

.fs8-fw6-c-muted-bg-none-br15-p-1-2-nowrap-b-none-pointer {
  background: none;
  border: none;
  border-radius: 0.375rem;
  color: var(--body-text-muted);
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
}

.sq10px-bg-green-shrink0 {
  background: #10b981;
  border-radius: 50%;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.avatar-blue-12-48 {
  align-items: center;
  background: rgba(91, 143, 249, 0.12);
  border: 3px solid var(--body-border);
  border-radius: 50%;
  color: var(--color-primary);
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  margin-left: -18px;
  width: 48px;
}

.flex-ac-jfc-h90px-bg-grad-green-sky-br3-pointer-trans-shadow {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 0.75rem;
  box-shadow: 0 2px 12px rgba(16, 185, 129, 0.3);
  cursor: pointer;
  display: flex;
  height: 90px;
  justify-content: center;
  transition: transform 0.18s;
}

.grid-g2-mb4 {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1rem;
}

.fs85-c-sky {
  color: #0ea5e9;
  font-size: 0.85rem;
}

.h56px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 56px;
}

.fs75-fw8-c-green {
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 800;
}

.flex-jsb-fs875-p-16-0-bb-1 {
  border-bottom: 1px solid var(--body-border);
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.4rem 0;
}

.icon-box-pink-15-100-fs25 {
  align-items: center;
  background: rgba(236, 72, 153, 0.15);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  font-size: 2.5rem;
  height: 100px;
  justify-content: center;
  width: 100px;
}

.flex-ac-g16-fs875-fw7-c-white-bg-grad-blue-purple-br25 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  gap: 0.4rem;
  padding: 0.55rem 1.1rem;
}

.fs15-fw9-c-green-mb1 {
  color: #10b981;
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.flex-ac-g2-fs875-c-muted-mb6 {
  align-items: center;
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.flex-ac-g12-fw6-c-green {
  align-items: center;
  color: #10b981;
  display: flex;
  font-weight: 600;
  gap: 0.3rem;
}

.fs875-fw7-c-amber-dk-mb1 {
  color: #d97706;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.icon-box-sky-12-40 {
  align-items: center;
  background: rgba(14, 165, 233, 0.12);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.w60px-fs845-tc {
  font-size: 0.845rem;
  text-align: center;
  width: 60px;
}

.w90pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 90%;
}

.fs7-c-muted-mb06 {
  color: var(--body-text-muted);
  font-size: 0.7rem;
  margin-bottom: 0.15rem;
}

.w91pct-h100pct-bg-green-br3px {
  background: #10b981;
  border-radius: 3px;
  height: 100%;
  width: 91%;
}

.flex-ac-g35-rel-bg-amber-10-p-5-ov-hidden {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  display: flex;
  gap: 0.875rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
}

.icon-box-amber-10-48 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.75rem;
  display: flex;
  height: 48px;
  justify-content: center;
  margin-bottom: 0.875rem;
  width: 48px;
}

.badge-purple-10-xs-fs72-p05-2 {
  background: rgba(124, 58, 237, 0.1);
  border-radius: 999px;
  color: #7c3aed;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.125rem 0.5rem;
}

.flex-ac-jfc-h110px-fs25-bg-grad-amber-13-amber-3 {
  align-items: center;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1254901961), rgba(245, 158, 11, 0.031372549));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 2.5rem;
  height: 110px;
  justify-content: center;
}

.fs8125-fw7-c-white-40-mb35-uc {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.875rem;
  text-transform: uppercase;
}

.mt2-tc {
  margin-top: 0.5rem;
  text-align: center;
}

.w12pct-h100pct-bg-green-br5px-trans {
  background: #10b981;
  border-radius: 5px;
  height: 100%;
  transition: width 0.8s ease;
  width: 12%;
}

.rel-mt-20-z2 {
  margin-top: -5rem;
  position: relative;
  z-index: 2;
}

.avatar-blue-purple-40-2 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fw9-c-sky {
  color: #0ea5e9;
  font-weight: 900;
}

.fs78-fw6-c-muted-m-0 {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  font-weight: 600;
  margin: 0;
}

.fs875-fw7-c-red-dk-mb1 {
  color: #dc2626;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.fs7-fw7-mb15-uc-op60 {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  margin-bottom: 0.375rem;
  opacity: 0.6;
  text-transform: uppercase;
}

.flex-ac-g4-bg-blue-3-br35-p-35-5 {
  align-items: center;
  background: rgba(91, 143, 249, 0.031372549);
  border: 1.5px solid rgba(91, 143, 249, 0.2509803922);
  border-radius: 0.875rem;
  display: flex;
  gap: 1rem;
  padding: 0.875rem 1.25rem;
}

.fs75-fw7-c-white-bg-sky-br16-p-12-28-b-none-pointer {
  background: #0ea5e9;
  border: none;
  border-radius: 0.4rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.3rem 0.7rem;
}

.fs8125-mono-c-muted-bg-bg-br35-p-4-mb7-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.875rem;
  color: var(--body-text-muted);
  font-family: monospace;
  font-size: 0.8125rem;
  margin-bottom: 1.75rem;
  padding: 1rem;
}

.flex-ac {
  align-items: center;
  display: flex;
}

.avatar-blue-purple-56-3 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.w96pct-bg-green {
  background: #10b981;
  width: 96%;
}

.badge-red-xs-fs65-p04-14 {
  background: #ef4444;
  border-radius: 999px;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.icon-box-red-12-52-fs95 {
  align-items: center;
  background: rgba(239, 68, 68, 0.12);
  border: 2px solid rgba(239, 68, 68, 0.25);
  border-radius: 0.75rem;
  color: #ef4444;
  display: flex;
  font-size: 0.95rem;
  font-weight: 800;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.fs1-c-muted-mb10-lh-175 {
  color: var(--body-text-muted);
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 2.5rem;
}

.fs875-fw7-c-white-bg-amber-br25-p-25-5-mb2-mr2-b-none {
  background: #f59e0b;
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.625rem 1.25rem;
  transition: opacity 0.15s;
}

.fw7-c-muted-bg-transparent-br2-p-22-44-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid var(--body-border);
  border-radius: 0.5rem;
  color: var(--body-text-muted);
  cursor: pointer;
  font-weight: 700;
  padding: 0.55rem 1.1rem;
}

.fs72-fw6-c-slate {
  color: #94a3b8;
  font-size: 0.72rem;
  font-weight: 600;
}

.fs8125-fw7-c-primary-tl-fl1 {
  color: var(--color-primary);
  flex: 1;
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: left;
}

.flex-ac-g35-rel-bg-red-10-p-5-ov-hidden {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  display: flex;
  gap: 0.875rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
}

.width-3 {
  width: min(100%, 340px);
}

.mnw130px-fs72-fw6-c-muted-shrink0 {
  color: var(--body-text-muted);
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 600;
  min-width: 130px;
}

.fs9375-c-body-bg-transparent-p-4-6-lh-17-b-none-fl1 {
  background: rgba(0, 0, 0, 0);
  border: none;
  color: var(--body-text);
  flex: 1;
  font-family: var(--font);
  font-size: 0.9375rem;
  line-height: 1.7;
  min-height: 200px;
  outline: none;
  padding: 1rem 1.5rem;
  resize: none;
}

.avatar-red-amber-56 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.w88pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 88%;
}

.flex-ac-jfc-rel-h240px-fs5-bg-grad-blue-20-purple-15 {
  align-items: center;
  background: linear-gradient(135deg, rgba(91, 143, 249, 0.2), rgba(124, 58, 237, 0.15));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 5rem;
  height: 240px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.fs6-fw7-c-red-dk-bg-red-12-br4px-p-06-2-ml-auto-uc {
  background: rgba(239, 68, 68, 0.12);
  border-radius: 4px;
  color: #dc2626;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-left: auto;
  padding: 0.15rem 0.5rem;
  text-transform: uppercase;
}

.fs6-fw7-c-slate-dk-bg-slate-dk-10-br4px-p-06-2-ml-auto-uc {
  background: rgba(100, 116, 139, 0.1);
  border-radius: 4px;
  color: #64748b;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-left: auto;
  padding: 0.15rem 0.5rem;
  text-transform: uppercase;
}

.fs8-c-muted-bg-transparent-br15-p-12-24-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid var(--body-border);
  border-radius: 0.375rem;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 0.8rem;
  padding: 0.3rem 0.6rem;
}

.fs8-c-purple {
  color: #7c3aed;
  font-size: 0.8rem;
}

.fw6-c-primary-tdn {
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
}

.bg-grad-amber-red {
  background: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);
}

.avatar-red-10-80-2 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.2);
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  margin: 0 auto 1rem;
  width: 80px;
}

.badge-blue-10-xs-fs72-ib-p06-2 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 999px;
  color: #5b8ff9;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.abs-t-20px-r-20px-sq80px-bg-blue-13 {
  background: rgba(91, 143, 249, 0.1254901961);
  border-radius: 50%;
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
}

.bg-grad-green-sky {
  background: linear-gradient(135deg, #10B981 0%, #0EA5E9 100%);
}

.fs1125-c-amber {
  color: #f59e0b;
  font-size: 1.125rem;
}

.fs85-c-amber {
  color: #f59e0b;
  font-size: 0.85rem;
}

.avatar-red-amber-56-2 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.rel-w100pct-h113px-bg-pink-64 {
  background: rgba(236, 72, 153, 0.64);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 113px;
  position: relative;
  width: 100%;
}

.avatar-blue-purple-44-4 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.w15pct-bg-red {
  background: #ef4444;
  width: 15%;
}

.flex-ac-wrap-g4-p-5 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1.25rem;
}

.fw9-bg-grad-body-blue-mb5-lh-11 {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, var(--body-text) 30%, #5B8FF9 60%, #7C3AED 100%);
  background-clip: text;
  font-size: clamp(2rem, 5vw, 3.75rem);
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 1.25rem;
}

.flex-ac-jsb-mb8 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.flex-ac-g2-bg-bg-br25-p-2-35-3 {
  align-items: center;
  background: var(--body-bg);
  border: 1.5px solid #10b981;
  border-radius: 0.625rem;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
}

.c-primary-tdn {
  color: var(--color-primary);
  text-decoration: none;
}

.w94pct-h100pct-bg-green-br999px {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  width: 94%;
}

.sq4px-bg-red-m-1px-auto-0 {
  background: #ef4444;
  border-radius: 50%;
  height: 4px;
  margin: 1px auto 0;
  width: 4px;
}

.avatar-blue-purple-24 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.pl12 {
  padding-left: 3rem;
}

.avatar-green-sky-32-2 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.h80pct-bg-green-20-br2px-fl1 {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 80%;
}

.icon-box-amber-12-52-fs95 {
  align-items: center;
  background: rgba(245, 158, 11, 0.12);
  border: 2px solid rgba(245, 158, 11, 0.25);
  border-radius: 0.75rem;
  color: #f59e0b;
  display: flex;
  font-size: 0.95rem;
  font-weight: 800;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.bg-pink-12 {
  background: rgba(236, 72, 153, 0.12);
}

.w88pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 88%;
}

.fs9375-fw7-c-body-mb2 {
  color: var(--body-text);
  font-size: 0.9375rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.badge-blue-10-xs-fs75-p08-2 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 999px;
  color: var(--color-primary);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.fs875-c-body-m-0-lh-165 {
  color: var(--body-text);
  font-size: 0.875rem;
  line-height: 1.65;
  margin: 0;
}

.abs-t0-r0-sq80px-bg-indigo-10-op60 {
  background: rgba(99, 102, 241, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.abs-t4-l4 {
  left: 1rem;
  position: absolute;
  top: 1rem;
}

.icon-box-purple-10-40 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1);
  border-radius: 0.625rem;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.avatar-purple-20-24 {
  align-items: center;
  background: rgba(124, 58, 237, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #7c3aed;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: 0px;
  width: 24px;
}

.w84pct-bg-blue {
  background: #5b8ff9;
  width: 84%;
}

.flex-col-g2-pl6-m-0 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding-left: 1.5rem;
}

.fs1375-c-white-80 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.375rem;
}

.avatar-red-12-32 {
  align-items: center;
  background: rgba(239, 68, 68, 0.12);
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.sq10px-bg-purple-shrink0 {
  background: #7c3aed;
  border-radius: 50%;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.d-block-fs9375-fw6 {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
}

.h100pct-bg-bg-br35-p-4-5-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.875rem;
  height: 100%;
  padding: 1rem 1.25rem;
}

.mw480px {
  max-width: 480px;
}

.fs1125 {
  font-size: 1.125rem;
}

.flex-g35-bg-green-7-br3-p-4-5-mb3-b-1 {
  background: rgba(16, 185, 129, 0.07);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.75rem;
  display: flex;
  gap: 0.875rem;
  margin-bottom: 0.75rem;
  padding: 1rem 1.25rem;
}

.fs11-c-blue-dk2-bg-none-b-none-pointer-op70 {
  align-self: flex-start;
  background: none;
  border: none;
  color: #2563eb;
  cursor: pointer;
  font-size: 1.1rem;
  opacity: 0.7;
}

.fs1-c-green {
  color: #10b981;
  font-size: 1rem;
}

.badge-blue-8-xs-fs75-p15-3 {
  background: rgba(91, 143, 249, 0.08);
  border: 1px solid rgba(91, 143, 249, 0.1882352941);
  border-radius: 999px;
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 700;
  left: 0.875rem;
  padding: 0.375rem 0.75rem;
  position: absolute;
  top: 0.875rem;
}

.h20px-bg-red-br1 {
  background: #ef4444;
  border-radius: 0.25rem;
  height: 20px;
}

.fs82-fw8-c-blue {
  color: #5b8ff9;
  font-size: 0.82rem;
  font-weight: 800;
}

.sq16px-pointer-accent-blue {
  accent-color: #5b8ff9;
  cursor: pointer;
  height: 16px;
  width: 16px;
}

.fs6-fw7-c-orange {
  color: #f97316;
  font-size: 0.6rem;
  font-weight: 700;
}

.w54pct-bg-blue-trans {
  background: #5b8ff9;
  transition: width 0.5s;
  width: 54%;
}

.sq10px-bg-pink-br2px {
  background: #ec4899;
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

.avatar-blue-10-48 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 48px;
}

.flex-ac-g2-fs875-c-muted {
  align-items: center;
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
}

.avatar-green-sky-38 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 800;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.avatar-blue-12-56 {
  align-items: center;
  background: rgba(91, 143, 249, 0.12);
  border: 2px solid rgba(91, 143, 249, 0.25);
  border-radius: 50%;
  color: #5b8ff9;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.bg-green-6 {
  background: rgba(16, 185, 129, 0.06);
}

.h1px-bg-white-20-m-35-0 {
  background: rgba(255, 255, 255, 0.2);
  height: 1px;
  margin: 0.875rem 0;
}

.iflex-sq32px-c-muted-bg-bg-b-1-pointer {
  align-items: center;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 50%;
  color: var(--body-text-muted);
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.badge-amber-12-xs-fs78-ib-p1-3 {
  background: rgba(245, 158, 11, 0.12);
  border-radius: 999px;
  color: #d97706;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.fs75-c-muted-mb3 {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  margin-bottom: 0.75rem;
}

.fs6-fw7-c-slate-dk-bg-slate-dk-8-br3px-p-04-14 {
  background: rgba(100, 116, 139, 0.0823529412);
  border-radius: 3px;
  color: #64748b;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.mnw700px {
  min-width: 700px;
}

.icon-box-purple-15-100-fs25 {
  align-items: center;
  background: rgba(124, 58, 237, 0.15);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  font-size: 2.5rem;
  height: 100px;
  justify-content: center;
  width: 100px;
}

.avatar-amber-20-24 {
  align-items: center;
  background: rgba(245, 158, 11, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #f59e0b;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: 0px;
  width: 24px;
}

.w100pct-h100pct-bg-green-br4px-trans {
  background: #10b981;
  border-radius: 4px;
  height: 100%;
  transition: width 0.6s;
  width: 100%;
}

.p-10-tc {
  padding: 2.5rem;
  text-align: center;
}

.flex-ac-wrap-g15 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.fs8-fw7-c-muted-mr1 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  font-weight: 700;
  margin-right: 0.25rem;
}

.fs875-c-body-m-0 {
  color: var(--body-text);
  font-size: 0.875rem;
  margin: 0;
}

.bg-grad-green-sky-2 {
  background: linear-gradient(135deg, #10B981, #0EA5E9);
}

.avatar-amber-red-44 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.fs125-fw9-c-green-mb1 {
  color: #10b981;
  font-size: 1.25rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.fs875-c-muted-mb4-lh-18 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.avatar-green-purple-22-2 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.55rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.fw8-c-body-p-3-4 {
  color: var(--body-text);
  font-weight: 800;
  padding: 0.75rem 1rem;
}

.icon-box-primary-violet-48-fs11 {
  align-items: center;
  background: linear-gradient(135deg, #4F6EF7, #8B5CF6);
  border-radius: 0.75rem;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1.1rem;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.flex-ac-g3-br25-p-25-b-1-pointer {
  align-items: center;
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  padding: 0.625rem;
}

.fs6-fw7-c-amber-dk-bg-amber-12-br4px-p-06-2-uc {
  background: rgba(245, 158, 11, 0.12);
  border-radius: 4px;
  color: #d97706;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  text-transform: uppercase;
}

.w36px-p-2 {
  padding: 0.5rem;
  width: 36px;
}

.icon-box-purple-13-44 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1254901961);
  border-radius: 0.75rem;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 0.75rem;
  width: 44px;
}

.fs125-fw9-c-blue {
  color: #5b8ff9;
  font-size: 1.25rem;
  font-weight: 900;
}

.flex-jsb-fs72-c-muted-mt15 {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.72rem;
  justify-content: space-between;
  margin-top: 0.375rem;
}

.fs1-c-purple {
  color: #7c3aed;
  font-size: 1rem;
}

.c-white-bg-blue {
  background: #5b8ff9;
  color: #fff;
}

.mw400px-fs9-c-muted-m-0-auto-6 {
  color: var(--body-text-muted);
  font-size: 0.9rem;
  margin: 0 auto 1.5rem;
  max-width: 400px;
}

.mw220px {
  max-width: 220px;
}

.badge-blue-12-xs-fs78-p15-35 {
  background: rgba(91, 143, 249, 0.12);
  border: 1.5px solid #5b8ff9;
  border-radius: 999px;
  color: #5b8ff9;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
}

.fs875-c-body-mb4-lh-18 {
  color: var(--body-text);
  font-size: 0.875rem;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.flex-jsb-fs1125-fw8-pt3-mt2-bt-2-border {
  border-top: 2px solid var(--body-border);
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  justify-content: space-between;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
}

.w90pct-bg-green {
  background: #10b981;
  width: 90%;
}

.w100pct-h100pct-bg-green-br3px-trans {
  background: #10b981;
  border-radius: 3px;
  height: 100%;
  transition: width 0.6s ease;
  width: 100%;
}

.fs1625-fw9-c-green-m-25-0-06 {
  color: #10b981;
  font-size: 1.625rem;
  font-weight: 900;
  margin: 0.625rem 0 0.15rem;
}

.w85pct-h100pct-bg-blue-br3px {
  background: #5b8ff9;
  border-radius: 3px;
  height: 100%;
  width: 85%;
}

.avatar-green-sky-56-3 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.avatar-sky-blue-56 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.avatar-blue-purple-48-2 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.fs75-fw8-c-amber-mb2-uc {
  color: #f59e0b;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.badge-transparent-xs-fs8-p14-35-2 {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid var(--body-border);
  border-radius: 999px;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.35rem 0.875rem;
}

.avatar-red-10-60 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 50%;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 0 auto 1rem;
  width: 60px;
}

.iflex-mb12-tdn {
  align-items: center;
  display: inline-flex;
  gap: 0.75rem;
  margin-bottom: 3rem;
  text-decoration: none;
}

.mw420px {
  max-width: 420px;
}

.rel-bg-transparent-br-1 {
  background: rgba(0, 0, 0, 0);
  border-right: 1px solid var(--body-border);
  position: relative;
}

.d-block-fs15-fw8-c-body-lh-1 {
  color: var(--body-text);
  display: block;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
}

.avatar-green-sky-36-2 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.abs-t-20px-r-20px-sq80px-bg-red-13 {
  background: rgba(239, 68, 68, 0.1254901961);
  border-radius: 50%;
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
}

.fs72-fw7-c-muted-mb25-uc-2 {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
}

.abs-t-30px-r-30px-sq120px-bg-blue-20 {
  background: rgba(91, 143, 249, 0.2);
  border-radius: 50%;
  height: 120px;
  position: absolute;
  right: -30px;
  top: -30px;
  width: 120px;
}

.flex-wrap-g08-mb3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin-bottom: 0.75rem;
}

.avatar-pink-20-24 {
  align-items: center;
  background: rgba(236, 72, 153, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #ec4899;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: -6px;
  width: 24px;
}

.fs1375-c-white {
  color: #fff;
  font-size: 1.375rem;
}

.d-block-fs78-fw7-c-muted-mb15 {
  color: var(--body-text-muted);
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.fs72-fw7-c-muted-mb35-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.875rem;
  text-transform: uppercase;
}

.flex-col-g2-mb5 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}

.badge-green-10-xs-fs75-p08-24 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.6rem;
}

.icon-box-purple-12-32 {
  align-items: center;
  background: rgba(124, 58, 237, 0.12);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.mnw30px-fs75-fw7 {
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 30px;
}

.fs11-c-red-dk-mt04-shrink0 {
  color: #dc2626;
  flex-shrink: 0;
  font-size: 1.1rem;
  margin-top: 0.1rem;
}

.fs8125-fw6-c-body-bg-bg-br999px-p-15-35-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 999px;
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
}

.w30pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 1s ease;
  width: 30%;
}

.avatar-sky-blue-44-2 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.flex-jsb-fs8125-mb15 {
  display: flex;
  font-size: 0.8125rem;
  justify-content: space-between;
  margin-bottom: 0.375rem;
}

.avatar-green-purple-34 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  margin-top: 0.25rem;
  width: 34px;
}

.fs8-c-green {
  color: #10b981;
  font-size: 0.8rem;
}

.w32pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 32%;
}

.w26pct-h100pct-bg-grad-blue-purple-br4px-trans {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 4px;
  height: 100%;
  transition: width 0.8s ease;
  width: 26%;
}

.avatar-green-sky-32-3 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.fs7-fw6-c-amber {
  color: #f59e0b;
  font-size: 0.7rem;
  font-weight: 600;
}

.transform {
  transform: rotate(-90deg);
}

.sq8px-bg-blue-shadow {
  animation: pulse 1.5s infinite;
  background: #5b8ff9;
  border-radius: 50%;
  box-shadow: 0 0 8px #5b8ff9;
  height: 8px;
  width: 8px;
}

.flex-col-g2-fl1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
}

.avatar-pink-20-24-2 {
  align-items: center;
  background: rgba(236, 72, 153, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #ec4899;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: 0px;
  width: 24px;
}

.badge-blue-10-xs-fs75-p08-24 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 999px;
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.6rem;
}

.icon-box-orange-10-44 {
  align-items: center;
  background: rgba(249, 115, 22, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.rel-ov-hidden {
  overflow: hidden;
  position: relative;
}

.bg-card-bg-br3-p-4-mb4-b-1 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
}

.border-radius-3 {
  border-radius: 0.75rem 0.75rem 0 0;
}

.abs-t0-r0-sq80px-bg-pink-10-op60 {
  background: rgba(236, 72, 153, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.flex-ac-jfc-h44px-bg-grad-green-sky-br2-b-2-pointer-trans {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 44px;
  justify-content: center;
  opacity: 0.5;
  transition: opacity 0.2s;
}

.fs15-fw8-m-0-0-1 {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0 0 0.25rem;
}

.fs8125-fw5-c-muted-bg-transparent-br999px-p-15-4-b-1-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1px solid var(--body-border);
  border-radius: 999px;
  color: var(--body-text-muted);
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.375rem 1rem;
  transition: all 0.15s;
}

.fs1-fw7-c-white-50-mb3-uc-2 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.pt2 {
  padding-top: 0.5rem;
}

.fw7-c-white-bg-red-br25-p-25-5-b-none-pointer-fl1 {
  background: #ef4444;
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  flex: 1;
  font-weight: 700;
  justify-content: center;
  padding: 0.625rem 1.25rem;
}

.flex-col-ac-jfc-g4-c-muted-p-8-fl1 {
  align-items: center;
  color: var(--body-text-muted);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  padding: 2rem;
}

.w36px-fs75-fw7-c-blue-tr {
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 36px;
}

.fs125-fw9-c-blue-mb1 {
  color: #5b8ff9;
  font-size: 1.25rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.fs72-fw7-c-muted-mb15-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
}

.w100pct-fs82-c-body-bg-bg-br2-p-2-3-2-8 {
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.5rem;
  box-sizing: border-box;
  color: var(--body-text);
  font-family: var(--font);
  font-size: 0.82rem;
  outline: none;
  padding: 0.5rem 0.75rem 0.5rem 2rem;
  width: 100%;
}

.flex-jfc-wrap-g8 {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

.avatar-sky-blue-22 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.w100pct-fs9375-fw7-c-white-bg-purple-br3-p-3-b-2-pointer {
  background: #7c3aed;
  border: 2px solid #7c3aed;
  border-radius: 0.75rem;
  color: #fff;
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.9375rem;
  font-weight: 700;
  padding: 0.75rem;
  transition: all 0.2s;
  width: 100%;
}

.w24px-fs75-fw7-c-blue {
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 700;
  width: 24px;
}

.w70pct-h100pct-bg-grad-blue-purple-br999px {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 999px;
  height: 100%;
  width: 70%;
}

.d-iblock-sq4px-bg-muted {
  background: var(--body-text-muted);
  border-radius: 50%;
  display: inline-block;
  height: 4px;
  width: 4px;
}

.fs6-fw7-c-red-dk-bg-red-12-br4px-p-06-2-uc {
  background: rgba(239, 68, 68, 0.12);
  border-radius: 4px;
  color: #dc2626;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  text-transform: uppercase;
}

.icon-box-blue-8-36 {
  align-items: center;
  background: rgba(91, 143, 249, 0.0823529412);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.h240px {
  height: 240px;
}

.abs-t-20px-r-20px-sq80px-bg-sky-13 {
  background: rgba(14, 165, 233, 0.1254901961);
  border-radius: 50%;
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
}

.icon-box-blue-15-52 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1450980392);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.fs8-c-muted-m-1-0-0 {
  color: var(--body-text-muted);
  font-size: 0.8rem;
  margin: 0.25rem 0 0;
}

.avatar-purple-pink-44-2 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.w100pct-fs875-c-body-bg-bg-br25-p-28-35-mb4 {
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.625rem;
  box-sizing: border-box;
  color: var(--body-text);
  font-family: var(--font);
  font-size: 0.875rem;
  margin-bottom: 1rem;
  outline: none;
  padding: 0.7rem 0.875rem;
  width: 100%;
}

.iflex-bg-card-bg-br999px-p-2-35-b-1 {
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 999px;
  display: inline-flex;
  gap: 1rem;
  padding: 0.5rem 0.875rem;
}

.gauge-color-2 {
  --gauge-color:#5B8FF9;
}

.w65pct-h100pct-bg-grad-blue-purple-br999px {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 999px;
  height: 100%;
  width: 65%;
}

.fs65-fw7-c-red-dk-bg-red-12-br4px-p-08-2-uc {
  background: rgba(239, 68, 68, 0.12);
  border-radius: 4px;
  color: #dc2626;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
}

.fs82-fw7-c-muted {
  color: var(--body-text-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.flex-ac-g4-bg-purple-3-br35-p-35-5 {
  align-items: center;
  background: rgba(124, 58, 237, 0.031372549);
  border: 1.5px solid rgba(124, 58, 237, 0.2509803922);
  border-radius: 0.875rem;
  display: flex;
  gap: 1rem;
  padding: 0.875rem 1.25rem;
}

.flex-ac-jsb-fs875-p-16-0 {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.4rem 0;
}

.avatar-blue-purple-44-5 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.avatar-red-amber-30 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.w83pct-bg-blue {
  background: #5b8ff9;
  width: 83%;
}

.fs125-fw8-c-white {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 800;
}

.icon-box-pink-15-52 {
  align-items: center;
  background: rgba(236, 72, 153, 0.1450980392);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.fs25-c-green-mb3 {
  color: #10b981;
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
}

.fs25-fw9-c-body-mb35-lh-12 {
  color: var(--body-text);
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 0.875rem;
}

.icon-box-green-10-40-2 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.625rem;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.flex-ac-jfc-h120px-bg-grad-green-sky {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  display: flex;
  height: 120px;
  justify-content: center;
}

.fs125-fw9-c-pink {
  color: #ec4899;
  font-size: 1.25rem;
  font-weight: 900;
}

.c-inherit {
  color: inherit;
}

.flex-ac-g3-bg-card-bg-br2-p-3-b-1 {
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.5rem;
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
}

.fs65-fw7-c-green-dk-bg-green-10-br4px-p-06-18 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 4px;
  color: #059669;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
}

.w14px-fs7-shrink0 {
  flex-shrink: 0;
  font-size: 0.7rem;
  width: 14px;
}

.flex-g4-fs78-c-muted-mb3 {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.78rem;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.flex-col-afe-mw72pct {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  max-width: 72%;
}

.fs15-c-green {
  color: #10b981;
  font-size: 1.5rem;
}

.d-none-p-8-0-tc {
  display: none;
  padding: 2rem 0;
  text-align: center;
}

.badge-sky-12-xs-fs78-ib-p1-3 {
  background: rgba(14, 165, 233, 0.12);
  border-radius: 999px;
  color: #0284c7;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.badge-purple-9-xs-fs72-p06-2 {
  background: rgba(124, 58, 237, 0.0941176471);
  border-radius: 999px;
  color: #7c3aed;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.fs75-c-green-bg-green-10-br999px-p-04-18-ml15 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #10b981;
  font-size: 0.75rem;
  margin-left: 0.375rem;
  padding: 0.1rem 0.45rem;
}

.icon-box-blue-44 {
  align-items: center;
  background: #5b8ff9;
  border: 1.5px solid #5b8ff9;
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  height: 44px;
  justify-content: center;
  margin: 0 auto;
  width: 44px;
}

.flex-ac-g4-bg-green-3-br35-p-35-5 {
  align-items: center;
  background: rgba(16, 185, 129, 0.031372549);
  border: 1.5px solid rgba(16, 185, 129, 0.2509803922);
  border-radius: 0.875rem;
  display: flex;
  gap: 1rem;
  padding: 0.875rem 1.25rem;
}

.fs175-c-primary {
  color: var(--color-primary);
  font-size: 1.75rem;
}

.bg-blue-6-p-25-tc-br-1 {
  background: rgba(91, 143, 249, 0.06);
  border-right: 1px solid var(--body-border);
  padding: 0.625rem;
  text-align: center;
}

.fs75-fw8-c-blue {
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 800;
}

.w36px-fs75-fw7-c-purple-tr {
  color: #7c3aed;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 36px;
}

.icon-box-green-10-36-2 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.avatar-primary-25-32 {
  align-items: center;
  background: rgba(79, 110, 247, 0.25);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.flex-g3-fs82-c-muted-mb6 {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.82rem;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.fs72-fw7-c-muted-mb3-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.fs875-c-white-bg-blue-p-24-4-bl-1-none-pointer {
  background: #5b8ff9;
  border: 1.5px solid #5b8ff9;
  border-left: none;
  border-radius: 0 0.5rem 0.5rem 0;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  padding: 0.6rem 1rem;
}

.flex-ac-g3-mt15 {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  margin-top: 0.375rem;
}

.badge-amber-10-xs-fs72-ib-p06-2 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 999px;
  color: #f59e0b;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.avatar-sky-blue-36 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 65vh;
}

.w80px-tc {
  text-align: center;
  width: 80px;
}

.flex-ac-g25-bg-bg-br35-p-25-35-b-1 {
  align-items: center;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.875rem;
  display: flex;
  gap: 0.625rem;
  padding: 0.625rem 0.875rem;
}

.flex-wrap-g6-mt35 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 0.875rem;
}

.w100pct-fs875-c-body-bg-bg-br2-p-24-35-24-96-trans {
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.5rem;
  box-sizing: border-box;
  color: var(--body-text);
  font-family: var(--font);
  font-size: 0.875rem;
  outline: none;
  padding: 0.6rem 0.875rem 0.6rem 2.4rem;
  transition: border-color 0.2s;
  width: 100%;
}

.avatar-blue-purple-48-3 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: 3px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.85rem;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  margin-left: 0px;
  width: 48px;
}

.avatar-green-sky-22-2 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.d-iblock-sq14px-bg-rose-dk-shrink0 {
  background: #e11d48;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}

.c-white-90 {
  color: rgba(255, 255, 255, 0.9);
}

.icon-box-green-purple-56-fs1125 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 1rem;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.avatar-purple-pink-56-3 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.w22pct {
  width: 22%;
}

.rel-bg-transparent-p-35-4-bb-1-pointer-trans {
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--body-border);
  cursor: pointer;
  padding: 0.875rem 1rem;
  position: relative;
  transition: background 0.15s;
}

.avatar-amber-15-40 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1450980392);
  border-radius: 50%;
  color: #f59e0b;
  display: flex;
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 900;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.iflex-bg-grad-blue-15-purple-10-br999px-p-2-5-mb6-b-1-shadow {
  align-items: center;
  background: linear-gradient(135deg, rgba(91, 143, 249, 0.15), rgba(124, 58, 237, 0.1));
  border: 1px solid rgba(91, 143, 249, 0.3);
  border-radius: 999px;
  box-shadow: 0 0 24px rgba(91, 143, 249, 0.15);
  display: inline-flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 1.25rem;
}

.abs-t-80px-l-100px-sq400px-bg-red-6 {
  background: rgba(239, 68, 68, 0.06);
  border-radius: 50%;
  filter: blur(60px);
  height: 400px;
  left: -100px;
  position: absolute;
  top: -80px;
  width: 400px;
}

.h84px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 84px;
}

.fs9375-c-muted-mb7 {
  color: var(--body-text-muted);
  font-size: 0.9375rem;
  margin-bottom: 1.75rem;
}

.avatar-blue-purple-22-3 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.55rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  margin-left: -5px;
  width: 22px;
}

.fs225-fw9-c-body-lh-1 {
  color: var(--body-text);
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 1;
}

.flex-g3-mnw280px-bg-card-bg-br3-p-35-45-b-1-shadow {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  display: flex;
  gap: 0.75rem;
  min-width: 280px;
  padding: 0.875rem 1.125rem;
}

.c-orange {
  color: #f97316;
}

.flex-g35-bg-blue-7-br3-p-4-5-mb3-b-1 {
  background: rgba(91, 143, 249, 0.07);
  border: 1px solid rgba(91, 143, 249, 0.2);
  border-radius: 0.75rem;
  display: flex;
  gap: 0.875rem;
  margin-bottom: 0.75rem;
  padding: 1rem 1.25rem;
}

.fs72-fw6-c-green {
  color: #10b981;
  font-size: 0.72rem;
  font-weight: 600;
}

.w28px-fs75-fw7-c-red-tr {
  color: #ef4444;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 28px;
}

.avatar-amber-red-44-2 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.fs5-mb6 {
  font-size: 5rem;
  margin-bottom: 1.5rem;
}

.bg-amber-ml-auto {
  background: #f59e0b;
  margin-left: auto;
}

.fs85-c-pink {
  color: #ec4899;
  font-size: 0.85rem;
}

.sq10px-bg-purple-shrink0-shadow {
  background: #7c3aed;
  border-radius: 50%;
  box-shadow: 0 0 6px #7c3aed;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.flex-ac-g15-mt15 {
  align-items: center;
  display: flex;
  gap: 0.375rem;
  margin-top: 0.375rem;
}

.flex-col-g35-p-4-5-ov-y-auto-fl1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.875rem;
  overflow-y: auto;
  padding: 1rem 1.25rem;
}

.fs7 {
  font-size: 0.7rem;
}

.abs-r6px-b6px-sq20px-bg-green {
  background: #10b981;
  border: 3px solid var(--card-bg);
  border-radius: 50%;
  bottom: 6px;
  height: 20px;
  position: absolute;
  right: 6px;
  width: 20px;
}

.fs175-fw9-c-body-mb25-lh-12 {
  color: var(--body-text);
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 0.625rem;
}

.bg-bg-br25-p-25-tc {
  background: var(--body-bg);
  border-radius: 0.625rem;
  padding: 0.625rem;
  text-align: center;
}

.fs1125-fw7-c-body {
  color: var(--body-text);
  font-size: 1.125rem;
  font-weight: 700;
}

.flex-ac-jfc-h110px-fs25-bg-grad-sky-13-sky-3 {
  align-items: center;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.1254901961), rgba(14, 165, 233, 0.031372549));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 2.5rem;
  height: 110px;
  justify-content: center;
}

.fs875-c-muted-mb4 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.w100pct-fs9375-fw7-c-green-bg-transparent-br3-p-3-b-2 {
  background: rgba(0, 0, 0, 0);
  border: 2px solid #10b981;
  border-radius: 0.75rem;
  color: #10b981;
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.9375rem;
  font-weight: 700;
  padding: 0.75rem;
  transition: all 0.2s;
  width: 100%;
}

.flex-col-ac-g1-fs78-fw7-c-red-bg-red-10-br2-p-2-b-2-pointer {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid #ef4444;
  border-radius: 0.5rem;
  color: #ef4444;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.25rem;
  padding: 0.5rem;
}

.fs125-fw9-c-purple-mb1 {
  color: #7c3aed;
  font-size: 1.25rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.fs25-fw9-c-primary-lh-1 {
  color: var(--color-primary);
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
}

.fs9375-fw7-mb15-lh-13 {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.375rem;
}

.flex-ac-g15-fs8-fw7-c-white-bg-amber-br2-p-16-35-b-none {
  align-items: center;
  background: #f59e0b;
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  gap: 0.375rem;
  padding: 0.4rem 0.875rem;
}

.flex-col-ac-jfc-h160px-bg-grad-green-sky-p-6-tc {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
}

.fs85-fw6-c-body {
  color: var(--body-text);
  font-size: 0.85rem;
  font-weight: 600;
}

.avatar-red-amber-40-2 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.icon-box-green-20-50 {
  align-items: center;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 1rem;
  display: flex;
  flex-shrink: 0;
  height: 50px;
  justify-content: center;
  width: 50px;
}

.badge-green-10-xs-fs72-if-p08-25 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #059669;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.625rem;
}

.fs75-c-muted-ml-auto {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  margin-left: auto;
}

.fs845-c-muted-lh-16 {
  color: var(--body-text-muted);
  font-size: 0.845rem;
  line-height: 1.6;
}

.bg-card-bg-br4-p-5-mb8-b-1 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 1rem;
  margin-bottom: 2rem;
  padding: 1.25rem;
}

.flex-ac-g3-mb25 {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.625rem;
}

.w88pct-h100pct-bg-blue-br999px {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  width: 88%;
}

.pl3 {
  padding-left: 0.75rem;
}

.bg-grad-blue-purple-2 {
  background: linear-gradient(135deg, #5B8FF9 0%, #7C3AED 100%);
}

.w28px-fs75-fw7-c-purple-tr {
  color: #7c3aed;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 28px;
}

.fs875-c-body-bg-green-6-br3-p-35-b-1 {
  background: rgba(16, 185, 129, 0.06);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.75rem;
  color: var(--body-text);
  font-size: 0.875rem;
  padding: 0.875rem;
}

.flex-g6-bg-bg-br25-p-3-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  display: flex;
  gap: 1.5rem;
  padding: 0.75rem;
}

.icon-box-green-9-32 {
  align-items: center;
  background: rgba(16, 185, 129, 0.0941176471);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.fs125-c-green {
  color: #10b981;
  font-size: 1.25rem;
}

.avatar-amber-red-44-3 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.br3 {
  border-radius: 0.75rem;
}

.bg-amber-12-mb0 {
  background: rgba(245, 158, 11, 0.12);
  margin-bottom: 0;
}

.flex-ac-jfc-h90px-bg-grad-amber-red-br3-pointer-trans-shadow {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 0.75rem;
  box-shadow: 0 2px 12px rgba(245, 158, 11, 0.3);
  cursor: pointer;
  display: flex;
  height: 90px;
  justify-content: center;
  transition: transform 0.18s;
}

.sq10px-bg-green-shrink0-shadow {
  background: #10b981;
  border-radius: 50%;
  box-shadow: 0 0 6px #10b981;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.icon-box-green-15-52 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1450980392);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.mw960px-m-0-auto {
  margin: 0 auto;
  max-width: 960px;
}

.flex-g1-bg-bg-br25-p-1-mb6-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  display: flex;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
  padding: 0.25rem;
  width: fit-content;
}

.fs11-c-violet {
  color: #8b5cf6;
  font-size: 1.1rem;
}

.fs7-fw7-c-green-lh-13 {
  color: #10b981;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.3;
}

.fs175-fw9-c-green-m-2-0 {
  color: #10b981;
  font-size: 1.75rem;
  font-weight: 900;
  margin: 0.5rem 0;
}

.fs1875-fw9-c-body-lh-1 {
  color: var(--body-text);
  font-size: 1.875rem;
  font-weight: 900;
  line-height: 1;
}

.w100pct-fw6-c-primary-bg-primary-light-b-none {
  background: var(--color-primary-light);
  border: none;
  color: var(--color-primary);
  font-weight: 600;
  justify-content: flex-start;
  width: 100%;
}

.fw9-c-green {
  color: #10b981;
  font-weight: 900;
}

.avatar-blue-purple-40-3 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 800;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.pt4-pb4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.w88pct-bg-blue {
  background: #5b8ff9;
  width: 88%;
}

.flex-ac-g25-mb16 {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  margin-bottom: 0.4rem;
}

.ml-auto-mr15 {
  margin-left: auto;
  margin-right: 0.375rem;
}

.fs65-fw7-c-muted-p-08-0-tc-uc {
  color: var(--body-text-muted);
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0;
  text-align: center;
  text-transform: uppercase;
}

.p-3-bb-1-shrink0 {
  border-bottom: 1px solid var(--body-border);
  flex-shrink: 0;
  padding: 0.75rem;
}

.fs78-fw7-c-muted-mb2-uc {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.avatar-sky-blue-24 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.abs-t0-r0-sq80px-bg-purple-10-op60 {
  background: rgba(124, 58, 237, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.abs-tc {
  position: absolute;
  text-align: center;
}

.w100pct-mw380px {
  max-width: 380px;
  width: 100%;
}

.w100px-fs845-tr {
  font-size: 0.845rem;
  text-align: right;
  width: 100px;
}

.mw260px {
  max-width: 260px;
}

.bg-bg-br35-p-4-mt6-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.875rem;
  margin-top: 1.5rem;
  padding: 1rem;
}

.flex-wrap-g3-mb6 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.h40pct-bg-sky-20-br2px-fl1 {
  background: rgba(14, 165, 233, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 40%;
}

.avatar-green-teal-dk-64 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0D9488);
  border-radius: 50%;
  box-shadow: 0 8px 32px rgba(16, 185, 129, 0.6), 0 2px 8px rgba(16, 185, 129, 0.3);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 800;
  height: 64px;
  justify-content: center;
  transition: transform 0.2s;
  width: 64px;
}

.avatar-bg-32 {
  align-items: center;
  background: var(--body-bg);
  border: none;
  border-radius: 50%;
  color: var(--body-text-muted);
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.w86pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 86%;
}

.fs2-c-blue-mb2 {
  color: #5b8ff9;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.w80px-fs8-fw7-c-red-tc {
  color: #ef4444;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
  width: 80px;
}

.fs875-c-muted-mb0-lh-18 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  line-height: 1.8;
  margin-bottom: 0;
}

.avatar-purple-pink-44-3 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.flex-afe-g3px-h32px {
  align-items: flex-end;
  display: flex;
  gap: 3px;
  height: 32px;
}

.avatar-purple-pink-34 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  margin-top: 0.25rem;
  width: 34px;
}

.w85pct-h40px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 40px;
  width: 85%;
}

.fs845-fw5-c-body {
  color: var(--body-text);
  font-size: 0.845rem;
  font-weight: 500;
}

.fs15-fw9-c-body-lh-1 {
  color: var(--body-text);
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1;
}

.avatar-sky-blue-36-2 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.mb0-mt08 {
  margin-bottom: 0;
  margin-top: 0.2rem;
}

.icon-box-transparent-28-2 {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0.4rem;
  color: var(--body-text-muted);
  cursor: pointer;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.mw440px-fs1-c-muted-m-0-auto-8-lh-165 {
  color: var(--body-text-muted);
  font-size: 1rem;
  line-height: 1.65;
  margin: 0 auto 2rem;
  max-width: 440px;
}

.badge-red-xs-fs78-ib-p1-3 {
  background: #ef4444;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.h136px-bg-orange-op85 {
  background: #f97316;
  border-radius: 0.375rem 0.375rem 0 0;
  height: 136px;
  opacity: 0.85;
}

.avatar-sky-blue-56-2 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.sq10px-bg-blue-shrink0-shadow {
  background: #5b8ff9;
  border-radius: 50%;
  box-shadow: 0 0 6px #5b8ff9;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.w60px {
  width: 60px;
}

.avatar-purple-20 {
  align-items: center;
  background: #7c3aed;
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--card-bg), 0 0 0 5px rgba(124, 58, 237, 0.1882352941);
  display: flex;
  height: 20px;
  justify-content: center;
  left: -0.9375rem;
  position: absolute;
  top: 0.25rem;
  width: 20px;
}

.avatar-green-24-2 {
  align-items: center;
  background: #10b981;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  margin-left: -0.375rem;
  width: 24px;
}

.fs68-fw7-c-white-80-uc-lh-1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.icon-box-sky-10-44 {
  align-items: center;
  background: rgba(14, 165, 233, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.w195pct-p-4-3-tc {
  padding: 1rem 0.75rem;
  text-align: center;
  width: 19.5%;
}

.bg-sb-bg-bc-white-7 {
  background: var(--sidebar-bg, #13142B);
  border-color: rgba(255, 255, 255, 0.07);
}

.h70pct-bg-sky-20-br2px-fl1 {
  background: rgba(14, 165, 233, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 70%;
}

.fs72-fw6-c-white-bg-grad-blue-purple-br16-p-14-3-b-none {
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: none;
  border-radius: 0.4rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
}

.d-block-fs3-c-muted-mb4-op40 {
  color: var(--body-text-muted);
  display: block;
  font-size: 3rem;
  margin-bottom: 1rem;
  opacity: 0.4;
}

.badge-green-10-xs-fs72-p08-2 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #10b981;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.fw6-c-red-dk {
  color: #dc2626;
  font-weight: 600;
}

.flex-jfc-wrap-g3-mb10 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 2.5rem;
}

.h110px-bg-green-op85 {
  background: #10b981;
  border-radius: 0.375rem 0.375rem 0 0;
  height: 110px;
  opacity: 0.85;
}

.fs55-c-muted-mt5px {
  color: var(--body-text-muted);
  font-size: 0.55rem;
  margin-top: 0.5px;
}

.w28px-fs75-fw7-c-amber-tr {
  color: #f59e0b;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
  width: 28px;
}

.fs10625-c-body-m-0-lh-17 {
  color: var(--body-text);
  font-size: 1.0625rem;
  line-height: 1.7;
  margin: 0;
}

.rel-mnw200px-fl1 {
  flex: 1;
  min-width: 200px;
  position: relative;
}

.icon-box-blue-13-34 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1254901961);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.fs8125-bg-bg-br2-p-2-3 {
  background: var(--body-bg);
  border-radius: 0.5rem;
  font-size: 0.8125rem;
  padding: 0.5rem 0.75rem;
}

.fs1625-fw9-c-amber-m-25-0-06 {
  color: #f59e0b;
  font-size: 1.625rem;
  font-weight: 900;
  margin: 0.625rem 0 0.15rem;
}

.c-primary-lt {
  color: #7b9ff8;
}

.fs13-fw9-c-green {
  color: #10b981;
  font-size: 1.3rem;
  font-weight: 900;
}

.fs125-c-slate-dk {
  color: #64748b;
  font-size: 1.25rem;
}

.grid-g8 {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
}

.h72px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 72px;
}

.avatar-blue-purple-34 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  margin-top: 0.25rem;
  width: 34px;
}

.w10pct-h100pct-bg-amber-br999px-trans {
  background: #f59e0b;
  border-radius: 999px;
  height: 100%;
  transition: width 1s ease;
  width: 10%;
}

.w73pct-h100pct-bg-grad-amber-red-br6px {
  background: linear-gradient(90deg, #F59E0B, #EF4444);
  border-radius: 6px;
  height: 100%;
  width: 73%;
}

.bg-bg-br2-p-2-3-b-1-ov-x-auto {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.5rem;
  overflow-x: auto;
  padding: 0.5rem 0.75rem;
}

.fs78-mt08-op70 {
  font-size: 0.78rem;
  margin-top: 0.2rem;
  opacity: 0.7;
}

.b-15px-l-10px-sq70px {
  bottom: -15px;
  height: 70px;
  left: -10px;
  width: 70px;
}

.fs78-fw7-c-orange-lt-bg-orange-lt-7-br2-p-18-35-b-1 {
  background: rgba(255, 107, 43, 0.0705882353);
  border: 1px solid rgba(255, 107, 43, 0.2509803922);
  border-radius: 0.5rem;
  color: #ff6b2b;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.45rem 0.875rem;
}

.fs65-fw7-c-slate-dk-bg-slate-dk-10-br4px-p-08-2-uc {
  background: rgba(100, 116, 139, 0.1);
  border-radius: 4px;
  color: #64748b;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
}

.abs-t50pct-l3-fs875-c-muted-pe-none {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  left: 0.75rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.flex-jsb-fs8125-fw7-mb25 {
  display: flex;
  font-size: 0.8125rem;
  font-weight: 700;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}

.fs75-fw6-c-blue-bg-transparent-br25-p-15-35-b-1-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #5b8ff9;
  border-radius: 0.625rem;
  color: #5b8ff9;
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
}

.sq6px-bg-red {
  background: #ef4444;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.abs-t-100px-r-100px-sq400px-bg-primary-8 {
  background: rgba(79, 110, 247, 0.08);
  border-radius: 50%;
  height: 400px;
  position: absolute;
  right: -100px;
  top: -100px;
  width: 400px;
}

.c-muted-p-3-4-tr {
  color: var(--body-text-muted);
  padding: 0.75rem 1rem;
  text-align: right;
}

.fs1-fw8-mb3 {
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
}

.fs9375-fw7-mb1 {
  font-size: 0.9375rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.fs15-c-purple {
  color: #7c3aed;
  font-size: 1.5rem;
}

.sq52px-m-0-auto-4 {
  animation: spin 0.85s linear infinite;
  border: 4px solid var(--color-primary-light);
  border-radius: 50%;
  border-top-color: var(--color-primary);
  height: 52px;
  margin: 0 auto 1rem;
  width: 52px;
}

.fs75-fw7-c-muted-p-3-4-tl-uc {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  text-align: left;
  text-transform: uppercase;
}

.sq12px-bg-blue-br3px {
  background: #5b8ff9;
  border-radius: 3px;
  height: 12px;
  width: 12px;
}

.abs-t65pct-l55pct {
  left: 55%;
  position: absolute;
  top: 65%;
  transform: translate(-50%, -50%);
}

.w60px-fs845 {
  font-size: 0.845rem;
  width: 60px;
}

.br35-p-2-trans {
  border-radius: 0.875rem;
  min-height: 300px;
  padding: 0.5rem;
  transition: background 0.2s;
}

.c-red-bg-red-13 {
  background: rgba(239, 68, 68, 0.1254901961);
  color: #ef4444;
}

.grid-g4-2 {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
}

.fs11-c-purple {
  color: #7c3aed;
  font-size: 1.1rem;
}

.icon-box-sky-blue-56-fs1125 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 1rem;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.bg-card-bg-br25-p-3-b-1 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.625rem;
  padding: 0.75rem;
}

.fs845-fw6 {
  font-size: 0.845rem;
  font-weight: 600;
}

.fs125-c-white {
  color: #fff;
  font-size: 1.25rem;
}

.avatar-green-purple-30 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.icon-box-blue-12-52-fs95 {
  align-items: center;
  background: rgba(91, 143, 249, 0.12);
  border: 2px solid rgba(91, 143, 249, 0.25);
  border-radius: 0.75rem;
  color: #5b8ff9;
  display: flex;
  font-size: 0.95rem;
  font-weight: 800;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.bg-grad-pink-purple {
  background: linear-gradient(135deg, #EC4899 0%, #7C3AED 100%);
}

.icon-box-purple-10-40-2 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs8-c-red {
  color: #ef4444;
  font-size: 0.8rem;
}

.fs2-fw9-mono-c-amber {
  color: #f59e0b;
  font-family: monospace;
  font-size: 2rem;
  font-weight: 900;
}

.w46pct-h100pct-bg-grad-blue-purple-br4px-trans {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 4px;
  height: 100%;
  transition: width 0.8s ease;
  width: 46%;
}

.fs7-fw6-c-purple {
  color: #7c3aed;
  font-size: 0.7rem;
  font-weight: 600;
}

.bg-blue-8-p-6-bb-1 {
  background: rgba(91, 143, 249, 0.08);
  border-bottom: 1px solid var(--body-border);
  padding: 1.5rem;
}

.icon-box-orange-10-40 {
  align-items: center;
  background: rgba(249, 115, 22, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs11-c-teal {
  color: #14b8a6;
  font-size: 1.1rem;
}

.flex-ac-jfc-h110px-fs25-bg-grad-purple-13-purple-3 {
  align-items: center;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.1254901961), rgba(124, 58, 237, 0.031372549));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 2.5rem;
  height: 110px;
  justify-content: center;
}

.flex-ac-g16-fs85-fw7-c-white-bg-blue-br2-p-2-5-b-none {
  align-items: center;
  background: #5b8ff9;
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 0.85rem;
  font-weight: 700;
  gap: 0.4rem;
  padding: 0.5rem 1.25rem;
}

.fs3-fw9-c-white-mb4-lh-11 {
  color: #fff;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 1rem;
}

.fs14-c-purple {
  color: #7c3aed;
  font-size: 1.4rem;
}

.flex-ac-g2-fs75 {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  gap: 0.5rem;
}

.mw340px-fs9375-c-white-60-lh-17 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9375rem;
  line-height: 1.7;
  max-width: 340px;
}

.avatar-sky-blue-44-3 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.w100pct-bg-grad-green-green-dk-p-3-mb5 {
  background: linear-gradient(135deg, #10B981, #059669);
  justify-content: center;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  width: 100%;
}

.badge-red-xs-fs6-p04-14 {
  background: #ef4444;
  border-radius: 999px;
  color: #fff;
  flex-shrink: 0;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.p-5-pt0 {
  padding: 1.25rem;
  padding-top: 0;
}

.w1px-h24px-bg-border-m-0-1 {
  background: var(--body-border);
  height: 24px;
  margin: 0 0.25rem;
  width: 1px;
}

.badge-red-12-xs-fs78-ib-p1-3 {
  background: rgba(239, 68, 68, 0.12);
  border-radius: 999px;
  color: #dc2626;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.icon-box-blue-10-44 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.badge-slate-dk-10-xs-fs78-ib-p1-3 {
  background: rgba(100, 116, 139, 0.1);
  border-radius: 999px;
  color: #64748b;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.flex-mt3 {
  display: flex;
  margin-top: 0.75rem;
}

.fs125-c-teal {
  color: #14b8a6;
  font-size: 1.25rem;
}

.flex-g3-mb5 {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.flex-ac-g2-fw7-c-white-bg-grad-blue-purple-br2-p-22-5-b-none {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  gap: 0.5rem;
  padding: 0.55rem 1.25rem;
}

.fs13-fw9-c-sky {
  color: #0ea5e9;
  font-size: 1.3rem;
  font-weight: 900;
}

.flex-jsb-fs7-mb08 {
  display: flex;
  font-size: 0.7rem;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.flex-ac-g2-bg-bg-br25-p-2-35-4 {
  align-items: center;
  background: var(--body-bg);
  border: 1.5px solid #0ea5e9;
  border-radius: 0.625rem;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
}

.avatar-green-purple-24 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #7C3AED);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.flex-wrap-g8-pt5-mt5-bt-1 {
  border-top: 1px solid var(--body-border);
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}

.fs875-fw7-c-amber {
  color: #f59e0b;
  font-size: 0.875rem;
  font-weight: 700;
}

.rel-h32px-bg-bg-br15-ov-hidden-fl1 {
  background: var(--body-bg);
  border-radius: 0.375rem;
  flex: 1;
  height: 32px;
  overflow: hidden;
  position: relative;
}

.fw7-c-white-bg-amber-br25-p-25-5-b-none-pointer-fl1 {
  background: #f59e0b;
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  flex: 1;
  font-weight: 700;
  justify-content: center;
  padding: 0.625rem 1.25rem;
}

.fs9-c-body-mb35-lh-17 {
  color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin-bottom: 0.875rem;
}

.icon-box-purple-9-32 {
  align-items: center;
  background: rgba(124, 58, 237, 0.0941176471);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.icon-box-sky-15-36 {
  align-items: center;
  background: rgba(14, 165, 233, 0.15);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-col-ac-jfc-h440px-p-12-tc {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 440px;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}

.fs75-fw8-c-blue-mb2-uc {
  color: #5b8ff9;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.bg-card-bg-ov-hidden-pointer-trans-shadow-4 {
  background: var(--card-bg);
  border: 1.5px solid var(--body-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.2s;
}

.iflex-fs72-fw6-c-green-bg-green-10-br16-p-08-22 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  color: #10b981;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 600;
  gap: 0.3rem;
  padding: 0.2rem 0.55rem;
}

.flex-g15-shrink0 {
  display: flex;
  flex-shrink: 0;
  gap: 0.375rem;
}

.badge-navy-xs-fs78-ib-p1-3 {
  background: #1e293b;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.fs82-fw8-c-purple {
  color: #7c3aed;
  font-size: 0.82rem;
  font-weight: 800;
}

.fs8125-c-muted-ml2 {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  margin-left: 0.5rem;
}

.flex-ac-g3-m-1-0 {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  margin: 0.25rem 0;
}

.flex-col-ac-jfc-h240px-bg-grad-pink-purple-p-8-tc {
  align-items: center;
  background: linear-gradient(135deg, #EC4899, #7C3AED);
  display: flex;
  flex-direction: column;
  height: 240px;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

.iflex-bg-amber-10-br999px-p-15-4-mb6-b-1 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: 999px;
  display: inline-flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.375rem 1rem;
}

.fs85-c-purple {
  color: #7c3aed;
  font-size: 0.85rem;
}

.d-none-pl0-pr0 {
  display: none;
  padding-left: 0;
  padding-right: 0;
}

.badge-red-10-xs-fs72-if-g1-p06-2 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 999px;
  color: #ef4444;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 700;
  gap: 0.25rem;
  padding: 0.15rem 0.5rem;
}

.abs-r-100px-b-100px-sq300px-bg-blue-7 {
  background: rgba(91, 143, 249, 0.07);
  border-radius: 50%;
  bottom: -100px;
  height: 300px;
  position: absolute;
  right: -100px;
  width: 300px;
}

.icon-box-blue-13-44 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1254901961);
  border-radius: 0.75rem;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 0.75rem;
  width: 44px;
}

.fs125-c-violet {
  color: #8b5cf6;
  font-size: 1.25rem;
}

.badge-amber-9-xs-fs72-p06-2 {
  background: rgba(245, 158, 11, 0.0941176471);
  border-radius: 999px;
  color: #f59e0b;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.c-green-bg-green-13 {
  background: rgba(16, 185, 129, 0.1254901961);
  color: #10b981;
}

.abs-r12px-b12px-fs72-c-muted-bg-card-bg-br2-p-15-3-b-1 {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.5rem;
  bottom: 12px;
  color: var(--body-text-muted);
  font-size: 0.72rem;
  padding: 0.375rem 0.75rem;
  position: absolute;
  right: 12px;
}

.mw680px {
  max-width: 680px;
}

.fs1-p-3-6-mr3 {
  font-size: 1rem;
  margin-right: 0.75rem;
  padding: 0.75rem 1.5rem;
}

.sq10px-bg-blue {
  background: #5b8ff9;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.flex-g3-3 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}

.avatar-sky-blue-80 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(124, 58, 237, 0.45), 0 8px 24px rgba(124, 58, 237, 0.45), 0 0 0 3px rgba(255, 255, 255, 0.8);
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 800;
  height: 80px;
  justify-content: center;
  width: 80px;
}

.h160px-mb25 {
  height: 160px;
  margin-bottom: 0.625rem;
}

.badge-purple-8-xs-fs75-p15-3 {
  background: rgba(124, 58, 237, 0.08);
  border: 1px solid rgba(124, 58, 237, 0.1882352941);
  border-radius: 999px;
  color: #7c3aed;
  font-size: 0.75rem;
  font-weight: 700;
  left: 0.875rem;
  padding: 0.375rem 0.75rem;
  position: absolute;
  top: 0.875rem;
}

.w82pct-h100pct-bg-blue-br999px {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  width: 82%;
}

.p-2-1-mt4 {
  margin-top: 1rem;
  padding: 0.5rem 0.25rem;
}

.flex-jsb-fs875 {
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
}

.fs1-c-blue-mid {
  color: #3b82f6;
  font-size: 1rem;
}

.w100pct-c-white-bg-white-20-p-2-b-1 {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  justify-content: center;
  padding: 0.5rem;
  width: 100%;
}

.icon-box-sky-10-52 {
  align-items: center;
  background: rgba(14, 165, 233, 0.1);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.abs-t50pct-l35-c-muted-pe-none {
  color: var(--body-text-muted);
  left: 0.875rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.fs875-2 {
  font-size: 0.875rem;
  justify-content: center;
}

.icon-box-green-8-36 {
  align-items: center;
  background: rgba(16, 185, 129, 0.0823529412);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-afs-g3-bg-bg-br25-p-3-35-mb2-bl-3-red-pointer {
  align-items: flex-start;
  background: var(--body-bg);
  border-left: 3px solid #ef4444;
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 0.875rem;
}

.w85pct-h45px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 45px;
  width: 85%;
}

.fs82-bg-blue-6-br25-p-35-b-1 {
  background: rgba(91, 143, 249, 0.06);
  border: 1px solid rgba(91, 143, 249, 0.2);
  border-radius: 0.625rem;
  font-size: 0.82rem;
  padding: 0.875rem;
}

.avatar-sky-20-24-2 {
  align-items: center;
  background: rgba(14, 165, 233, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #0ea5e9;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: 0px;
  width: 24px;
}

.h48px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 48px;
}

.fs1375-fw8-c-green-lh-1 {
  color: #10b981;
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1;
}

.h100pct-bg-purple-br2px-fl1 {
  background: #7c3aed;
  border-radius: 2px;
  flex: 1;
  height: 100%;
}

.bg-bg-br4-p-6-tc-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}

.avatar-blue-22 {
  align-items: center;
  background: #5b8ff9;
  border: 2px solid var(--body-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.58rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  margin-left: -4px;
  width: 22px;
}

.bg-grad-blue-purple-3 {
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
}

.avatar-blue-purple-22-4 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.icon-box-blue-12-40 {
  align-items: center;
  background: rgba(91, 143, 249, 0.12);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs6-fw7-c-amber-bg-amber-8-br3px-p-04-14 {
  background: rgba(245, 158, 11, 0.0823529412);
  border-radius: 3px;
  color: #f59e0b;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
}

.avatar-blue-20-24 {
  align-items: center;
  background: rgba(91, 143, 249, 0.2);
  border: 1.5px solid var(--card-bg);
  border-radius: 50%;
  color: #5b8ff9;
  display: flex;
  font-size: 0.55rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  margin-left: 0px;
  width: 24px;
}

.fs8-c-blue {
  color: #5b8ff9;
  font-size: 0.8rem;
}

.fs11-c-blue-dk2-mt04-shrink0 {
  color: #2563eb;
  flex-shrink: 0;
  font-size: 1.1rem;
  margin-top: 0.1rem;
}

.badge-red-12-xs-fs78-if-g14-p1-3 {
  align-items: center;
  background: rgba(239, 68, 68, 0.12);
  border-radius: 999px;
  color: #ef4444;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.35rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.w82pct-bg-grad-blue-purple {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  width: 82%;
}

.fs175-fw9-c-amber-lh-1 {
  color: #f59e0b;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1;
}

.mnw30px-fw8-c-primary {
  color: var(--color-primary);
  font-weight: 800;
  min-width: 30px;
}

.h2px-bg-border-m-0-2-fl1 {
  background: var(--body-border);
  flex: 1;
  height: 2px;
  margin: 0 0.5rem;
}

.avatar-blue-sky-64 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #0EA5E9);
  border-radius: 50%;
  box-shadow: 0 8px 32px rgba(91, 143, 249, 0.6), 0 2px 8px rgba(91, 143, 249, 0.4);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 800;
  height: 64px;
  justify-content: center;
  transition: transform 0.2s;
  width: 64px;
}

.w85pct-h61px-bg-blue-25-br1-b-2 {
  background: rgba(91, 143, 249, 0.25);
  border: 2px solid #5b8ff9;
  border-radius: 0.25rem;
  height: 61px;
  width: 85%;
}

.flex-ac-g35-bg-bg-br35-p-35-b-1 {
  align-items: center;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.875rem;
  display: flex;
  gap: 0.875rem;
  padding: 0.875rem;
}

.fs72-fw7-c-amber {
  color: #f59e0b;
  font-size: 0.72rem;
  font-weight: 700;
}

.w80px-fw8-c-blue-tc {
  color: #5b8ff9;
  font-weight: 800;
  text-align: center;
  width: 80px;
}

.sq8px-bg-sky {
  background: #0ea5e9;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.flex-afs-jsb-g4-mb35 {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 0.875rem;
}

.h90px-bg-sky-op85 {
  background: #0ea5e9;
  border-radius: 0.375rem 0.375rem 0 0;
  height: 90px;
  opacity: 0.85;
}

.flex-g15-mb25 {
  display: flex;
  gap: 0.375rem;
  margin-bottom: 0.625rem;
}

.icon-box-amber-10-44 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.w16px-fs875-c-muted {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  width: 16px;
}

.flex-ac-g35-bg-card-bg-br4-p-45-5-b-1-pointer-trans {
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 1rem;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  padding: 1.125rem 1.25rem;
  transition: background 0.15s;
}

.rel-p-0-6 {
  padding: 0 1.5rem;
  position: relative;
}

.w100pct-mw360px {
  max-width: 360px;
  width: 100%;
}

.fs14-c-sky {
  color: #0ea5e9;
  font-size: 1.4rem;
}

.fs25-c-white-70 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 2.5rem;
}

.w85pct-bg-blue {
  background: #5b8ff9;
  width: 85%;
}

.fs9375-c-body-2 {
  color: var(--body-text);
  font-size: 0.9375rem;
  font-style: italic;
}

.avatar-red-amber-36 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-ac-g25-fs845-fw5-c-body-p-2-1-tdn-b-none {
  align-items: center;
  border: none;
  color: var(--body-text);
  display: flex;
  font-size: 0.845rem;
  font-weight: 500;
  gap: 0.625rem;
  padding: 0.5rem 0.25rem;
  text-decoration: none;
}

.h64px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 64px;
}

.c-blue-bg-blue-15 {
  background: rgba(91, 143, 249, 0.15);
  color: #5b8ff9;
}

.fs15-fw8-c-body-mb15 {
  color: var(--body-text);
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 0.375rem;
}

.w100pct-6 {
  justify-content: center;
  width: 100%;
}

.flex-ac-g35-mnw200px-bg-bg-br35-p-35-45-pointer-trans {
  align-items: center;
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.875rem;
  cursor: pointer;
  display: flex;
  gap: 0.875rem;
  min-width: 200px;
  padding: 0.875rem 1.125rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.badge-green-12-xs-fs78-if-g14-p1-3 {
  align-items: center;
  background: rgba(16, 185, 129, 0.12);
  border-radius: 999px;
  color: #10b981;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.35rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.fs875-fw8-c-body {
  color: var(--body-text);
  font-size: 0.875rem;
  font-weight: 800;
}

.fs1125-fw6-c-body {
  color: var(--body-text);
  font-size: 1.125rem;
  font-weight: 600;
}

.bg-purple-6 {
  background: rgba(124, 58, 237, 0.06);
}

.w60px-p-2 {
  padding: 0.5rem;
  width: 60px;
}

.avatar-green-sky-40-3 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 800;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs875-fw7-mb1 {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.fs10625-fw8-c-white {
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 800;
}

.grid-g2-mb2 {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.5rem;
}

.flex-col-rel-h100pct-b-2-ov-hidden-trans {
  border: 2px solid #7c3aed;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s;
}

.fs1-fw7-c-blue {
  color: #5b8ff9;
  font-size: 1rem;
  font-weight: 700;
}

.badge-green-10-xs-fs75-p08-25 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.625rem;
}

.badge-amber-10-xs-fs75-p08-25 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 999px;
  color: #F59E0B;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.625rem;
}

.d-none-rel-h160px {
  display: none;
  height: 160px;
  position: relative;
}

.bg-grad-amber-red-b-none {
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border: none;
}

.p-4-5-mb5 {
  margin-bottom: 1.25rem;
  padding: 1rem 1.25rem;
}

.mw560px {
  max-width: 560px;
}

.icon-box-blue-10-52 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border-radius: 0.875rem;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.badge-amber-12-xs-fs78-if-g14-p1-3 {
  align-items: center;
  background: rgba(245, 158, 11, 0.12);
  border-radius: 999px;
  color: #f59e0b;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.35rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.flex-jfe-g25-p-4-8-bt-1 {
  border-top: 1px solid var(--body-border);
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
  padding: 1rem 2rem;
}

.fs7-fw6-c-red {
  color: #ef4444;
  font-size: 0.7rem;
  font-weight: 600;
}

.abs-t4px-r2px-l2px-bg-blue-13-br15-p-1-16-bl-3-blue-pointer {
  background: rgba(91, 143, 249, 0.1254901961);
  border-left: 3px solid #5b8ff9;
  border-radius: 0.375rem;
  cursor: pointer;
  left: 2px;
  min-height: 48px;
  padding: 0.25rem 0.4rem;
  position: absolute;
  right: 2px;
  top: 4px;
  z-index: 2;
}

.fw7-c-red-dk {
  color: #dc2626;
  font-weight: 700;
}

.b-20px-l-20px-sq80px {
  bottom: -20px;
  height: 80px;
  left: -20px;
  width: 80px;
}

.flex-ac-jfc-h44px-bg-grad-pink-purple-br2-b-2-pointer-trans {
  align-items: center;
  background: linear-gradient(135deg, #EC4899, #7C3AED);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 44px;
  justify-content: center;
  opacity: 0.5;
  transition: opacity 0.2s;
}

.p-35-5-35-4 {
  padding: 0.875rem 1.25rem 0.875rem 1rem;
}

.pt2-pb25 {
  padding-bottom: 0.625rem;
  padding-top: 0.5rem;
}

.fs8-fw5 {
  font-size: 0.8rem;
  font-weight: 500;
}

.abs-r1px-b1px-sq11px-bg-green-b-2 {
  background: #10b981;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  bottom: 1px;
  height: 11px;
  position: absolute;
  right: 1px;
  width: 11px;
}

.mw760px-p-8-m-8-auto-0-tc {
  margin: 2rem auto 0;
  max-width: 760px;
  padding: 2rem;
  text-align: center;
}

.fs75-c-red-bg-transparent-br2-p-16-24-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  color: #ef4444;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 0.4rem 0.6rem;
}

.fs75-c-green-bg-transparent-br2-p-16-24-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  color: #10b981;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 0.4rem 0.6rem;
}

.flex-g3-mt5 {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.flex-ac-g15-fs7-c-muted {
  align-items: center;
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.7rem;
  gap: 0.375rem;
}

.fs875-mono-c-body-nowrap {
  color: var(--body-text);
  font-family: monospace;
  font-size: 0.875rem;
  white-space: nowrap;
}

.fs8-fw5-c-body-bg-bg-br999px-p-12-28-b-1-pointer {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 999px;
  color: var(--body-text);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0.3rem 0.7rem;
}

.icon-box-blue-12-32 {
  align-items: center;
  background: rgba(91, 143, 249, 0.12);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.c-purple-bg-purple-13 {
  background: rgba(124, 58, 237, 0.1254901961);
  color: #7c3aed;
}

.flex-ac-jfc-rel-h130px-bg-grad-sidebar-navy-sidebar-navy2 {
  align-items: center;
  background: linear-gradient(135deg, #13142B, #1a1c3a);
  display: flex;
  height: 130px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.flex-afs-g3-bg-bg-br25-p-3-35-mb2-bl-3-green-pointer {
  align-items: flex-start;
  background: var(--body-bg);
  border-left: 3px solid #10b981;
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 0.875rem;
}

.flex-g1-ml-auto {
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}

.flex-afs-g3-bg-bg-br25-p-3-35-mb2-bl-3-purple-pointer {
  align-items: flex-start;
  background: var(--body-bg);
  border-left: 3px solid #7c3aed;
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 0.875rem;
}

.fs9-c-muted-mb5-lh-16 {
  color: var(--body-text-muted);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

.avatar-sky-blue-32 {
  align-items: center;
  background: linear-gradient(135deg, #0EA5E9, #5B8FF9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.p-0-mb5-b-none {
  border: none;
  margin-bottom: 1.25rem;
  padding: 0;
}

.w84pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 84%;
}

.fs7-fw6-c-muted {
  color: var(--body-text-muted);
  font-size: 0.7rem;
  font-weight: 600;
}

.w9pct-h100pct-bg-amber-br999px-trans {
  background: #f59e0b;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 9%;
}

.bg-blue-6-br-1-none {
  background: rgba(91, 143, 249, 0.06);
  border-right: none;
}

.fs65-c-muted {
  color: var(--body-text-muted);
  font-size: 0.65rem;
}

.badge-bg-xs-fs72-p04-16 {
  background: var(--body-bg);
  border-radius: 999px;
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  margin-left: auto;
  padding: 0.1rem 0.4rem;
}

.avatar-amber-red-56-2 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.flex-col-ac-g25 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.flex-ac-g1-mt15 {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  margin-top: 0.375rem;
}

.sq10px-bg-green-br2px {
  background: #10b981;
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

.flex-afs-jsb-mb35 {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.875rem;
}

.fs1-c-primary {
  color: var(--color-primary);
  font-size: 1rem;
}

.bg-sky-12-mb0 {
  background: rgba(14, 165, 233, 0.12);
  margin-bottom: 0;
}

.flex-g15-fs7-fw6-c-red-dk {
  color: #dc2626;
  display: flex;
  font-size: 0.7rem;
  font-weight: 600;
  gap: 0.375rem;
}

.mw240px {
  max-width: 240px;
}

.fs875-fw6-c-white-70-bg-transparent-br3-p-25-5-b-1-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.625rem 1.25rem;
}

.fs875-c-muted-lh-16 {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  line-height: 1.6;
}

.flex-g35-bg-amber-7-br3-p-4-5-mb3-b-1 {
  background: rgba(245, 158, 11, 0.07);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 0.75rem;
  display: flex;
  gap: 0.875rem;
  margin-bottom: 0.75rem;
  padding: 1rem 1.25rem;
}

.w1px-h20px-bg-border {
  background: var(--body-border);
  height: 20px;
  width: 1px;
}

.fs11-c-sky {
  color: #0ea5e9;
  font-size: 1.1rem;
}

.avatar-pink-15-40 {
  align-items: center;
  background: rgba(236, 72, 153, 0.1450980392);
  border-radius: 50%;
  color: #ec4899;
  display: flex;
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 900;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs125-c-red {
  color: #ef4444;
  font-size: 1.25rem;
}

.fs15-fw9 {
  font-size: 1.5rem;
  font-weight: 900;
}

.badge-primary-light-xs-fs75-p06-18 {
  background: var(--color-primary-light);
  border-radius: 999px;
  color: var(--color-primary);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
}

.c-muted-bg-black-8-bc-border {
  background: rgba(0, 0, 0, 0.08);
  border-color: var(--body-border);
  color: var(--body-text-muted);
}

.flex-ac-jsb-bg-bg-br2-p-3-b-1 {
  align-items: center;
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
}

.icon-box-blue-mid-10-48 {
  align-items: center;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
  display: flex;
  height: 48px;
  justify-content: center;
  margin-bottom: 0.875rem;
  width: 48px;
}

.fs75-fw7-c-green-bg-green-10-br15-p-08-2 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.375rem;
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.sq10px-bg-green {
  background: #10b981;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.fs9375-c-body-lh-185 {
  color: var(--body-text);
  font-size: 0.9375rem;
  line-height: 1.85;
}

.rel-w100pct-h110px-bg-pink-60 {
  background: rgba(236, 72, 153, 0.6);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 110px;
  position: relative;
  width: 100%;
}

.fs65-fw7-c-blue-bg-blue-10-br4px-p-06-16-shrink0 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 4px;
  color: #5b8ff9;
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
}

.sq10px-bg-blue-shrink0 {
  background: #5b8ff9;
  border-radius: 50%;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.abs-t0-r0-fs7-fw7-c-white-bg-purple-p-12-3 {
  background: #7c3aed;
  border-radius: 0 0 0 0.75rem;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.3rem 0.75rem;
  position: absolute;
  right: 0;
  top: 0;
}

.avatar-purple-24-3 {
  align-items: center;
  background: #7c3aed;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  margin-left: -0.375rem;
  width: 24px;
}

.mb8 {
  margin-bottom: 2rem;
}

.fs72-c-muted-mt08 {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  margin-top: 0.2rem;
}

.flex-wrap-g3-mb5 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.flex-jsb-fs9 {
  display: flex;
  font-size: 0.9rem;
  justify-content: space-between;
}

.bg-red {
  background: #ef4444;
}

.abs-inset0-glow-3 {
  background-image: radial-gradient(circle at 80% 20%, rgba(91, 143, 249, 0.1254901961), transparent 60%);
  inset: 0;
  position: absolute;
}

.flex-afs-jsb-mb25 {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}

.fs72-fw6-c-body-bg-transparent-br16-p-14-3-pointer {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid var(--body-border);
  border-radius: 0.4rem;
  color: var(--body-text);
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
}

.fs13-fw9-c-blue {
  color: #5b8ff9;
  font-size: 1.3rem;
  font-weight: 900;
}

.flex-col-ac-g1-fs78-fw7-c-muted-bg-transparent-br2-p-2-b-2 {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 2px solid var(--body-border);
  border-radius: 0.5rem;
  color: var(--body-text-muted);
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.25rem;
  padding: 0.5rem;
}

.avatar-white-8-80 {
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  margin: 0 auto 1.5rem;
  width: 80px;
}

.abs-t60px-r2px-l2px-bg-green-13-br15-p-1-16-bl-3-green {
  background: rgba(16, 185, 129, 0.1254901961);
  border-left: 3px solid #10b981;
  border-radius: 0.375rem;
  cursor: pointer;
  left: 2px;
  min-height: 48px;
  padding: 0.25rem 0.4rem;
  position: absolute;
  right: 2px;
  top: 60px;
  z-index: 2;
}

.p-6-bl-4-blue-pointer-trans {
  border-left: 4px solid #5b8ff9;
  cursor: pointer;
  padding: 1.5rem;
  transition: transform 0.15s;
}

.sq8px-bg-green-shrink0 {
  background: #10b981;
  border-radius: 50%;
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}

.c-red-bg-red-15 {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.fs72-fw7-br999px-p-1-25 {
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.25rem 0.625rem;
}

.fs8-pt16-pb16-pl8 {
  font-size: 0.8rem;
  padding-bottom: 0.4rem;
  padding-left: 2rem;
  padding-top: 0.4rem;
}

.flex-ac-jsb-br2-p-2-25-pointer-trans {
  align-items: center;
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.625rem;
  transition: background 0.15s;
}

.avatar-purple-12-56 {
  align-items: center;
  background: rgba(124, 58, 237, 0.12);
  border: 2px solid rgba(124, 58, 237, 0.25);
  border-radius: 50%;
  color: #7c3aed;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.sq14px-bg-blue-pointer-shadow {
  animation: ping 2s ease-out infinite;
  background: #5b8ff9;
  border: 2.5px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(91, 143, 249, 0.3), 0 2px 8px rgba(91, 143, 249, 0.5);
  cursor: pointer;
  height: 14px;
  width: 14px;
}

.fs875-c-white-75-mt15 {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.875rem;
  margin-top: 0.375rem;
}

.badge-green-xs-fs78-ib-p1-3 {
  background: #10b981;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.75rem;
}

.rel-mb2 {
  margin-bottom: 0.5rem;
  position: relative;
}

.avatar-purple-pink-40-2 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.d-none-h160px {
  display: none;
  height: 160px;
}

.avatar-purple-pink-64 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.6), 0 2px 8px rgba(124, 58, 237, 0.3);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 800;
  height: 64px;
  justify-content: center;
  transition: transform 0.2s;
  width: 64px;
}

.fw9-c-body {
  color: var(--body-text);
  font-weight: 900;
}

.icon-box-purple-10-32 {
  align-items: center;
  background: rgba(124, 58, 237, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.flex-jfc-wrap-g2-mb10 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 2.5rem;
}

.w200px-pl9 {
  padding-left: 2.25rem;
  width: 200px;
}

.fs5-fw9-c-border-mb2-ls-4px-lh-1 {
  color: var(--body-border);
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: -4px;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.w32pct-h100pct-bg-grad-blue-purple-br4px-trans {
  background: linear-gradient(90deg, #5B8FF9, #7C3AED);
  border-radius: 4px;
  height: 100%;
  transition: width 0.8s ease;
  width: 32%;
}

.fs875-fw6-c-primary-mb3 {
  color: var(--color-primary);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.badge-amber-10-xs-fs75-p08-24 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 999px;
  color: #f59e0b;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.6rem;
}

.flex-afe-wrap-g8 {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.sq8px-bg-blue {
  background: #5b8ff9;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.flex-g3-mt6 {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.fs9-c-border {
  color: var(--body-border);
  font-size: 0.9rem;
}

.bl-3-amber {
  border-left: 3px solid #f59e0b;
}

.fs1-fw9-c-body-lh-1 {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
}

.icon-box-sky-9-40 {
  align-items: center;
  background: rgba(14, 165, 233, 0.0941176471);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.abs-r-100px-b-100px-sq300px-bg-blue-8 {
  background: rgba(91, 143, 249, 0.08);
  border-radius: 50%;
  bottom: -100px;
  height: 300px;
  position: absolute;
  right: -100px;
  width: 300px;
}

.mw480px-c-muted-m-0-auto-2 {
  color: var(--body-text-muted);
  margin: 0 auto 0.5rem;
  max-width: 480px;
}

.w5-h5-pointer-accent-primary {
  accent-color: var(--color-primary);
  cursor: pointer;
  height: 1.25rem;
  width: 1.25rem;
}

.grid-g5 {
  display: grid;
  gap: 1.25rem;
}

.w7pct-bg-red {
  background: #ef4444;
  width: 7%;
}

.h100pct {
  height: 100%;
}

.icon-box-blue-13-36 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1254901961);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.flex-col-g4-p-6 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}

.flex-jfc-wrap-g3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

.flex-ac-g4-p-3-4-bb-1 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  gap: 1rem;
  padding: 0.75rem 1rem;
}

.p-4-bt-1-none-b-1 {
  border: 1px solid var(--body-border);
  border-radius: 0 0 0.75rem 0.75rem;
  border-top: none;
  padding: 1rem;
}

.mw520px {
  max-width: 520px;
}

.flex-ac-jsb-pt25-bt-1 {
  align-items: center;
  border-top: 1px solid var(--body-border);
  display: flex;
  justify-content: space-between;
  padding-top: 0.625rem;
}

.h75pct-bg-sky-20-br2px-fl1 {
  background: rgba(14, 165, 233, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 75%;
}

.flex-col-ac-jfc-h150px-bg-green-7-p-5-tc {
  align-items: center;
  background: rgba(16, 185, 129, 0.07);
  display: flex;
  flex-direction: column;
  height: 150px;
  justify-content: center;
  padding: 1.25rem;
  text-align: center;
}

.fs8125-c-muted-mb3-lh-155-ov-hidden {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--body-text-muted);
  display: -webkit-box;
  font-size: 0.8125rem;
  line-height: 1.55;
  margin-bottom: 0.75rem;
  overflow: hidden;
}

.d-none-w340px-ov-y-auto {
  display: none;
  max-height: 420px;
  overflow-y: auto;
  width: 340px;
}

.fs2-fw9-mb1-lh-1 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.25rem;
}

.rel-bg-transparent-br-1-none {
  background: rgba(0, 0, 0, 0);
  border-right: none;
  position: relative;
}

.w44pct-bg-pink-trans {
  background: #ec4899;
  transition: width 0.5s;
  width: 44%;
}

.badge-slate-dk-10-xs-fs72-ib-p06-2 {
  background: rgba(100, 116, 139, 0.1);
  border-radius: 999px;
  color: #64748b;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.abs-t0-r0-sq80px-bg-green-10-op60 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.fs11-c-amber-dk-mt04-shrink0 {
  color: #d97706;
  flex-shrink: 0;
  font-size: 1.1rem;
  margin-top: 0.1rem;
}

.avatar-sky-12-56 {
  align-items: center;
  background: rgba(14, 165, 233, 0.12);
  border: 2px solid rgba(14, 165, 233, 0.25);
  border-radius: 50%;
  color: #0ea5e9;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.flex-ac-wrap-g25 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.fs11875-fw8-c-body-mb25-lh-14-fl1 {
  color: var(--body-text);
  flex: 1;
  font-size: 1.1875rem;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 0.625rem;
}

.w66pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 66%;
}

.bl-3-blue {
  border-left: 3px solid #5b8ff9;
}

.badge-blue-12-xs-fs75-ib-p08-2 {
  background: rgba(91, 143, 249, 0.12);
  border-radius: 999px;
  color: #3b6fd9;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
}

.fs78-c-muted-mt08 {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  margin-top: 0.2rem;
}

.flex-ac-jsb-fs875-p-16-0-bb-1 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.4rem 0;
}

.avatar-purple-pink-40-3 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 800;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.mb0 {
  margin-bottom: 0;
}

.fs125-fw9-c-body {
  color: var(--body-text);
  font-size: 1.25rem;
  font-weight: 900;
}

.mnw600px {
  min-width: 600px;
}

.mw520px-ov-y-auto {
  max-height: 90vh;
  max-width: 520px;
  overflow-y: auto;
}

.sticky-b0-bg-card-bg {
  background: var(--card-bg);
  bottom: 0;
  position: sticky;
}

.badge-green-9-xs-fs72-p06-2 {
  background: rgba(16, 185, 129, 0.0941176471);
  border-radius: 999px;
  color: #10b981;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.icon-box-green-12-52-fs95 {
  align-items: center;
  background: rgba(16, 185, 129, 0.12);
  border: 2px solid rgba(16, 185, 129, 0.25);
  border-radius: 0.75rem;
  color: #10b981;
  display: flex;
  font-size: 0.95rem;
  font-weight: 800;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.h91px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 91px;
}

.fs68-fw7-c-muted-uc-lh-1 {
  color: var(--body-text-muted);
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.fw7-c-purple {
  color: #7c3aed;
  font-weight: 700;
}

.fs125-fw9-c-amber {
  color: #f59e0b;
  font-size: 1.25rem;
  font-weight: 900;
}

.fs75-fw7-c-muted-p-3-4-tr-uc {
  color: var(--body-text-muted);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  text-align: right;
  text-transform: uppercase;
}

.h48px-bg-amber-70-fl1 {
  background: rgba(245, 158, 11, 0.7);
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 48px;
}

.fs78-fw6-c-muted {
  color: var(--body-text-muted);
  font-size: 0.78rem;
  font-weight: 600;
}

.h100px {
  height: 100px;
}

.flex-ac-wrap-g3-p-4-5-bb-5-border {
  align-items: center;
  border-bottom: 1.5px solid var(--body-border);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}

.abs-b-20px-l20px-sq80px-bg-purple-15 {
  background: rgba(124, 58, 237, 0.15);
  border-radius: 50%;
  bottom: -20px;
  height: 80px;
  left: 20px;
  position: absolute;
  width: 80px;
}

.d-iblock-rel-mt-52px {
  display: inline-block;
  margin-top: -52px;
  position: relative;
}

.c-blue-bg-blue-13 {
  background: rgba(91, 143, 249, 0.1254901961);
  color: #5b8ff9;
}

.icon-box-blue-purple-56-fs1125 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 1rem;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 56px;
}

.sq10px-bg-amber {
  background: #f59e0b;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.icon-box-card-bg-44 {
  align-items: center;
  background: var(--card-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  height: 44px;
  justify-content: center;
  margin: 0 auto;
  width: 44px;
}

.fs15-fw9-c-purple-mb1 {
  color: #7c3aed;
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.fs2-c-red {
  color: #ef4444;
  font-size: 2rem;
}

.rel-w100pct-h103px-bg-pink-48 {
  background: rgba(236, 72, 153, 0.48);
  border-radius: 0.25rem 0.25rem 0 0;
  height: 103px;
  position: relative;
  width: 100%;
}

.abs-t0-r0-sq80px-bg-violet-10-op60 {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.fs9375-fw7-c-body-m-0-lh-135 {
  color: var(--body-text);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.fs2-c-green {
  color: #10b981;
  font-size: 2rem;
}

.avatar-amber-red-40-3 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-weight: 800;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.abs-t50pct-l25-fs75-fw7-c-amber {
  color: #f59e0b;
  font-size: 0.75rem;
  font-weight: 700;
  left: 0.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.avatar-blue-purple-56-4 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.avatar-green-sky-36-3 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.abs-r2px-b2px-sq13px-bg-amber {
  background: #f59e0b;
  border: 2.5px solid var(--card-bg);
  border-radius: 50%;
  bottom: 2px;
  height: 13px;
  position: absolute;
  right: 2px;
  width: 13px;
}

.flex-ac-g12-fs75-fw7-c-red-bg-none-b-none-pointer {
  align-items: center;
  background: none;
  border: none;
  color: #ef4444;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 0.3rem;
}

.mt35-tc {
  margin-top: 0.875rem;
  text-align: center;
}

.flex-jsb-fs875-p-2-0-bb-1 {
  border-bottom: 1px solid var(--body-border);
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.w100pct-fs9375-fw7-c-amber-bg-transparent-br3-p-3-b-2 {
  background: rgba(0, 0, 0, 0);
  border: 2px solid #f59e0b;
  border-radius: 0.75rem;
  color: #f59e0b;
  cursor: pointer;
  font-family: var(--font);
  font-size: 0.9375rem;
  font-weight: 700;
  padding: 0.75rem;
  transition: all 0.2s;
  width: 100%;
}

.abs-t50pct-l25-fs75-fw7-c-sky {
  color: #0ea5e9;
  font-size: 0.75rem;
  font-weight: 700;
  left: 0.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.flex-afs-jsb-rel-mb4 {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  position: relative;
}

.avatar-red-amber-44-2 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.abs-t0-r0-sq80px-bg-blue-10-op60 {
  background: rgba(91, 143, 249, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.sq10px-bg-pink-b-2-pointer-shadow {
  background: #ec4899;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.3);
  cursor: pointer;
  height: 10px;
  width: 10px;
}

.t-15px-r-15px-sq90px {
  height: 90px;
  right: -15px;
  top: -15px;
  width: 90px;
}

.abs-r2px-b2px-sq13px-bg-green {
  background: #10b981;
  border: 2.5px solid var(--card-bg);
  border-radius: 50%;
  bottom: 2px;
  height: 13px;
  position: absolute;
  right: 2px;
  width: 13px;
}

.icon-box-amber-15-36 {
  align-items: center;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.h98px-bg-blue-fl1 {
  background: #5b8ff9;
  border-radius: 0.25rem 0.25rem 0 0;
  flex: 1;
  height: 98px;
}

.fs875-p-25-5-mr3 {
  font-size: 0.875rem;
  margin-right: 0.75rem;
  padding: 0.625rem 1.25rem;
}

.h28px-bg-green-br1 {
  background: #10b981;
  border-radius: 0.25rem;
  height: 28px;
}

.w92pct-h100pct-bg-green-br3px {
  background: #10b981;
  border-radius: 3px;
  height: 100%;
  width: 92%;
}

.w100pct-mw420px-bg-card-bg-br5-p-8 {
  background: var(--card-bg);
  border-radius: 1.25rem;
  max-width: 420px;
  padding: 2rem;
  width: 100%;
}

.avatar-blue-24-2 {
  align-items: center;
  background: #5b8ff9;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.icon-box-violet-10-44 {
  align-items: center;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.flex-ac-g4-mb5 {
  align-items: center;
  display: flex;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.fs2-fw9-c-primary-mb2 {
  color: var(--color-primary);
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 0.5rem;
}

.d-block-fs82-fw7-c-body-mb15 {
  color: var(--body-text);
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.flex-ac-g6-h180px-bg-grad-purple-dk-indigo-dk-p-6 {
  align-items: center;
  background: linear-gradient(135deg, #4c1d95, #312e81);
  display: flex;
  gap: 1.5rem;
  height: 180px;
  padding: 1.5rem;
}

.fs72-c-amber-mt1 {
  color: #f59e0b;
  font-size: 0.72rem;
  margin-top: 0.25rem;
}

.icon-box-amber-red-36 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 0.625rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.w200px-shrink0 {
  flex-shrink: 0;
  width: 200px;
}

.sq8px-bg-amber-br2px {
  background: #f59e0b;
  border-radius: 2px;
  height: 8px;
  width: 8px;
}

.abs-t52pct-l49pct {
  left: 49%;
  position: absolute;
  top: 52%;
  transform: translate(-50%, -50%);
}

.flex-ac-g2-mt1-2 {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.fs8125-c-muted-nowrap {
  color: var(--body-text-muted);
  font-size: 0.8125rem;
  white-space: nowrap;
}

.fs845 {
  font-size: 0.845rem;
}

.avatar-purple-pink-22-2 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.abs-r-100px-b-100px-sq300px-bg-green-7 {
  background: rgba(16, 185, 129, 0.07);
  border-radius: 50%;
  bottom: -100px;
  height: 300px;
  position: absolute;
  right: -100px;
  width: 300px;
}

.align-items {
  align-items: stretch;
  flex-direction: column;
  gap: 1rem;
}

.flex-ac-jfc-rel-h180px-fs4-bg-grad-blue-19-blue-6-ov-hidden {
  align-items: center;
  background: linear-gradient(135deg, rgba(91, 143, 249, 0.1882352941), rgba(91, 143, 249, 0.062745098));
  border-radius: 0.875rem 0.875rem 0 0;
  display: flex;
  font-size: 4rem;
  height: 180px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.w24pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 24%;
}

.sq10px-bg-amber-b-2-pointer-shadow {
  background: #f59e0b;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.3);
  cursor: pointer;
  height: 10px;
  width: 10px;
}

.badge-pink-9-xs-fs72-p06-2 {
  background: rgba(236, 72, 153, 0.0941176471);
  border-radius: 999px;
  color: #ec4899;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
}

.bg-bg-br35-p-4-tc-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.875rem;
  padding: 1rem;
  text-align: center;
}

.flex-jfe-g3-mt5 {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  margin-top: 1.25rem;
}

.flex-ac-g2-fs875-fw6-c-white-bg-primary-br999px-p-15-35 {
  align-items: center;
  background: var(--color-primary);
  border: none;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: var(--font);
  font-size: 0.875rem;
  font-weight: 600;
  gap: 0.5rem;
  padding: 0.375rem 0.875rem;
  transition: all 0.2s;
}

.avatar-green-15-40 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1450980392);
  border-radius: 50%;
  color: #10b981;
  display: flex;
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 900;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.w85pct-h100pct-bg-blue-br999px-trans {
  background: #5b8ff9;
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s;
  width: 85%;
}

.icon-box-red-10-32 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border: 1.5px solid;
  border-color: #ef4444;
  border-radius: 0.5rem;
  color: #ef4444;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.pt15 {
  padding-top: 0.375rem;
}

.flex-ac-wrap-g4-pb6-mb6-bb-1 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}

.flex-col-ac-jfc-h160px-bg-grad-pink-purple-p-6-tc {
  align-items: center;
  background: linear-gradient(135deg, #EC4899, #7C3AED);
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
}

.badge-green-10-xs-fs75-p15-35 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #059669;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.375rem 0.875rem;
}

.w32px-fs13-tc {
  font-size: 1.3rem;
  text-align: center;
  width: 32px;
}

.fs875-c-white-30 {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.875rem;
}

.w100pct-mw420px {
  max-width: 420px;
  width: 100%;
}

.avatar-blue-purple-30 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.fs875-c-body-mb25-lh-16 {
  color: var(--body-text);
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 0.625rem;
}

.fs72-fw7-c-blue-dk-bg-blue-dk-8-br16-p-08-25-b-1 {
  background: rgba(82, 141, 211, 0.0823529412);
  border: 1px solid rgba(82, 141, 211, 0.1882352941);
  border-radius: 0.4rem;
  color: #528dd3;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.625rem;
}

.fs3-op15 {
  font-size: 3rem;
  opacity: 0.15;
}

.w100pct-fs875-c-body-bg-bg-br2-p-24-35-2 {
  background: var(--body-bg);
  border: 1.5px solid var(--body-border);
  border-radius: 0.5rem;
  color: var(--body-text);
  font-family: var(--font);
  font-size: 0.875rem;
  outline: none;
  padding: 0.6rem 0.875rem;
  width: 100%;
}

.fs6 {
  font-size: 6rem;
}

.fs72-fw7-c-muted-mb2-uc-4 {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.p-18-35 {
  padding: 0.45rem 0.875rem;
}

.fs875-fw7-c-red-mb4-uc {
  color: #ef4444;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.flex-afs-jsb-pb6-mb10-bb-3-primary {
  align-items: flex-start;
  border-bottom: 3px solid var(--color-primary);
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
}

.flex-afs-g3-bg-bg-br25-p-3-35-mb2-bl-3-pink-pointer {
  align-items: flex-start;
  background: var(--body-bg);
  border-left: 3px solid #ec4899;
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 0.875rem;
}

.w100pct-fs845-fw5-c-muted-bg-transparent-br3-p-25-mt15 {
  background: rgba(0, 0, 0, 0);
  border: 1.5px dashed var(--body-border);
  border-radius: 0.75rem;
  color: var(--body-text-muted);
  cursor: pointer;
  font-size: 0.845rem;
  font-weight: 500;
  margin-top: 0.375rem;
  padding: 0.625rem;
  transition: all 0.2s;
  width: 100%;
}

.bg-transparent-br-1-none {
  background: rgba(0, 0, 0, 0);
  border-right: none;
}

.flex-ac-jfc-h44px-bg-grad-amber-red-br2-b-2-pointer-trans {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 44px;
  justify-content: center;
  opacity: 0.5;
  transition: opacity 0.2s;
}

.abs-t0-r0-sq80px-bg-amber-10-op60 {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0 0 0 80px;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.abs-inset0-glow-4 {
  background-image: radial-gradient(circle at 80% 20%, rgba(124, 58, 237, 0.1254901961), transparent 60%);
  inset: 0;
  position: absolute;
}

.fs12-c-green {
  color: #10b981;
  font-size: 1.2rem;
}

.fs25-c-amber-mb3 {
  color: #f59e0b;
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
}

.bg-blue-6-2 {
  background: rgba(91, 143, 249, 0.06);
}

.icon-box-green-13-44 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1254901961);
  border-radius: 0.75rem;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 0.75rem;
  width: 44px;
}

.h55pct-bg-sky-br2px-fl1 {
  background: #0ea5e9;
  border-radius: 2px;
  flex: 1;
  height: 55%;
}

.fs72-fw7-c-muted-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.gauge-color-3 {
  --gauge-color:#10B981;
}

.fs72-fw6-c-amber {
  color: #f59e0b;
  font-size: 0.72rem;
  font-weight: 600;
}

.bg-amber-8-p-6-bb-1 {
  background: rgba(245, 158, 11, 0.08);
  border-bottom: 1px solid var(--body-border);
  padding: 1.5rem;
}

.fs65-fw7-c-muted-uc {
  color: var(--body-text-muted);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.bc-white-7 {
  border-color: rgba(255, 255, 255, 0.07);
}

.avatar-blue-purple-96 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: 4px solid var(--card-bg);
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  font-size: 1.75rem;
  font-weight: 800;
  height: 96px;
  justify-content: center;
  width: 96px;
}

.fs9375-c-body-3 {
  color: var(--body-text);
  font-size: 0.9375rem;
  text-transform: capitalize;
}

.flex-ac-jsb-p-5-6-bb-1 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
}

.icon-box-blue-purple-36 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 0.625rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.avatar-blue-15-32 {
  align-items: center;
  background: rgba(91, 143, 249, 0.1450980392);
  border-radius: 50%;
  color: #5b8ff9;
  display: flex;
  font-size: 0.75rem;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.h210px-bg-bg {
  background: var(--body-bg);
  height: 210px;
}

.icon-box-amber-10-32 {
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.badge-green-10-xs-fs75-p05-2 {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #10b981;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.125rem 0.5rem;
}

.avatar-blue-purple-28 {
  align-items: center;
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.avatar-pink-15-32 {
  align-items: center;
  background: rgba(236, 72, 153, 0.1450980392);
  border-radius: 50%;
  color: #ec4899;
  display: flex;
  font-size: 0.75rem;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.fs1-fw8-c-body-m-0-lh-135 {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
  margin: 0;
}

.fs6-fw7-c-amber {
  color: #f59e0b;
  font-size: 0.6rem;
  font-weight: 700;
}

.sq26px {
  height: 26px;
  width: 26px;
}

.fs11-fw8-c-body-m-0 {
  color: var(--body-text);
  font-size: 1.1rem;
  font-weight: 800;
  margin: 0;
}

.sq8px-bg-green {
  background: #10b981;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.flex-ac-wrap-g05-p-2-6-bb-1 {
  align-items: center;
  border-bottom: 1px solid var(--body-border);
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
  padding: 0.5rem 1.5rem;
}

.avatar-pink-24 {
  align-items: center;
  background: #ec4899;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.fw6-p-3-4-tr {
  font-weight: 600;
  padding: 0.75rem 1rem;
  text-align: right;
}

.flex-col-ac-jfc-rel-bg-bg-p-8-tc-ov-hidden {
  align-items: center;
  background: var(--body-bg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
  padding: 2rem;
  position: relative;
  text-align: center;
}

.rel-mnw180px-fl1 {
  flex: 1;
  min-width: 180px;
  position: relative;
}

.flex-ac-jfc-tc {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 300px;
  text-align: center;
}

.flex-afs-jsb-pb6-mb10-bb-2-border {
  align-items: flex-start;
  border-bottom: 2px solid var(--body-border);
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
}

.fs95-fw8-c-body {
  color: var(--body-text);
  font-size: 0.95rem;
  font-weight: 800;
}

.abs-r1px-b1px-sq11px-bg-amber-b-2 {
  background: #f59e0b;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  bottom: 1px;
  height: 11px;
  position: absolute;
  right: 1px;
  width: 11px;
}

.mw400px-fs9375-c-white-80-mb5-lh-165 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9375rem;
  line-height: 1.65;
  margin-bottom: 1.25rem;
  max-width: 400px;
}

.avatar-green-sky-72 {
  align-items: center;
  background: linear-gradient(135deg, #10B981, #0EA5E9);
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(91, 143, 249, 0.4);
  color: #fff;
  display: flex;
  font-size: 1.2rem;
  font-weight: 800;
  height: 72px;
  justify-content: center;
  margin: 0 auto 0.875rem;
  width: 72px;
}

.avatar-amber-12-56 {
  align-items: center;
  background: rgba(245, 158, 11, 0.12);
  border: 2px solid rgba(245, 158, 11, 0.25);
  border-radius: 50%;
  color: #f59e0b;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.fs1125-c-red {
  color: #ef4444;
  font-size: 1.125rem;
}

.fs175-fw9-c-red {
  color: #ef4444;
  font-size: 1.75rem;
  font-weight: 900;
}

.sq6px-bg-border-pointer-trans {
  background: var(--body-border);
  border-radius: 50%;
  cursor: pointer;
  height: 6px;
  transition: all 0.25s;
  width: 6px;
}

.c-blue-bg-blue-10 {
  background: rgba(91, 143, 249, 0.1);
  color: #5b8ff9;
}

.flex-ac-jsb-p-4-6-bt-1 {
  align-items: center;
  border-top: 1px solid var(--body-border);
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
}

.avatar-amber-red-44-4 {
  align-items: center;
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.flex-ac-g12-fs75-fw6-c-green-mb3 {
  align-items: center;
  color: #10b981;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
}

.flex-col-ac-g15 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.w86pct-bg-blue {
  background: #5b8ff9;
  width: 86%;
}

.w30pct-h100pct-bg-sky-br5px-trans {
  background: #0ea5e9;
  border-radius: 5px;
  height: 100%;
  transition: width 0.8s ease;
  width: 30%;
}

.fs845-c-muted {
  color: var(--body-text-muted);
  font-size: 0.845rem;
}

.iflex-sq60px-bg-blue-12-mb4 {
  align-items: center;
  background: rgba(91, 143, 249, 0.12);
  border-radius: 50%;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  margin-bottom: 1rem;
  width: 60px;
}

.justify-content-2 {
  justify-content: flex-start;
}

.avatar-purple-pink-24-2 {
  align-items: center;
  background: linear-gradient(135deg, #7C3AED, #EC4899);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.55rem;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.fw6-c-amber {
  color: #f59e0b;
  font-weight: 600;
}

.icon-box-pink-13-34 {
  align-items: center;
  background: rgba(236, 72, 153, 0.1254901961);
  border-radius: 0.5rem;
  display: flex;
  flex-shrink: 0;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.h8px-bg-red-br1 {
  background: #ef4444;
  border-radius: 0.25rem;
  height: 8px;
}

.icon-box-green-10-48 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.75rem;
  display: flex;
  height: 48px;
  justify-content: center;
  margin-bottom: 0.875rem;
  width: 48px;
}

.sq5px-bg-green-shrink0 {
  background: #10b981;
  border-radius: 50%;
  flex-shrink: 0;
  height: 5px;
  width: 5px;
}

.mnw200px {
  flex: 0 0 calc(33.333% - 0.67rem);
  min-width: 200px;
}

.grid-cols-auto-fill-mn160-g4-mb6 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  margin-bottom: 1.5rem;
}

.w87pct-bg-blue {
  background: #5b8ff9;
  width: 87%;
}

.flex-ac-g15-fs8-fw7-c-blue-bg-blue-10-br2-p-16-35-b-none {
  align-items: center;
  background: rgba(91, 143, 249, 0.1);
  border: none;
  border-radius: 0.5rem;
  color: #5b8ff9;
  cursor: pointer;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  gap: 0.375rem;
  padding: 0.4rem 0.875rem;
}

.flex-jsb-fs75-c-muted-mt2 {
  color: var(--body-text-muted);
  display: flex;
  font-size: 0.75rem;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.sq10px-bg-slate-dk {
  background: #64748b;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.p-8-0-6-tc {
  padding: 2rem 0 1.5rem;
  text-align: center;
}

.h4px-bg-border-br2px-mt2-ov-hidden {
  background: var(--body-border);
  border-radius: 2px;
  height: 4px;
  margin-top: 0.5rem;
  overflow: hidden;
}

.h8px-bg-bg-br4px-ov-hidden {
  background: var(--body-bg);
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
}

.badge-slate-dk-10-xs-fs75-p05-2 {
  background: rgba(100, 116, 139, 0.1);
  border-radius: 999px;
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.125rem 0.5rem;
}

.w20pct-h100pct-bg-green-br999px-trans {
  background: #10b981;
  border-radius: 999px;
  height: 100%;
  transition: width 1s ease;
  width: 20%;
}

.fs72-c-body {
  color: var(--body-text);
  font-size: 0.72rem;
}

.badge-green-10-xs-fs72-if-g12-p08-25 {
  align-items: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 999px;
  color: #059669;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 700;
  gap: 0.3rem;
  padding: 0.2rem 0.625rem;
}

.fs82-c-muted-p-3-5 {
  color: var(--body-text-muted);
  font-size: 0.82rem;
  padding: 0.75rem 1.25rem;
}

.fs875-fw7-c-body-bg-transparent-br25-p-28-pointer-fl1 {
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid var(--body-border);
  border-radius: 0.625rem;
  color: var(--body-text);
  cursor: pointer;
  flex: 1;
  font-family: var(--font);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.7rem;
}

.abs-t-80px-l-100px-sq400px-bg-red-6-pe-none {
  background: rgba(239, 68, 68, 0.06);
  border-radius: 50%;
  filter: blur(40px);
  height: 400px;
  left: -100px;
  pointer-events: none;
  position: absolute;
  top: -80px;
  width: 400px;
}

.fs125-fw8-c-body {
  color: var(--body-text);
  font-size: 1.25rem;
  font-weight: 800;
}

.fs6-fw7-c-muted-bg-bg-br4px-p-06-18-uc {
  background: var(--body-bg);
  border-radius: 4px;
  color: var(--body-text-muted);
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
  text-transform: uppercase;
}

.w20pct-bg-purple {
  background: #7c3aed;
  width: 20%;
}

.avatar-red-amber-24 {
  align-items: center;
  background: linear-gradient(135deg, #EF4444, #F59E0B);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 0.6rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.fs72-fw7-c-muted-p-3-4-tl-uc {
  color: var(--body-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  text-align: left;
  text-transform: uppercase;
}

.w28px-fs78-fw7-c-green {
  color: #10b981;
  font-size: 0.78rem;
  font-weight: 700;
  width: 28px;
}

.w38pct-h100pct-bg-purple-br999px-trans {
  background: #7c3aed;
  border-radius: 999px;
  height: 100%;
  transition: width 0.6s;
  width: 38%;
}

.flex-jfc-wrap-g2-mb8 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 2rem;
}

.icon-box-red-8-36 {
  align-items: center;
  background: rgba(239, 68, 68, 0.0823529412);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.fw7-c-white-bg-grad-blue-purple-br25-p-3-5-b-none-pointer {
  background: linear-gradient(135deg, #5B8FF9, #7C3AED);
  border: none;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  padding: 0.75rem 1.25rem;
}

.c-border {
  color: var(--body-border);
}

.c-amber-bg-amber-15 {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}

.bg-bg-br3-p-5-b-1 {
  background: var(--body-bg);
  border: 1px solid var(--body-border);
  border-radius: 0.75rem;
  padding: 1.25rem;
}

.avatar-amber-24-2 {
  align-items: center;
  background: #f59e0b;
  border: 2px solid var(--card-bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6rem;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  margin-left: -0.375rem;
  width: 24px;
}

.abs-t0-l0-w37pct-h100pct-bg-amber-br15-trans-op85 {
  background: #f59e0b;
  border-radius: 0.375rem;
  height: 100%;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  transition: width 0.8s ease;
  width: 3.7%;
}

.flex-ac-g3-p-35-6-bt-1-shrink0 {
  align-items: center;
  border-top: 1px solid var(--body-border);
  display: flex;
  flex-shrink: 0;
  gap: 0.75rem;
  padding: 0.875rem 1.5rem;
}

.fs72-fw7-c-purple-bg-purple-8-br16-p-08-25-b-1 {
  background: rgba(124, 58, 237, 0.0823529412);
  border: 1px solid rgba(124, 58, 237, 0.1882352941);
  border-radius: 0.4rem;
  color: #7c3aed;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.625rem;
}

.abs-b-40px-l-40px-sq150px-bg-purple-12-pe-none {
  background: rgba(124, 58, 237, 0.12);
  border-radius: 50%;
  bottom: -40px;
  height: 150px;
  left: -40px;
  pointer-events: none;
  position: absolute;
  width: 150px;
}

.fs9375-c-body-mb4-lh-175 {
  color: var(--body-text);
  font-size: 0.9375rem;
  line-height: 1.75;
  margin-bottom: 1rem;
}

.fs78-p-16-35-mr3 {
  font-size: 0.78rem;
  margin-right: 0.75rem;
  padding: 0.4rem 0.875rem;
}

.p-55 {
  padding: 1.375rem;
}

.h85pct-bg-sky-20-br2px-fl1 {
  background: rgba(14, 165, 233, 0.2);
  border-radius: 2px;
  flex: 1;
  height: 85%;
}

.fs875-c-body-bg-card-bg-p-25-35-lh-15-b-1-shadow {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 1rem 1rem 1rem 0;
  box-shadow: var(--card-shadow);
  color: var(--body-text);
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.625rem 0.875rem;
}

.sq8px-bg-blue-br2px {
  background: #5b8ff9;
  border-radius: 2px;
  height: 8px;
  width: 8px;
}

.fs1-fw9-c-body {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 900;
}

.sq8px-bg-amber-shrink0 {
  background: #f59e0b;
  border-radius: 50%;
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}

.fs72-p-08-2 {
  font-size: 0.72rem;
  padding: 0.2rem 0.5rem;
}

.icon-box-red-10-40-2 {
  align-items: center;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.625rem;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.fs9-c-body-lh-16 {
  color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.6;
}

.fs8125-fw5-c-body-bg-card-bg-br999px-p-16-35-b-1-shadow {
  background: var(--card-bg);
  border: 1px solid var(--body-border);
  border-radius: 999px;
  box-shadow: var(--card-shadow);
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.4rem 0.875rem;
}

.sq10px-bg-sky-shrink0 {
  background: #0ea5e9;
  border-radius: 50%;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

.fs1-fw7-mb2 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.abs-t-20px-r-20px-sq80px-bg-green-13 {
  background: rgba(16, 185, 129, 0.1254901961);
  border-radius: 50%;
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
}

.fs11-c-green-dk-bg-none-b-none-pointer-op70 {
  align-self: flex-start;
  background: none;
  border: none;
  color: #059669;
  cursor: pointer;
  font-size: 1.1rem;
  opacity: 0.7;
}

.fs75-fw7-c-white-55-mb2-uc {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.fs1125-fw5-c-body {
  color: var(--body-text);
  font-size: 1.125rem;
  font-weight: 500;
}

.sq8px-bg-blue-mid-shrink0 {
  background: #3b82f6;
  border-radius: 50%;
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}

.week-time-slot {
  height: 56px;
  border-bottom: 1px solid var(--body-border);
  padding: 0.25rem 0.5rem;
  font-size: 0.68rem;
  color: var(--body-text-muted);
  font-weight: 600;
}

.ws-nowrap {
  white-space: nowrap;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.p-75rem {
  padding: 0.75rem;
}

/*# sourceMappingURL=hrnexus-utils.css.map */