.alphamesh-mark, .user-avatar {
  align-items: center;
  background: linear-gradient(135deg, #6f55ff, #14c8e6);
  border-radius: 12px;
  color: #fff;
  display: inline-flex;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.user-avatar { border-radius: 50%; height: 36px; width: 36px; }
.metric-card { min-height: 150px; }
.empty-state { max-width: 620px; padding: 4rem 1rem; text-align: center; }
.broker-account { border-left: 3px solid #7267ef; }
.live-balance-panel { background: rgba(18, 25, 45, .72); border: 1px solid rgba(255, 255, 255, .08); border-radius: 14px; padding: 1.25rem; }
.live-balance-amount { color: #f6f7fb; font-size: 1.75rem; font-variant-numeric: tabular-nums; font-weight: 700; min-height: 2.6rem; }
.auth-logo { font-size: 1.4rem; font-weight: 700; }
.auth-shell { min-height: 100vh; }
.auth-shell form input { width: 100%; }
.alert-success {
  --bs-alert-color: #111 !important;
  --bs-alert-bg: #0ddf07 !important;
  --bs-alert-border-color: #75f4b800 !important;
  --bs-alert-link-color: #151615 !important;
}
.market-marquee {
  align-items: stretch;
  background: #111728;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  display: flex;
  height: 42px;
  overflow: hidden;
}
.market-marquee-label {
  align-items: center;
  background: #181f34;
  color: #fff;
  display: flex;
  flex: 0 0 auto;
  font-size: .72rem;
  font-weight: 700;
  gap: .45rem;
  letter-spacing: .08em;
  padding: 0 1rem;
  text-transform: uppercase;
  z-index: 1;
}
.market-live-dot {
  background: #30d88b;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(48, 216, 139, .12);
  height: 7px;
  width: 7px;
}
.market-marquee-viewport { align-items: center; display: flex; min-width: 0; overflow: hidden; flex: 1; }
.market-marquee-track { align-items: center; display: flex; gap: 2.25rem; padding-left: 1.5rem; white-space: nowrap; width: max-content; }
.market-marquee-track.is-running { animation: alphamesh-market-scroll 42s linear infinite; }
.market-marquee:hover .market-marquee-track { animation-play-state: paused; }
.market-marquee-empty { color: #8e98af; font-size: .78rem; }
.market-quote { align-items: center; color: #b9c1d3; display: inline-flex; font-size: .78rem; gap: .5rem; }
.market-quote strong { color: #f1f3f9; }
.market-quote-price { font-variant-numeric: tabular-nums; }
.market-quote-up .market-quote-direction { color: #30d88b; }
.market-quote-down .market-quote-direction { color: #ff6577; }
.market-quote-unchanged .market-quote-direction { color: #8993a8; }
.market-quote small { color: #f2b84b; font-size: .62rem; text-transform: uppercase; }
.market-attribution { align-items: center; color: #657087; display: flex; flex: 0 0 auto; font-size: .64rem; padding: 0 .8rem; }
@keyframes alphamesh-market-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .market-marquee-track.is-running { animation: none; } }
.auth-brand-logo { display: block; height: auto; width: 150px; }
.auth-brand-link { line-height: 0; }
.sidebar-brand { align-items: center; display: flex; flex: 1; min-width: 0; }
.sidebar-wrapper .sidebar-header .brand-logo-icon { display: none; height: auto; object-fit: contain; width: 38px; }
.brand-logo-full { display: block; height: auto; max-width: 180px; width: 100%; }
.horizontal-brand-logo { display: block; height: auto; width: 175px; }

@media screen and (min-width: 1199px) {
  body.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .brand-logo-icon { display: block; }
}

/* Maxton horizontal dark layout */
body { background: #0b1020; }
.horizontal-header {
  background: rgba(17, 22, 39, .96);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
  z-index: 1030;
}
.horizontal-header .navbar { min-height: 72px; }
.horizontal-header .navbar-brand { color: #f4f5ff; }
.horizontal-header .navbar-brand:hover { color: #fff; }
.horizontal-header .nav-link {
  align-items: center;
  border-radius: 10px;
  color: #aeb7cc;
  display: flex;
  font-size: .9rem;
  gap: .4rem;
  padding: .65rem .75rem !important;
}
.horizontal-header .nav-link .material-icons-outlined { font-size: 1.2rem; }
.horizontal-header .nav-link:hover,
.horizontal-header .nav-link.active,
.horizontal-header .nav-item.show > .nav-link {
  background: rgba(113, 92, 255, .16);
  color: #a99cff;
}
.horizontal-header .dropdown-menu {
  background: #151b2d;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .35);
  padding: .5rem;
}
.horizontal-header .dropdown-item {
  align-items: center;
  border-radius: 8px;
  color: #c3cade;
  display: flex;
  gap: .65rem;
  padding: .65rem .75rem;
}
.horizontal-header .dropdown-item:hover { background: rgba(113, 92, 255, .15); color: #fff; }
.horizontal-header .dropdown-item .material-icons-outlined { font-size: 1.15rem; }
.horizontal-header .navbar-toggler { border-color: rgba(255, 255, 255, .15); color: #fff; }
.horizontal-header + .main-wrapper,
.horizontal-layout .main-wrapper {
  margin-left: 0 !important;
  margin-top: 0 !important;
}
.main-wrapper .main-content { padding-top: 1.75rem; }
.boxed-signin { max-width: 980px; }
.signin-feature-panel { background: linear-gradient(145deg, #31256f, #172449 60%, #0a6a83); }

@media (max-width: 1199.98px) {
  .horizontal-header .navbar-collapse { border-top: 1px solid rgba(255, 255, 255, .08); margin-top: .6rem; }
  .horizontal-header .dropdown-menu { box-shadow: none; margin-left: 1rem; }
  .horizontal-user-nav { align-items: flex-start !important; border-top: 1px solid rgba(255, 255, 255, .08); padding-top: .75rem; }
}