:root {
  --px-surface: #fff;
  --px-soft: #f5f4fa;
  --px-text: #20273c;
  --px-muted: #5e6880;
  --px-line: #dce0eb;
  --px-accent: #6941ba;
  --px-accent-ink: #fff;
  --px-tint: #efeafb;
  --px-shadow: 0 12px 32px #20233b0b;
}
:root[data-theme="dark"], body.dark-mode, body[data-theme="dark"] {
  --px-surface: #141a2c;
  --px-soft: #101524;
  --px-text: #edf0ff;
  --px-muted: #aab6ce;
  --px-line: #303a54;
  --px-accent: #b69afb;
  --px-accent-ink: #1c1230;
  --px-tint: #27213f;
  --px-shadow: 0 12px 32px #0002;
}
.portal-icon { flex: 0 0 auto; vertical-align: -.18em; }
.portal-loading[hidden] { display: none; }
.portal-loading {
  position: fixed;
  z-index: 100005;
  top: max(12px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 9px;
  max-width: calc(100vw - 24px);
  padding: 8px 14px;
  border: 1px solid var(--px-line);
  border-radius: 24px;
  color: var(--px-text);
  background: var(--px-surface);
  box-shadow: var(--px-shadow);
  font: 650 12px/1.4 system-ui, sans-serif;
  pointer-events: none;
}
.portal-loading::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid var(--px-line);
  border-top-color: var(--px-accent);
  border-radius: 50%;
  animation: portal-spin .72s linear infinite;
}
@keyframes portal-spin { to { transform: rotate(1turn); } }
@media (prefers-reduced-motion: reduce) { .portal-loading::before { animation: none; } }
.nav .hello .hello-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: inherit;
  text-decoration: none;
}
.nav .hello .hello-badge .bsc-badge-title { display: none; }
.nav .hello .hello-badge .bsc-badge,
.nav .hello .hello-badge .bsc-emblem { display: inline-grid; place-items: center; }
.nav .hello .hello-badge .bsc-emblem {
  width: 26px;
  height: 26px;
  border: 1px solid color-mix(in srgb, var(--bsc-color), white 34%);
  border-radius: 9px;
  background: color-mix(in srgb, var(--bsc-color), #291840 68%);
  color: #fff;
}
.nav .hello .hello-badge svg { width: 16px; height: 16px; }
.nav .hello .hello-badge-soon {
  font-size: 9px;
  line-height: 1.3;
  border: 1px solid #ffffff35;
  padding: 2px 4px;
  border-radius: 5px;
  letter-spacing: .02em;
}
#liveAdminHome .tp-home-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 106px;
  padding: 17px;
  border: 1px solid var(--px-line);
  border-radius: 14px;
  background: var(--px-surface);
  color: var(--px-text);
  box-shadow: var(--px-shadow);
}
#liveAdminHome .tp-home-card:hover { border-color: var(--px-accent); }
#liveAdminHome .tp-home-card h2 { font-size: 16px; margin: 0 0 5px; color: var(--px-text); }
#liveAdminHome .tp-home-card p { margin: 0; color: var(--px-muted); font-size: 13px; line-height: 1.45; }
.portal-workspace-mark {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--px-tint);
  color: var(--px-accent);
}
.portal-workspace-mark .portal-icon { width: 22px; height: 22px; }
#liveAdminHome .portal-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 6px 11px;
  border: 1px solid var(--px-line);
  border-radius: 9px;
  color: var(--px-accent);
  background: var(--px-soft);
  font: 700 12px/1.3 system-ui, sans-serif;
}
#liveAdminHome .portal-open svg { width: 14px; height: 14px; }
#liveAdminHome .tp-home-card:hover .portal-open {
  color: var(--px-accent-ink);
  border-color: var(--px-accent);
  background: var(--px-accent);
}
.uw-side .uw-nav-symbol { display: inline-grid; place-items: center; }
.uw-side .uw-nav-symbol svg { width: 15px; height: 15px; }
.portal-quota-note { color: var(--px-muted); font-size: 13px; line-height: 1.55; }
.portal-account-activity { display: inline-flex; align-items: center; gap: 7px; }
[data-portal-anchor] { scroll-margin-top: 96px; }
@media (max-width: 570px) {
  #liveAdminHome .tp-home-card {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px 12px;
    padding: 13px;
  }
  #liveAdminHome .portal-workspace-mark { width: 34px; height: 34px; }
  #liveAdminHome .portal-open { grid-column: 2; justify-self: start; }
}