/* PayFriend shell aligned to PayPal's light account and marketing layout. */
:root {
  --pp-blue: #0070ba;
  --pp-blue-dark: #003087;
  --pp-sky: #009cde;
  --pp-navy: #001c64;
  --pp-ink: #2c2e2f;
  --pp-muted: #6c7378;
  --pp-line: #e6e8eb;
  --pp-canvas: #f5f7fa;
  --pp-white: #ffffff;
}

html, body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Header */
.pp-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: #fff; border-bottom: 1px solid #e6e8eb; }
.pp-header__bar { max-width: 1180px; margin: 0 auto; height: 76px; padding: 0 24px; display: flex; align-items: center; gap: 28px; }
.pp-header__logo { display: flex; align-items: center; text-decoration: none; flex: 0 0 auto; }
.pp-header__nav { display: none; align-items: center; gap: 4px; flex: 1; }
.pp-header__nav > a, .pp-header__menu > button { color: #001c64; font-weight: 700; font-size: 16px; background: none; border: 0; padding: 10px 12px; cursor: pointer; text-decoration: none; }
.pp-header__nav > a.is-on { color: #0070ba; }
.pp-header__menu { position: relative; }
.pp-header__menu i { font-size: 10px; margin-left: 4px; }
.pp-header__panel { display: none; position: absolute; top: 100%; left: 0; min-width: 220px; background: #fff; border: 1px solid #e6e8eb; border-radius: 12px; box-shadow: 0 16px 40px rgba(0,28,100,.12); padding: 8px; }
.pp-header__menu:hover .pp-header__panel, .pp-header__menu:focus-within .pp-header__panel { display: grid; }
.pp-header__panel a { display: block; padding: 10px 12px; border-radius: 8px; color: #001c64; font-weight: 600; text-decoration: none; }
.pp-header__panel a:hover { background: #f5f7fa; color: #0070ba; }
.pp-header__actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.pp-header__login { color: #0070ba !important; font-weight: 700; text-decoration: none; padding: 8px 12px; background: none; border: 0; cursor: pointer; font-size: 16px; }
.pp-header__signup { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 20px; border-radius: 999px; background: #0070ba; color: #fff !important; font-weight: 700; text-decoration: none; border: 0; cursor: pointer; }
.pp-header__signup:hover { background: #003087; }
.pp-header__theme { background: none; border: 0; color: #001c64; font-weight: 800; cursor: pointer; padding: 8px; }
.pp-header__burger { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; background: none; border: 0; color: #001c64; font-size: 20px; }
.pp-header__sheet { background: #fff; border-top: 1px solid #e6e8eb; padding: 8px 16px 16px; }
.pp-header__sheet a { display: block; padding: 14px 8px; color: #001c64; font-weight: 700; text-decoration: none; border-bottom: 1px solid #f0f2f4; }
.pp-header__sheet .pp-header__signup { margin-top: 12px; }
.pp-main { padding-top: 76px; }
@media (min-width: 1024px) {
  .pp-header__nav { display: flex; }
  .pp-header__burger, .pp-header__sheet { display: none !important; }
}
html.dark .pp-header__login { color: #8fd0f5 !important; }
html.dark .pp-header__signup { background: #0070ba; color: #fff !important; }

/* Marketing header */
body > nav.fixed {
  background: #fff !important;
  border-bottom: 1px solid var(--pp-line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body > nav.fixed > .absolute.inset-0 { display: none !important; }
body > nav.fixed .h-16 { height: 72px; }
.pp-nav-link {
  color: #001c64 !important;
  font-weight: 700;
  font-size: 16px;
  padding: 8px 14px;
  background: transparent !important;
  border-radius: 8px;
}
.pp-nav-link:hover { color: #0070ba !important; background: transparent !important; }
.pp-drop {
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0, 28, 100, 0.12) !important;
  border: 1px solid #e6e8eb !important;
}
.pp-drop a { border-radius: 8px !important; font-weight: 600; color: #001c64 !important; }
.pp-drop a:hover { background: #f5f7fa !important; color: #0070ba !important; }
.pp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}
.pp-btn-ghost {
  color: var(--pp-blue) !important;
  background: transparent !important;
  border: 0;
}
.pp-btn-solid {
  color: #fff !important;
  background: var(--pp-blue) !important;
  border: 0;
}
.pp-btn-solid:hover { background: var(--pp-blue-dark) !important; }

/* Homepage hero becomes a white PayPal-style band */
#hero {
  background: #fff !important;
  min-height: 560px !important;
  color: var(--pp-navy);
}
#hero > .absolute.inset-0,
#hero .hero-nav-btn,
#hero .hero-progress { display: none !important; }
#hero .text-white { color: var(--pp-navy) !important; }
#hero .text-white\/90,
#hero .text-white\/80 { color: var(--pp-ink) !important; }
#hero .bg-gradient-to-br {
  background: #fff !important;
  color: var(--pp-navy) !important;
  border: 1px solid var(--pp-line);
  box-shadow: none !important;
}
#hero .bg-gradient-to-br p,
#hero .bg-gradient-to-br .text-white,
#hero .bg-gradient-to-br .text-white\/80,
#hero .bg-gradient-to-br .text-white\/70 { color: var(--pp-ink) !important; }

/* Signed-in shell: left nav + gray canvas, like PayPal Summary */
html:not(.dark) body.min-h-screen,
html:not(.dark) .min-h-screen.bg-gray-50 {
  background: #ffffff !important;
}
html.dark .sidebar-container,
html.dark .sidebar-brand-bar,
html.dark .mobile-header,
html.dark .mobile-drawer {
  background: #001435 !important;
  border-color: #0b4f86 !important;
  color: #f5f7fa !important;
}
html.dark .user-page-main,
html.dark main.user-page-main { background: #001435 !important; color: #f5f7fa !important; }
html:not(.dark) .user-page-main,
html:not(.dark) main.user-page-main {
  background: #ffffff !important;
}

/* Admin desk is fully dark, with PayPal blue for actions and the active nav. */
body.admin-layout {
  background: #001435 !important;
  color: #f5f7fa !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
body.admin-layout #nav-topmenu {
  background: #001435 !important;
  border-bottom: 1px solid #0b4f86 !important;
  box-shadow: none !important;
  color: #f5f7fa !important;
}
body.admin-layout .admin-topbar-logo,
body.admin-layout .admin-topbar-crumb,
body.admin-layout .admin-topbar-crumb a,
body.admin-layout .admin-topbar-crumb span,
body.admin-layout #nav-topmenu,
body.admin-layout #nav-topmenu a,
body.admin-layout #nav-topmenu button,
body.admin-layout #nav-topmenu i {
  color: #f5f7fa !important;
}
body.admin-layout .admin-quick-search input,
body.admin-layout .admin-session-chip,
body.admin-layout .admin-bell__btn,
body.admin-layout .admin-theme-btn {
  background: #04284a !important;
  border-color: #0b4f86 !important;
  color: #f5f7fa !important;
}
body.admin-layout .admin-topbar-crumb { border-left-color: #0b4f86 !important; }
body.admin-layout .admin-sidebar-scroll-wrap {
  background: #001435 !important;
  border-right: 1px solid #0b4f86;
  box-shadow: none !important;
  color: #f5f7fa !important;
}
body.admin-layout #accordionSidebar .nav-link,
body.admin-layout #accordionSidebar .nav-link span,
body.admin-layout #accordionSidebar .submenu-item {
  color: #f5f7fa !important;
}
body.admin-layout #accordionSidebar .sidebar-section-header,
body.admin-layout #accordionSidebar .sidebar-section-header--banking,
body.admin-layout #accordionSidebar .sidebar-section-header--system {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-align: left !important;
  color: #7eb6d6 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(143, 208, 245, 0.16) !important;
  border-radius: 0 !important;
  margin: 16px 12px 6px !important;
  padding: 0 0 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
body.admin-layout #accordionSidebar .sidebar-section-header i {
  color: #7eb6d6 !important;
  width: 12px;
  margin-right: 0;
  text-align: center;
}
body.admin-layout #accordionSidebar .nav-link > i:first-child {
  width: 26px !important;
  height: 26px !important;
  border-radius: 6px;
  background: rgba(0, 156, 222, 0.14) !important;
  color: #8fd0f5 !important;
}
body.admin-layout #accordionSidebar .nav-item.active > .nav-link {
  color: #ffffff !important;
  background: #003087 !important;
  box-shadow: inset 3px 0 0 #009cde;
}
body.admin-layout #accordionSidebar .nav-item.active > .nav-link span,
body.admin-layout #accordionSidebar .nav-item.active > .nav-link i {
  color: #ffffff !important;
  background: transparent !important;
}
body.admin-layout #accordionSidebar .nav-item.active > .nav-link > i:first-child {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}
body.admin-layout #accordionSidebar .nav-link > span {
  min-width: 0;
  flex: 1 1 auto;
  line-height: 1.25;
}
body.admin-layout #accordionSidebar .nav-link i {
  color: #8fd0f5 !important;
}
body.admin-layout #accordionSidebar .nav-link:hover,
body.admin-layout #accordionSidebar .submenu-item:hover {
  background: rgba(255, 255, 255, .06) !important;
  color: #ffffff !important;
}
body.admin-layout #accordionSidebar .nav-item.active > .nav-link {
  background: #003087 !important;
  color: #ffffff !important;
  border-radius: 8px;
}
body.admin-layout #accordionSidebar .nav-item.active > .nav-link span {
  background: transparent !important;
  color: #ffffff !important;
}
body.admin-layout #accordionSidebar .submenu-item.active {
  background: rgba(0, 112, 186, .28) !important;
  color: #ffffff !important;
  border-radius: 8px;
}
body.admin-layout #accordionSidebar .sidebar-search input {
  background: #04284a !important;
  border-color: #0b4f86 !important;
  color: #f5f7fa !important;
}
body.admin-layout #content-wrapper,
body.admin-layout #container-wrapper,
body.admin-layout .page-inner,
body.admin-layout .main-panel,
body.admin-layout .content {
  background: #001435 !important;
  color: #f5f7fa !important;
}
body.admin-layout .card,
body.admin-layout .card-header,
body.admin-layout .card-body,
body.admin-layout .card-footer,
body.admin-layout .mu-ud-panel,
body.admin-layout .panel,
body.admin-layout .ud-scard,
body.admin-layout .ud-fact,
body.admin-layout .ud-summary-card,
body.admin-layout .desk-kpi,
body.admin-layout .desk-card,
body.admin-layout .modal-content,
body.admin-layout .dropdown-menu,
body.admin-layout .bg-white,
body.admin-layout .bg-light {
  background: #04284a !important;
  border-color: #0b4f86 !important;
  color: #f5f7fa !important;
}
body.admin-layout .card,
body.admin-layout .desk-kpi,
body.admin-layout .desk-card {
  border: 1px solid #0b4f86 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
body.admin-layout .ud-scard__v,
body.admin-layout .ud-fact__v,
body.admin-layout .ud-app__name,
body.admin-layout .table td,
body.admin-layout .table th,
body.admin-layout h1,
body.admin-layout h2,
body.admin-layout h3,
body.admin-layout label,
body.admin-layout p {
  color: #f5f7fa !important;
}
body.admin-layout .ud-scard__k,
body.admin-layout .ud-scard__hint,
body.admin-layout .ud-app__sub,
body.admin-layout .text-muted,
body.admin-layout .text-secondary {
  color: #b7c3ce !important;
}
body.admin-layout .form-control,
body.admin-layout textarea,
body.admin-layout select,
body.admin-layout input[type="text"],
body.admin-layout input[type="email"],
body.admin-layout input[type="password"],
body.admin-layout input[type="number"],
body.admin-layout input[type="search"] {
  background: #001435 !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
  border-radius: 8px !important;
}
body.admin-layout .table,
body.admin-layout .table td,
body.admin-layout .table th {
  background: transparent !important;
  border-color: #0b4f86 !important;
}
body.admin-layout .table thead th {
  background: #001c64 !important;
  color: #f5f7fa !important;
}
body.admin-layout .btn-primary,
body.admin-layout .desk-btn--go {
  background: #0070ba !important;
  border-color: #0070ba !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}
body.admin-layout .btn-primary:hover,
body.admin-layout .desk-btn--go:hover {
  background: #003087 !important;
  border-color: #003087 !important;
  color: #ffffff !important;
}
body.admin-layout .admin-profile-menu-panel,
body.admin-layout .admin-quick-search__panel,
body.admin-layout .admin-bell__panel {
  background: #04284a !important;
  border: 1px solid #0b4f86 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .35) !important;
}
body.admin-layout .admin-profile-menu-name,
body.admin-layout .admin-profile-menu-panel a,
body.admin-layout .admin-quick-search__panel a,
body.admin-layout .admin-bell__panel a {
  color: #f5f7fa !important;
}
body.admin-layout .admin-profile-menu-role {
  color: #b7c3ce !important;
}
body.admin-layout .pagination .page-link {
  background: #04284a !important;
  border-color: #0b4f86 !important;
  color: #f5f7fa !important;
}

/* Auth uses the public header and footer, with a centered PayPal-style form */
body.auth-screen,
body.auth-screen #main-content,
body.auth-screen main {
  background: #ffffff !important;
  color: #2c2e2f !important;
}
html.dark body.auth-screen,
html.dark body.auth-screen #main-content,
html.dark body.auth-screen main,
html.dark body.auth-screen .pp-header,
html.dark body.auth-screen footer.pp-site-footer {
  background: #001435 !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html.dark body.auth-screen h1,
html.dark body.auth-screen h2,
html.dark body.auth-screen label,
html.dark body.auth-screen p,
html.dark body.auth-screen .pp-header__nav > a,
html.dark body.auth-screen .pp-header__login,
html.dark body.auth-screen footer a {
  color: #f5f7fa !important;
}
html.dark body.auth-screen input,
html.dark body.auth-screen select,
html.dark body.auth-screen textarea {
  background: #04284a !important;
  color: #ffffff !important;
  border-color: #0b4f86 !important;
}
html.dark body.auth-screen button[type="submit"],
html.dark body.auth-screen .pp-header__signup {
  background: #0070ba !important;
  color: #ffffff !important;
}
body.auth-screen .pp-header,
body.auth-screen > nav.fixed,
body.auth-screen footer {
  display: block !important;
  background: #ffffff !important;
  color: #2c2e2f !important;
  border-color: #e6e8eb !important;
}
html.dark body.auth-screen .pp-header,
html.dark body.auth-screen footer {
  display: block !important;
  background: #001435 !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
body.auth-screen .pp-nav-link,
body.auth-screen footer a,
body.auth-screen footer p { color: #001c64 !important; }
html.dark body.auth-screen .pp-nav-link,
html.dark body.auth-screen footer a,
html.dark body.auth-screen footer p { color: #f5f7fa !important; }
body.auth-screen footer a:hover { color: #0070ba !important; }

.pp-auth { display: grid; justify-content: center; gap: 2rem; padding: 2.75rem 1.25rem 4.5rem; background: #fff; max-width: 1080px; margin: 0 auto; }
.pp-auth-split { align-items: start; }
@media (min-width: 960px) {
  .pp-auth-split { grid-template-columns: minmax(260px, 380px) minmax(320px, 520px); justify-content: center; }
  .pp-auth-wide.pp-auth-split { grid-template-columns: minmax(240px, 320px) minmax(420px, 720px); }
}
.pp-auth-side { background: #001c64; color: #fff; border-radius: 1.25rem; padding: 1.75rem 1.5rem; }
.pp-auth-side h2 { color: #fff !important; font-size: 1.85rem; line-height: 1.15; margin: 0.35rem 0 0; letter-spacing: -0.03em; }
.pp-auth-side p { color: #fff !important; margin-top: 0.75rem; line-height: 1.55; }
.pp-auth-side ul { list-style: none; margin: 1.25rem 0 0; padding: 0; display: grid; gap: 0.85rem; }
.pp-auth-side li { display: flex; gap: 0.7rem; align-items: flex-start; color: #fff; font-size: 0.95rem; line-height: 1.45; }
.pp-auth-side li i { width: 1.1rem; margin-top: 0.15rem; color: #8fd0f5; }
.pp-auth-card { width: 100%; max-width: 460px; justify-self: center; }
.pp-auth-split .pp-auth-card { max-width: none; }
.pp-auth-card-wide { max-width: 720px; }
.pp-auth-back { margin: 0 0 0.75rem; }
.pp-auth-back a { color: #0070ba !important; font-weight: 700; text-decoration: none; }
.pp-auth-title { margin: 0; color: #001c64; font-size: 1.75rem; font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; }
.pp-auth-lede { margin: 0.5rem 0 0; color: #2c2e2f; font-size: 0.95rem; }
.pp-auth-or { display: flex; align-items: center; gap: 0.75rem; margin: 1.25rem 0; color: #6c7378; font-size: 0.875rem; }
.pp-auth-or::before, .pp-auth-or::after { content: ""; flex: 1; height: 1px; background: #cbd2d6; }
.pp-auth-outline {
  display: flex; align-items: center; justify-content: center;
  min-height: 48px; border-radius: 999px; border: 2px solid #0070ba;
  color: #0070ba !important; font-weight: 700; background: #fff;
}
.pp-auth-outline:hover { background: #f5f7fa; }
.pp-auth-fine { margin-top: 1.25rem; font-size: 0.75rem; line-height: 1.5; color: #6c7378 !important; }
.pp-auth-fine a { color: #0070ba !important; }

body.auth-screen section.min-h-screen > aside,
body.auth-screen section.min-h-screen > .relative { display: none !important; }
body.auth-screen .pp-auth-side { display: block !important; }
body.auth-screen section.min-h-screen {
  display: block !important;
  min-height: 0 !important;
  background: #fff !important;
}
html.dark body.auth-screen section.min-h-screen { background: #001435 !important; }
html.dark .pp-auth { background: transparent; }
html.dark .pp-auth-side { background: #0070ba; }
body.auth-screen section.min-h-screen > .flex,
body.auth-screen .min-h-screen,
body.auth-screen .min-h-\[100dvh\] { min-height: 0 !important; }
body.auth-screen section.min-h-screen header { display: none !important; }

body.auth-screen h1,
body.auth-screen h2,
body.auth-screen h3 {
  color: #001c64 !important;
  font-weight: 700;
}
html.dark body.auth-screen h1,
html.dark body.auth-screen h2,
html.dark body.auth-screen h3,
html.dark body.auth-screen label,
html.dark body.auth-screen p { color: #f5f7fa !important; }
body.auth-screen label { color: #2c2e2f !important; font-weight: 600; }
body.auth-screen p { color: #2c2e2f !important; }

body.auth-screen .bg-gray-900\/70,
body.auth-screen .bg-gray-800\/60,
body.auth-screen .bg-gray-800\/80,
body.auth-screen .bg-gray-800\/40,
body.auth-screen .bg-gray-700,
body.auth-screen .border-gray-700\/50,
body.auth-screen .border-gray-700\/60 {
  background: #ffffff !important;
  border-color: #e6e8eb !important;
  color: #2c2e2f !important;
  box-shadow: none !important;
}
body.auth-screen .text-white,
body.auth-screen .text-gray-100,
body.auth-screen .text-gray-200,
body.auth-screen .text-gray-300,
body.auth-screen .text-gray-400 { color: #2c2e2f !important; }
html.dark body.auth-screen .text-white,
html.dark body.auth-screen .dark\:text-white,
html.dark body.auth-screen .dark\:text-gray-100,
html.dark body.auth-screen .dark\:text-gray-200,
html.dark body.auth-screen .dark\:text-gray-300,
html.dark body.auth-screen .dark\:text-gray-400 { color: #f5f7fa !important; }
body.auth-screen a.text-\[\#0070ba\],
body.auth-screen .text-primary-300,
body.auth-screen .text-primary-400 { color: #0070ba !important; }

body.auth-screen input,
body.auth-screen select,
body.auth-screen textarea {
  background: #ffffff !important;
  color: #2c2e2f !important;
  border: 1px solid #9da3a6 !important;
  border-radius: 4px !important;
  min-height: 48px;
  box-shadow: none !important;
}
html.dark body.auth-screen input,
html.dark body.auth-screen select,
html.dark body.auth-screen textarea {
  background: #04284a !important;
  color: #ffffff !important;
  border-color: #0b4f86 !important;
}
body.auth-screen input:focus,
body.auth-screen select:focus,
body.auth-screen textarea:focus {
  border-color: #0070ba !important;
  outline: 2px solid rgba(0, 112, 186, 0.25);
}
body.auth-screen input[type="checkbox"] { min-height: 16px; width: 16px; }

body.auth-screen button[type="submit"],
body.auth-screen button[type="submit"] span,
body.auth-screen #login-submit,
body.auth-screen #login-submit span,
body.auth-screen #next-btn,
body.auth-screen #next-btn span,
body.auth-screen #submit-btn,
body.auth-screen #submit-btn span,
body.auth-screen #forgot-submit,
body.auth-screen #forgot-submit span,
body.auth-screen .pp-btn-solid {
  background: #0070ba !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  border: 0 !important;
  min-height: 48px;
  font-weight: 700;
  box-shadow: none !important;
}
body.auth-screen #prev-btn {
  background: #ffffff !important;
  color: #0070ba !important;
  border: 2px solid #0070ba !important;
  border-radius: 999px !important;
}
body.auth-screen [role="alert"] {
  background: #fff4f4 !important;
  color: #9b1c1c !important;
  border-color: #f5c2c2 !important;
}
body.auth-screen [role="status"] {
  background: #f3faf6 !important;
  color: #0e6245 !important;
  border-color: #b7ebc9 !important;
}

/* Public pages in dark mode */
html.dark body { background: #001435 !important; color: #f5f7fa !important; }
html.dark .pp-header,
html.dark .pp-header__panel,
html.dark .pp-header__sheet { background: #001435 !important; border-color: #003087 !important; }
html.dark .pp-header__nav > a,
html.dark .pp-header__menu > button,
html.dark .pp-header__panel a,
html.dark .pp-header__sheet a,
html.dark .pp-header__theme,
html.dark .pp-header__burger,
html.dark .pp-header__nav > a.is-on { color: #fff !important; }
html.dark .pp-header__login { color: #8fd0f5 !important; }

/* One page system for every public payment page */
.pp-wrap { background: var(--pp-white); color: var(--pp-ink); }
.pp-band { background: var(--pp-canvas); border-top: 1px solid var(--pp-line); border-bottom: 1px solid var(--pp-line); }
.pp-inner { max-width: 72rem; margin: 0 auto; padding: 3.5rem 1.25rem; }
.pp-home .pp-inner { max-width: 1180px; padding-left: 24px; padding-right: 24px; }
.pp-home-hero { width: 100%; background: #fff; color: #2c2e2f; }
html.dark .pp-home-hero { background: #001435 !important; color: #f5f7fa !important; }
html.dark #theme-toggle { color: #ffffff !important; }
html:not(.dark) .pp-header__nav > a,
html:not(.dark) .pp-header__menu > button,
html:not(.dark) .pp-header__burger,
html:not(.dark) .pp-footer-links a { color: #001c64 !important; }
html:not(.dark) .pp-title,
html:not(.dark) .pp-card h2,
html:not(.dark) .pp-card h3,
html:not(.dark) .pp-balance { color: #001c64 !important; }
html:not(.dark) .pp-lede,
html:not(.dark) .pp-card p,
html:not(.dark) .pp-muted { color: #2c2e2f !important; }
html:not(.dark) .pp-muted { color: #6c7378 !important; }
html.dark .pp-home-hero .pp-title,
html.dark .pp-home-hero .pp-lede,
html.dark .pp-home-hero .pp-kicker,
html.dark .pp-home-hero .pp-muted,
html.dark .pp-home-hero .pp-balance { color: #f5f7fa !important; }
html.dark .pp-home-hero .pp-kicker,
html.dark .pp-home-hero .pp-muted { color: #b7c3ce !important; }
html.dark .pp-home-hero .pp-primary,
html.dark .pp-header__signup { color: #ffffff !important; }

/* Public site: one readable light theme and one readable dark theme */
html:not(.dark) .pp-main,
html:not(.dark) .pp-wrap,
html:not(.dark) .pp-home-hero { background: #ffffff !important; color: #2c2e2f !important; }
html:not(.dark) .pp-band { background: #f5f7fa !important; }
html:not(.dark) .pp-main .pp-title,
html:not(.dark) .pp-main .pp-card h2,
html:not(.dark) .pp-main .pp-card h3 { color: #001c64 !important; }
html:not(.dark) .pp-main .pp-lede,
html:not(.dark) .pp-main .pp-card p { color: #2c2e2f !important; }
html:not(.dark) .pp-main .pp-kicker { color: #0070ba !important; }
html:not(.dark) .pp-main .pp-primary,
html:not(.dark) .pp-header__signup { background: #0070ba !important; color: #ffffff !important; }
html:not(.dark) .pp-auth-side,
html:not(.dark) .pp-auth-side p,
html:not(.dark) .pp-auth-side li,
html:not(.dark) .pp-auth-side h2,
html:not(.dark) .pp-auth-side .pp-lede,
html:not(.dark) .pp-navy,
html:not(.dark) .pp-navy p,
html:not(.dark) .pp-navy h2,
html:not(.dark) .pp-navy li { color: #ffffff !important; }
html:not(.dark) .pp-auth-side .pp-kicker,
html:not(.dark) .pp-navy .pp-kicker,
html:not(.dark) .pp-auth-side li i { color: #8fd0f5 !important; }
body.auth-screen [id^="step-"] i {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  background: transparent !important;
  opacity: 1 !important;
  color: #001c64 !important;
}
body.auth-screen #step-1-indicator,
body.auth-screen [id^="step-"].bg-primary-600,
body.auth-screen [id^="step-"][class*="bg-primary"] {
  background: #0070ba !important;
  color: #ffffff !important;
}
body.auth-screen #step-1-indicator i,
body.auth-screen [id^="step-"][class*="bg-primary"] i { color: #ffffff !important; }
body.auth-screen [id^="step-"][class*="e6e8eb"] {
  background: #e6e8eb !important;
  color: #001c64 !important;
}
html.dark .pp-main,
html.dark .pp-main .pp-wrap,
html.dark .pp-main .pp-home-hero,
html.dark .pp-main .pp-band { background: #001435 !important; color: #f5f7fa !important; }
html.dark .pp-main .pp-band { background: #001c64 !important; }
html.dark .pp-main .pp-card { background: #04284a !important; border-color: #0b4f86 !important; }
html.dark .pp-main .pp-title,
html.dark .pp-main .pp-lede,
html.dark .pp-main .pp-card h2,
html.dark .pp-main .pp-card h3,
html.dark .pp-main .pp-card p,
html.dark .pp-main .pp-balance,
html.dark .pp-main .pp-row,
html.dark .pp-main .pp-row span { color: #f5f7fa !important; }
html.dark .pp-main .pp-kicker,
html.dark .pp-main .pp-muted { color: #8fd0f5 !important; }
html.dark .pp-main .pp-primary,
html.dark .pp-header__signup { color: #ffffff !important; background: #0070ba !important; }
.pp-header i[class*="fa-"],
.pp-main i[class*="fa-"],
.pp-mobile-bar i[class*="fa-"] {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  background: transparent !important;
}
html:not(.dark) .pp-home-hero,
html.dark .pp-main .pp-home-hero,
.pp-home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: calc(100vh - 76px);
  display: flex;
  align-items: center;
  background: transparent !important;
}
.pp-home-hero .pp-home-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: center 42%;
  z-index: 0;
}
.pp-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(100deg, rgba(0, 20, 53, 0.62) 0%, rgba(0, 20, 53, 0.28) 46%, rgba(0, 20, 53, 0.08) 100%);
}
.pp-home-hero .pp-inner { position: relative; z-index: 2; padding-top: 4.25rem; padding-bottom: 4.25rem; }
.pp-home-hero .pp-lede { max-width: 38rem; }
html .pp-home-hero .pp-title,
html .pp-home-hero .pp-lede,
html .pp-home-hero .pp-kicker,
html .pp-home-hero .pp-muted { color: #ffffff !important; }
html .pp-home-hero .pp-kicker,
html .pp-home-hero .pp-muted { color: #d6e6f2 !important; }
html .pp-home-hero .pp-secondary { color: #ffffff !important; border-color: #ffffff; }
.pp-kicker { color: var(--pp-blue); font-weight: 700; font-size: 0.875rem; letter-spacing: 0.02em; }
.pp-title { color: var(--pp-navy); font-weight: 800; font-size: clamp(2.4rem, 5vw, 3.5rem); line-height: 1.08; letter-spacing: -0.03em; margin: 0.5rem 0 0; }
.pp-lede { color: var(--pp-ink); font-size: 1.125rem; line-height: 1.6; margin-top: 1rem; max-width: 40rem; }
.pp-grid { display: grid; gap: 1.25rem; }
@media (min-width: 768px) { .pp-grid-3 { grid-template-columns: repeat(3, 1fr); } .pp-grid-2 { grid-template-columns: repeat(2, 1fr); } }
.pp-card { background: #fff; border: 1px solid var(--pp-line); border-radius: 1rem; padding: 1.5rem; color: inherit; text-decoration: none; display: block; }
.pp-card h2, .pp-card h3 { color: var(--pp-navy); font-weight: 700; font-size: 1.25rem; margin: 0.35rem 0 0; }
.pp-card p { color: var(--pp-ink); margin: 0.5rem 0 0; font-size: 0.95rem; }
.pp-card { box-shadow: 0 8px 24px rgba(0, 28, 100, 0.06); transition: border-color .15s ease, transform .15s ease; }
.pp-card:hover { border-color: var(--pp-blue); transform: translateY(-2px); }
.brand-lockup__name { color: var(--pp-navy) !important; }
html.dark .brand-lockup__name { color: #fff !important; }
.pp-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }
.pp-primary, .pp-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 1.4rem; border-radius: 999px; font-weight: 700; text-decoration: none; }
.pp-primary { background: var(--pp-blue); color: #fff !important; min-width: 132px; }
.pp-primary:hover { background: var(--pp-blue-dark); }
.pp-btn-solid { min-width: 108px; font-weight: 700; }
#theme-toggle { min-width: 40px; padding: 0 10px; color: #001c64 !important; font-weight: 700; }
.pp-secondary { background: transparent; color: var(--pp-blue) !important; border: 2px solid var(--pp-blue); }
.pp-navy { background: var(--pp-navy); color: #fff; border-radius: 1.25rem; padding: 2rem; }
.pp-navy h2, .pp-navy p, .pp-navy a { color: #fff !important; }
.pp-balance { font-size: 2.25rem; font-weight: 700; color: var(--pp-navy); margin: 0.25rem 0 0; }
.pp-muted { color: var(--pp-muted); font-size: 0.875rem; }
.pp-row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.75rem 0; border-top: 1px solid var(--pp-line); font-size: 0.95rem; }
.pp-in { color: #00875a; font-weight: 700; }
.pp-hero { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 900px) { .pp-hero { grid-template-columns: 1.2fr .8fr; } }
.pp-step { display: flex; gap: 0.9rem; align-items: flex-start; }
.pp-step__n { flex: 0 0 auto; width: 2rem; height: 2rem; border-radius: 999px; background: #e8f4fc; color: var(--pp-navy); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.pp-callout { background: #f5f7fa; border-left: 4px solid var(--pp-blue); border-radius: 0 1rem 1rem 0; padding: 1.1rem 1.25rem; margin-top: 1.5rem; color: var(--pp-ink); }
.pp-card input, .pp-card select, .pp-card textarea { width: 100%; margin-top: .35rem; border-radius: 12px; border: 1px solid var(--pp-line); background: #fff; color: var(--pp-ink); padding: 12px 14px; font: inherit; box-shadow: none; }
.pp-card label { display: block; font-weight: 700; color: var(--pp-navy); }
html.dark .pp-wrap { background: #001435 !important; color: #f5f7fa !important; }
html.dark .pp-band { background: #001c64 !important; color: #f5f7fa !important; border-color: #003087 !important; }
html.dark .pp-card { background: #04284a !important; color: #f5f7fa !important; border-color: #0b4f86 !important; box-shadow: none !important; }
html.dark .pp-title,
html.dark .pp-card h2,
html.dark .pp-card h3,
html.dark .pp-balance,
html.dark .pp-lede,
html.dark .pp-card p,
html.dark .pp-row,
html.dark .pp-row strong { color: #f5f7fa !important; }
html.dark .pp-kicker { color: #8fd0f5 !important; }
html.dark .pp-muted { color: #b7c3ce !important; }
html:not(.dark) .pp-main .pp-home-hero .pp-hero-copy .pp-title,
html:not(.dark) .pp-main .pp-home-hero .pp-hero-copy .pp-lede,
html.dark .pp-main .pp-home-hero .pp-hero-copy .pp-title,
html.dark .pp-main .pp-home-hero .pp-hero-copy .pp-lede {
  color: #ffffff !important;
}
html:not(.dark) .pp-main .pp-home-hero .pp-hero-copy .pp-kicker,
html:not(.dark) .pp-main .pp-home-hero .pp-hero-copy .pp-muted,
html.dark .pp-main .pp-home-hero .pp-hero-copy .pp-kicker,
html.dark .pp-main .pp-home-hero .pp-hero-copy .pp-muted {
  color: #e8f2fa !important;
}
html:not(.dark) .pp-main .pp-home-hero .pp-hero-copy .pp-secondary,
html.dark .pp-main .pp-home-hero .pp-hero-copy .pp-secondary {
  color: #001c64 !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
}
html:not(.dark) .pp-main .pp-home-hero .pp-card,
html:not(.dark) .pp-main .pp-home-hero .pp-card .pp-balance,
html:not(.dark) .pp-main .pp-home-hero .pp-card .pp-row,
html:not(.dark) .pp-main .pp-home-hero .pp-card .pp-row span {
  color: #001c64 !important;
}
html:not(.dark) .pp-main .pp-home-hero .pp-card .pp-muted,
html:not(.dark) .pp-main .pp-home-hero .pp-card .pp-kicker {
  color: #545d66 !important;
}
html:not(.dark) .pp-main .pp-home-hero .pp-card .pp-row a {
  color: #0070ba !important;
}
html.dark .pp-in { color: #3ddc97 !important; }
html.dark .pp-secondary { color: #8fd0f5 !important; border-color: #8fd0f5 !important; background: transparent !important; }
html.dark .pp-navy { background: #0070ba !important; }
html.dark .pp-callout { background: #04284a !important; color: #f5f7fa !important; }
html.dark .pp-step__n { background: #003087 !important; color: #fff !important; }
html.dark .pp-card input, html.dark .pp-card select, html.dark .pp-card textarea { background: #001435 !important; color: #f5f7fa !important; border-color: #0b4f86 !important; }
html.dark footer.pp-site-footer {
  background: #001435 !important;
  color: #f5f7fa !important;
  border-top-color: #003087 !important;
}
html.dark footer.pp-site-footer .pp-footer-links a,
html.dark footer.pp-site-footer .pp-footer-legal a,
html.dark footer.pp-site-footer .pp-footer-legal > span,
html.dark footer.pp-site-footer .pp-footer-region,
html.dark footer.pp-site-footer .pp-footer-logo .brand-lockup__name { color: #f5f7fa !important; }
html.dark footer.pp-site-footer .pp-footer-links a:hover,
html.dark footer.pp-site-footer .pp-footer-legal a:hover { color: #8fd0f5 !important; }

.pp-site-footer {
  background: #fff !important;
  border-top: 1px solid #cbd2d6;
  padding: 44px 28px 22px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pp-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 36px;
  max-width: 1120px;
  margin: 0 auto 20px;
}
.pp-footer-links a {
  color: #001435 !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
  text-decoration: none !important;
}
.pp-footer-links-secondary { margin-bottom: 32px; }
.pp-footer-links-secondary a { font-weight: 400; font-size: 14px; }
.pp-footer-links a:hover { color: #0070e0 !important; text-decoration: underline !important; }
.pp-footer-bar {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 16px;
  border-top: 1px solid #e1e4e8;
  display: grid;
  grid-template-columns: 160px 1fr auto;
  gap: 12px 20px;
  align-items: center;
}
.pp-footer-logo { display: inline-flex; align-items: center; color: #001435 !important; min-height: 32px; }
.pp-footer-logo .brand-lockup__name { color: #001435 !important; font-weight: 800; }
.pp-footer-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px 16px;
  margin: 0;
  padding: 0;
  border: 0;
}
.pp-footer-legal a,
.pp-footer-legal > span {
  color: #687173 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px;
  text-decoration: none !important;
}
.pp-footer-legal a:hover { color: #0070e0 !important; text-decoration: underline !important; }
.pp-footer-region {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-self: end;
  color: #001435 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap;
}
.pp-footer-region svg { display: block; flex: 0 0 auto; }
@media (max-width: 860px) {
  .pp-footer-bar { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .pp-footer-region { justify-self: center; }
}
html.dark footer.pp-site-footer,
html.dark body.auth-screen footer.pp-site-footer {
  background: #001435 !important;
  color: #f5f7fa !important;
}
html.dark footer.pp-site-footer .pp-footer-links a,
html.dark footer.pp-site-footer .pp-footer-legal a,
html.dark footer.pp-site-footer .pp-footer-legal > span,
html.dark footer.pp-site-footer .pp-footer-region { color: #f5f7fa !important; }

/* Dark mode: every menu label and page line stays readable */
html.dark .pp-header,
html.dark .pp-header__panel,
html.dark .pp-header__sheet {
  background: #001435 !important;
  border-color: #24527a !important;
  color: #ffffff !important;
}
html.dark .pp-header__nav > a,
html.dark .pp-header__menu > button,
html.dark .pp-header__menu > button i,
html.dark .pp-header__panel a,
html.dark .pp-header__sheet a,
html.dark .pp-header__theme,
html.dark .pp-header__burger,
html.dark .pp-header .brand-lockup__name {
  color: #ffffff !important;
}
html.dark .pp-header__nav > a:hover,
html.dark .pp-header__menu > button:hover,
html.dark .pp-header__panel a:hover,
html.dark .pp-header__sheet a:hover,
html.dark .pp-header__nav > a.is-on,
html.dark .pp-header__login {
  color: #8fd0f5 !important;
}
html.dark .pp-header__panel a:hover,
html.dark .pp-header__sheet a:hover { background: #04284a !important; }
html.dark .pp-header__signup,
html.dark .pp-header__signup:hover { color: #ffffff !important; }
html.dark .pp-main,
html.dark .pp-main h1,
html.dark .pp-main h2,
html.dark .pp-main h3,
html.dark .pp-main p,
html.dark .pp-main li,
html.dark .pp-main label,
html.dark .pp-main strong {
  color: #f5f7fa;
}
html.dark .pp-main .pp-primary,
html.dark .pp-main .pp-header__signup { color: #ffffff !important; }
html.dark .pp-mobile-bar a,
html.dark .pp-mobile-bar button {
  background: #04284a !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html.dark .pp-mobile-bar a[href*="register"],
.pp-mobile-bar a[href*="register"] {
  background: #0070ba !important;
  color: #fff !important;
}
html.dark footer.pp-site-footer .pp-footer-logo .brand-lockup__name,
html.dark footer.pp-site-footer .pp-footer-links a,
html.dark footer.pp-site-footer .pp-footer-links-secondary a,
html.dark footer.pp-site-footer .pp-footer-legal,
html.dark footer.pp-site-footer .pp-footer-legal a,
html.dark footer.pp-site-footer .pp-footer-legal span,
html.dark footer.pp-site-footer .pp-footer-region {
  color: #f7f9fb !important;
}

/* Signed-in account uses the same light and dark tokens as the public site. */
html:not(.dark) .sidebar-container,
html:not(.dark) .sidebar-brand-bar,
html:not(.dark) .user-desktop-header,
html:not(.dark) .mobile-header {
  background: #ffffff !important;
  border-color: #e6e8eb !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: #001c64 !important;
}
html:not(.dark) .user-desktop-header,
html:not(.dark) .mobile-header {
  border-bottom: 1px solid #cbd2d6 !important;
  box-shadow: 0 1px 0 #e6e8eb !important;
}
html:not(.dark) .user-desktop-header { padding-top: 14px !important; padding-bottom: 14px !important; }
html:not(.dark) .user-desktop-header h1,
html:not(.dark) .user-desktop-header h1 * { color: #001c64 !important; font-size: 1.35rem !important; font-weight: 700 !important; letter-spacing: -0.02em; }
html:not(.dark) .user-desktop-header p,
html:not(.dark) .user-desktop-header p * { color: #54595c !important; }
html:not(.dark) .user-desktop-header button,
html:not(.dark) .user-desktop-header button i,
html:not(.dark) .mobile-header button,
html:not(.dark) .mobile-header button i,
html:not(.dark) .mobile-header i {
  background: #f5f7fa !important;
  color: #001c64 !important;
  border: 1px solid #cbd2d6 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
html:not(.dark) .user-desktop-header button i,
html:not(.dark) .mobile-header button i { background: transparent !important; border: 0 !important; }
.user-desktop-header .user-theme-aa {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
}
html:not(.dark) .user-desktop-header .user-theme-aa { color: #001c64 !important; }
html.dark .user-desktop-header .user-theme-aa { color: #ffffff !important; background: #04284a !important; }
html:not(.dark) .sidebar-container,
html:not(.dark) .sidebar-container .sidebar-nav-link,
html:not(.dark) .sidebar-container .sidebar-nav-link span,
html:not(.dark) .sidebar-container .sidebar-nav-link i,
html:not(.dark) .sidebar-container .sidebar-section-header,
html:not(.dark) .sidebar-container .sidebar-section-header span,
html:not(.dark) .sidebar-profile-footer,
html:not(.dark) .sidebar-profile-footer p {
  color: #001c64 !important;
  opacity: 1 !important;
}
html:not(.dark) .sidebar-container .sidebar-nav-link.active,
html:not(.dark) .sidebar-container .sidebar-nav-link.active span,
html:not(.dark) .sidebar-container .sidebar-nav-link.active i {
  color: #0070ba !important;
}
html.dark .sidebar-container,
html.dark .sidebar-container .sidebar-nav-link,
html.dark .sidebar-container .sidebar-nav-link span,
html.dark .sidebar-container .sidebar-nav-link i,
html.dark .sidebar-container .sidebar-section-header,
html.dark .sidebar-container .sidebar-section-header span,
html.dark .sidebar-profile-footer,
html.dark .sidebar-profile-footer p,
html.dark .mobile-drawer,
html.dark .mobile-drawer a,
html.dark .mobile-drawer span,
html.dark .mobile-drawer i {
  color: #f5f7fa !important;
  opacity: 1 !important;
}
html.dark .sidebar-container .sidebar-nav-link.active,
html.dark .sidebar-container .sidebar-nav-link.active span,
html.dark .sidebar-container .sidebar-nav-link.active i {
  color: #8fd0f5 !important;
}
.sidebar-group { padding: 0 12px 6px; }
.sidebar-section-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 36px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
.sidebar-section-header i {
  width: 14px;
  text-align: center;
  font-size: 10px;
  transition: transform 0.2s ease;
}
.sidebar-section-header.is-open i { transform: rotate(180deg); }
.sidebar-section-header.has-current span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  border-radius: 50%;
  background: #0070ba;
  vertical-align: 1px;
}
.sidebar-links { display: flex; flex-direction: column; gap: 2px; margin-top: 2px; }
a.sidebar-nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}
a.sidebar-nav-link > i {
  flex: 0 0 18px;
  width: 18px;
  text-align: center;
  font-size: 14px;
}
a.sidebar-nav-link > span { flex: 1; min-width: 0; white-space: normal; }
.contacts-card h3,
.contacts-card p,
.contacts-card span { white-space: normal; overflow: visible; color: inherit; }
.sidebar-badge {
  flex: 0 0 auto;
  margin-left: auto;
  min-width: 18px;
  padding: 1px 6px;
  border-radius: 999px;
  background: #0070ba;
  color: #fff;
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}
.sidebar-badge--amber { background: #d97706; }
.sidebar-badge--red { background: #d20000; }
.sidebar-badge--green { background: #059669; }
html:not(.dark) .sidebar-section-header { color: #6c7378 !important; letter-spacing: 0.08em !important; }
html:not(.dark) .sidebar-nav-link { color: #001c64 !important; border-radius: 999px !important; font-weight: 600 !important; }
html:not(.dark) .sidebar-nav-link.active { background: #f5f7fa !important; color: #0070ba !important; }
html:not(.dark) .sidebar-nav-link:hover { background: #f5f7fa !important; }
html:not(.dark) .sidebar-profile-footer { background: #fff !important; }
.sidebar-profile-footer .rounded-2xl { background: transparent !important; }
.sidebar-profile-footer button[type="submit"] {
  background: transparent !important;
  color: #0070ba !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}
html:not(.dark) main.user-page-main,
html:not(.dark) main.user-page-main .min-h-screen {
  background: #f5f7fa !important;
  background-image: none !important;
  color: #2c2e2f !important;
}
main.user-page-main #main-content { max-width: 1120px; margin: 0 auto; padding: 12px 8px 48px; }
main.user-page-main:has(.send-page) #main-content { max-width: none; padding: 16px 20px 48px; }
html:not(.dark) main.user-page-main .text-white,
html:not(.dark) main.user-page-main .text-gray-100,
html:not(.dark) main.user-page-main .text-gray-200 { color: #001c64 !important; }
html:not(.dark) main.user-page-main .text-gray-900,
html:not(.dark) main.user-page-main .text-gray-800,
html:not(.dark) main.user-page-main .text-gray-700 { color: #001c64 !important; }
html:not(.dark) main.user-page-main .text-gray-500,
html:not(.dark) main.user-page-main .text-gray-400,
html:not(.dark) main.user-page-main .text-gray-600 { color: #54595c !important; }
main.user-page-main form button[type="submit"].statement-month {
  background: #f5f7fa !important;
  color: #001c64 !important;
  border: 1px solid #e6e8eb !important;
  border-radius: 12px !important;
  min-height: 0 !important;
  font-weight: 700 !important;
}
main.user-page-main form button[type="submit"]:not(.bg-red-500\/20):not(.statement-month) {
  background: #0070ba !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  min-height: 48px;
  box-shadow: none !important;
}
main.user-page-main form button[type="submit"]:not(.statement-month):hover { background: #003087 !important; }
main.user-page-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
main.user-page-main select,
main.user-page-main textarea {
  background: #ffffff !important;
  color: #2c2e2f !important;
  border: 1px solid #9da3a6 !important;
  border-radius: 4px !important;
  min-height: 48px;
  box-shadow: none !important;
}
main.user-page-main input:focus,
main.user-page-main select:focus,
main.user-page-main textarea:focus {
  border-color: #0070ba !important;
  outline: 2px solid rgba(0, 112, 186, 0.25);
}
html:not(.dark) main.user-page-main th { color: #54595c !important; }
html:not(.dark) main.user-page-main td { color: #2c2e2f !important; }
html.dark .sidebar-container,
html.dark .sidebar-brand-bar,
html.dark .sidebar-profile-footer,
html.dark .user-desktop-header,
html.dark .mobile-header,
html.dark .mobile-drawer,
html.dark main.user-page-main,
html.dark body.min-h-screen {
  background: #001435 !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html.dark .user-desktop-header h1,
html.dark .user-desktop-header p,
html.dark .sidebar-nav-link,
html.dark .sidebar-section-header { color: #f5f7fa !important; }
html:not(.dark) .sidebar-section-header.has-current,
html:not(.dark) .sidebar-section-header.has-current span { color: #0070ba !important; }
html:not(.dark) .sidebar-group.is-current > .sidebar-section-header { background: #f5f7fa; border-radius: 999px; }
html.dark .sidebar-section-header.has-current,
html.dark .sidebar-section-header.has-current span { color: #8fd0f5 !important; }
html.dark .sidebar-section-header.has-current span::before { background: #8fd0f5; }
html.dark .sidebar-group.is-current > .sidebar-section-header { background: #04284a; border-radius: 999px; }
a.sidebar-nav-link.active { position: relative; }
a.sidebar-nav-link.active::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 999px;
  background: #0070ba;
}
html.dark a.sidebar-nav-link.active::before { background: #8fd0f5; }
html.dark .sidebar-nav-link.active,
html.dark .sidebar-nav-link:hover { background: #04284a !important; color: #8fd0f5 !important; }
html.dark main.user-page-main .text-white,
html.dark main.user-page-main .text-gray-100,
html.dark main.user-page-main .text-gray-200,
html.dark main.user-page-main .dark\:text-white { color: #f5f7fa !important; }
html.dark main.user-page-main .text-gray-900,
html.dark main.user-page-main .text-gray-800,
html.dark main.user-page-main .text-gray-700,
html.dark main.user-page-main .text-gray-600 { color: #d5dde5 !important; }
html.dark main.user-page-main .text-gray-500,
html.dark main.user-page-main .text-gray-400,
html.dark main.user-page-main th { color: #b7c3ce !important; }
html.dark main.user-page-main .bg-white,
html.dark main.user-page-main .bg-gray-50,
html.dark main.user-page-main .bg-gray-100 {
  background-color: #04284a !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html.dark main.user-page-main input,
html.dark main.user-page-main select,
html.dark main.user-page-main textarea {
  background: #001c64 !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html.dark .sidebar-profile-footer button[type="submit"] { color: #8fd0f5 !important; background: transparent !important; }

.contacts-wrap { max-width: 1080px; margin: 0 auto; }
.contacts-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; align-items: flex-end; margin-bottom: 16px; }
.contacts-head h1 { margin: 0; font-size: 1.6rem; font-weight: 800; color: #001c64; letter-spacing: -0.02em; }
.contacts-head p { margin: 4px 0 0; color: #54595c; font-size: 0.95rem; max-width: 36rem; }
.contacts-head h1, .contacts-head p { display: block; }
.contacts-actions, .contacts-page .flex.flex-col.sm\:flex-row { display: flex; flex-wrap: wrap; gap: 8px; }
.contacts-btn, .contacts-btn--send {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 18px; border-radius: 999px; border: 0;
  background: #0070ba !important; color: #fff !important; font-weight: 700; text-decoration: none;
}
.contacts-btn--ghost { background: #fff !important; color: #0070ba !important; border: 1px solid #0070ba !important; }
.contacts-btn--send { flex: 1; }
.contacts-toolbar { background: #fff; border: 1px solid #e6e8eb; border-radius: 16px; padding: 14px; margin-bottom: 14px; }
.contacts-chip {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 36px; padding: 0 14px; border-radius: 999px;
  border: 1px solid #cbd2d6; background: #fff; color: #001c64;
  font-size: 13px; font-weight: 700;
}
.contacts-chip.bg-blue-500 { background: #0070ba !important; color: #fff !important; border-color: #0070ba !important; }
.contacts-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 16px; }
@media (min-width: 800px) { .contacts-stats { grid-template-columns: repeat(4, 1fr); } }
.contacts-stats > div { background: #fff; border: 1px solid #e6e8eb; border-radius: 12px; padding: 12px 14px; }
.contacts-stats span { display: block; font-size: 1.45rem; font-weight: 800; color: #001c64; line-height: 1.1; }
.contacts-stats small { color: #54595c; font-size: 12px; }
.contacts-card { background: #fff; border: 1px solid #e6e8eb; border-radius: 16px; padding: 16px; }
html.dark .contacts-head h1, html.dark .contacts-stats span { color: #f5f7fa; }
html.dark .contacts-toolbar, html.dark .contacts-stats > div, html.dark .contacts-card, html.dark .contacts-chip, html.dark .contacts-btn--ghost {
  background: #04284a !important; color: #f5f7fa !important; border-color: #0b4f86 !important;
}
html.dark .contacts-chip.bg-blue-500, html.dark .contacts-btn { background: #0070ba !important; color: #fff !important; }
html:not(.dark) main.user-page-main a.contacts-btn:not(.contacts-btn--ghost),
html:not(.dark) main.user-page-main a.contacts-btn:not(.contacts-btn--ghost) span,
html:not(.dark) main.user-page-main a.contacts-btn:not(.contacts-btn--ghost) i,
html:not(.dark) main.user-page-main button.contacts-btn:not(.contacts-btn--ghost),
html:not(.dark) main.user-page-main button.contacts-btn:not(.contacts-btn--ghost) span,
html:not(.dark) main.user-page-main button.contacts-btn:not(.contacts-btn--ghost) i {
  color: #ffffff !important;
  background-color: #0070ba !important;
}
html:not(.dark) main.user-page-main a.contacts-btn:not(.contacts-btn--ghost) i,
html:not(.dark) main.user-page-main button.contacts-btn:not(.contacts-btn--ghost) i {
  background: transparent !important;
}
.contacts-btn { width: auto; flex: 0 0 auto; white-space: nowrap; }

.pp-pin { max-width: 440px; }
.pp-pin__card {
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 16px;
  padding: 24px;
}
.pp-pin__kicker {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0070ba;
}
.pp-pin__card h2 { margin: 0; font-size: 1.45rem; color: #001c64; }
.pp-pin__lead { margin: 8px 0 0; color: #54595c; font-size: 14px; line-height: 1.45; }
.pp-pin__rules { margin: 14px 0 0; padding-left: 18px; color: #2c2e2f; font-size: 13px; }
.pp-pin__rules li { margin: 4px 0; }
.pp-pin__form { display: flex; flex-direction: column; gap: 14px; margin-top: 18px; }
.pp-pin__field { display: flex; flex-direction: column; gap: 6px; color: #001c64; font-size: 13px; font-weight: 700; }
.pp-pin__field input {
  height: 48px;
  border: 1px solid #9da3a6;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 500;
  color: #2c2e2f;
  background: #fff;
}
.pp-pin__field input:focus { outline: 2px solid #0070ba; border-color: #0070ba; }
.pp-pin__field small { font-weight: 600; color: #6c7378; }
.pp-pin__field small#pin-match { color: #d20000; }
.pp-pin__form button {
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: #0070ba;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}
.pp-pin__form button:hover { background: #003087; }
.pp-pin__msg { margin: 0; color: #d20000; font-size: 13px; font-weight: 700; }
html.dark .pp-pin__card { background: #04284a; border-color: #0b4f86; }
html.dark .pp-pin__card h2, html.dark .pp-pin__field, html.dark .pp-pin__rules { color: #f5f7fa; }
html.dark .pp-pin__lead, html.dark .pp-pin__field small { color: #b7c3ce; }
html.dark .pp-pin__field input { background: #001435; color: #f5f7fa; border-color: #0b4f86; }

.resolution-page { max-width: 880px; display: flex; flex-direction: column; gap: 16px; }
.resolution-intro h2 { margin: 0; font-size: 1.35rem; font-weight: 800; color: #001c64; }
.resolution-intro p { margin: 6px 0 0; color: #54595c; max-width: 36rem; }
.resolution-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.resolution-btn {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px;
  border-radius: 999px; font-weight: 700; text-decoration: none; white-space: nowrap;
  background: #0070ba; color: #fff;
}
.resolution-btn--ghost { background: #fff; color: #0070ba; border: 1px solid #0070ba; }
.resolution-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 720px) { .resolution-grid { grid-template-columns: 1fr 1fr; } }
.resolution-card {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  background: #fff; border: 1px solid #e6e8eb; border-radius: 16px; padding: 16px 18px;
  text-decoration: none; color: #001c64;
}
.resolution-card i { color: #0070ba; font-size: 1.1rem; }
.resolution-card strong { font-size: 1rem; }
.resolution-card span { color: #54595c; font-size: 0.92rem; line-height: 1.4; }
.resolution-card:hover { border-color: #0070ba; }
.resolution-steps {
  list-style: none; margin: 0; padding: 4px 0 0; display: flex; flex-direction: column; gap: 10px;
}
.resolution-steps li { display: flex; align-items: center; gap: 10px; color: #001c64; }
.resolution-steps strong {
  width: 28px; height: 28px; border-radius: 999px; background: #e8f4fc; color: #0070ba;
  display: inline-flex; align-items: center; justify-content: center; font-size: 13px;
}
html:not(.dark) main.user-page-main a.resolution-btn:not(.resolution-btn--ghost),
html:not(.dark) main.user-page-main a.resolution-btn:not(.resolution-btn--ghost) span,
html:not(.dark) main.user-page-main a.resolution-btn:not(.resolution-btn--ghost) i {
  color: #ffffff !important; background-color: #0070ba !important;
}
html:not(.dark) main.user-page-main a.resolution-btn i { background: transparent !important; }
html:not(.dark) main.user-page-main a.resolution-btn--ghost,
html:not(.dark) main.user-page-main a.resolution-btn--ghost span,
html:not(.dark) main.user-page-main a.resolution-btn--ghost i {
  color: #0070ba !important; background: #ffffff !important;
}
html:not(.dark) main.user-page-main a.resolution-card,
html:not(.dark) main.user-page-main a.resolution-card strong { color: #001c64 !important; }
html:not(.dark) main.user-page-main a.resolution-card span { color: #54595c !important; }
html:not(.dark) main.user-page-main a.resolution-card i { color: #0070ba !important; background: transparent !important; }
html.dark .resolution-intro h2, html.dark .resolution-card, html.dark .resolution-card strong, html.dark .resolution-steps li { color: #f5f7fa; }
html.dark .resolution-card { background: #04284a; border-color: #0b4f86; }

/* Finish both themes: focus, menus, badges, and links */
html:not(.dark) .sidebar-nav-link i,
html:not(.dark) .user-desktop-header i,
html:not(.dark) .mobile-header i { color: #001c64; }
html:not(.dark) .sidebar-nav-link.active i { color: #0070ba !important; }
html:not(.dark) main.user-page-main a { color: #0070ba; }
html:not(.dark) main.user-page-main a:hover { color: #003087; }
html.dark .sidebar-nav-link i,
html.dark .user-desktop-header i,
html.dark .mobile-header i,
html.dark .mobile-drawer,
html.dark .mobile-drawer a,
html.dark .mobile-drawer span { color: #f5f7fa !important; }
html.dark .sidebar-nav-link.active i { color: #8fd0f5 !important; }
html.dark main.user-page-main a { color: #8fd0f5; }
html.dark main.user-page-main a:hover { color: #ffffff; }
html.dark .user-desktop-header .absolute,
html.dark .notification-item { background: #04284a !important; color: #f5f7fa !important; border-color: #0b4f86 !important; }
.sidebar-nav-link:focus-visible,
.user-desktop-header button:focus-visible,
main.user-page-main button:focus-visible,
main.user-page-main a:focus-visible {
  outline: 2px solid #0070ba;
  outline-offset: 2px;
}
main.user-page-main .bg-red-500,
main.user-page-main .bg-amber-500,
main.user-page-main .bg-emerald-500,
main.user-page-main .bg-green-500,
.sidebar-nav-link .bg-red-500,
.sidebar-nav-link .bg-amber-500,
.sidebar-nav-link .bg-emerald-500 {
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.dark main.user-page-main form button[type="submit"] { color: #ffffff !important; }

/* Last word: icons and labels stay visible on the public site and the signed-in pages */
i.fa-solid, i[class*="fa-solid"] {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}
i.fa-brands, i[class*="fa-brands"] {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html:not(.dark) i[class*="fa-"].text-gray-400,
html:not(.dark) i[class*="fa-"].text-gray-500,
html:not(.dark) i[class*="fa-"].text-gray-600 { color: #001c64 !important; }
html.dark i[class*="fa-"].text-gray-400,
html.dark i[class*="fa-"].text-gray-500,
html.dark i[class*="fa-"].text-gray-600 { color: #f5f7fa !important; }
html:not(.dark) .pp-main,
html:not(.dark) .pp-header,
html:not(.dark) footer.pp-site-footer { color: #2c2e2f; }
html.dark .pp-main,
html.dark .pp-header,
html.dark footer.pp-site-footer { color: #f5f7fa; }
html.dark main.user-page-main { background: #001435 !important; color: #f5f7fa !important; }
html:not(.dark) main.user-page-main { background: #f5f7fa !important; color: #2c2e2f !important; }

/* Keep icon glyphs visible in both themes */
main.user-page-main i.fa-solid,
main.user-page-main i[class*="fa-solid"],
.sidebar-container i.fa-solid,
.sidebar-container i[class*="fa-solid"],
.user-desktop-header i[class*="fa-solid"],
.mobile-header i[class*="fa-solid"],
.mobile-drawer i[class*="fa-solid"] {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
}
main.user-page-main i.fa-brands,
main.user-page-main i[class*="fa-brands"],
.sidebar-container i.fa-brands,
.sidebar-container i[class*="fa-brands"] {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
  font-style: normal !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  line-height: 1 !important;
}
html.dark .sidebar-nav-link.active,
html.dark .sidebar-nav-link.active i {
  color: #ffffff !important;
}
html:not(.dark) .pp-summary a.bg-\[\#0070ba\],
html:not(.dark) .pp-summary a.bg-\[\#0070ba\] i {
  color: #ffffff !important;
}
html:not(.dark) main.user-page-main .bg-blue-100 > i,
html:not(.dark) main.user-page-main .text-blue-600 { color: #0070ba !important; }
html:not(.dark) main.user-page-main .bg-violet-100 > i,
html:not(.dark) main.user-page-main .text-violet-600 { color: #6d28d9 !important; }
html:not(.dark) main.user-page-main .bg-emerald-100 > i,
html:not(.dark) main.user-page-main .text-emerald-600,
html:not(.dark) main.user-page-main .text-emerald-400 { color: #047857 !important; }
html:not(.dark) main.user-page-main .bg-amber-100 > i,
html:not(.dark) main.user-page-main .text-amber-600 { color: #b45309 !important; }
html:not(.dark) main.user-page-main a.bg-white i,
html:not(.dark) main.user-page-main .bg-white > i { color: #0b4f8c !important; }
html:not(.dark) main.user-page-main .text-white i[class*="fa-"] { color: #001c64 !important; }
html.dark main.user-page-main .bg-blue-100 > i,
html.dark main.user-page-main .text-blue-400,
html.dark main.user-page-main .text-blue-300 { color: #8fd0f5 !important; }
html.dark main.user-page-main .text-emerald-400,
html.dark main.user-page-main .text-violet-400,
html.dark main.user-page-main .text-amber-400 { opacity: 1 !important; }

/* Theme switch is the last word: light stays light, dark stays dark. */
html:not(.dark) body,
html:not(.dark) .pp-main,
html:not(.dark) .pp-site-footer,
html:not(.dark) .pp-header,
html:not(.dark) .pp-header__panel,
html:not(.dark) .pp-header__sheet {
  background: #ffffff !important;
  color: #2c2e2f !important;
}
html.dark body,
html.dark .pp-main,
html.dark .pp-site-footer,
html.dark .pp-header,
html.dark .pp-header__panel,
html.dark .pp-header__sheet {
  background: #001435 !important;
  color: #f5f7fa !important;
}
html.dark #theme-toggle,
html.dark .user-theme-aa { color: #ffffff !important; }
html:not(.dark) #theme-toggle,
html:not(.dark) .user-theme-aa { color: #001c64 !important; }
html.dark main.user-page-main .bg-white,
html.dark main.user-page-main .dark\:bg-gray-800,
html.dark main.user-page-main .dark\:bg-gray-900 {
  background-color: #04284a !important;
  color: #f5f7fa !important;
}
html:not(.dark) main.user-page-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html:not(.dark) main.user-page-main select,
html:not(.dark) main.user-page-main textarea {
  background: #ffffff !important;
  color: #2c2e2f !important;
}
html.dark main.user-page-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html.dark main.user-page-main select,
html.dark main.user-page-main textarea {
  background: #001c64 !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
.pp-summary { color: #2c2e2f; }
.pp-summary .bg-\[\#0b4f8c\],
.pp-summary .from-\[\#0b4f8c\],
.pp-summary .from-blue-500,
.pp-summary .to-cyan-500,
.pp-summary .to-blue-600 {
  --tw-gradient-from: #0070ba;
  --tw-gradient-to: #003087;
  background-color: #0070ba !important;
  background-image: none !important;
}
html:not(.dark) .pp-summary .bg-white,
html:not(.dark) .pp-summary .dark\:bg-gray-800 {
  background-color: #ffffff;
  border-color: #e6e8eb;
}
html:not(.dark) .pp-summary h1,
html:not(.dark) .pp-summary h2,
html:not(.dark) .pp-summary h3,
html:not(.dark) .pp-summary .text-gray-900 {
  color: #001c64;
}
html:not(.dark) .pp-summary .text-\[\#0b4f8c\] {
  color: #0070ba;
}
html:not(.dark) .pp-summary a.text-xs:not(.bg-\[\#0070ba\]):not([class*="bg-"]) {
  color: #0070ba;
}
html.dark .pp-summary { background: #001435 !important; color: #f5f7fa; }
html.dark .pp-summary .bg-white,
html.dark .pp-summary .dark\:bg-gray-800,
html.dark .pp-summary .dark\:bg-gray-700 {
  background-color: #04284a !important;
  border-color: #0b4f86 !important;
  color: #f5f7fa;
}

/* Signed-in pages: links stay blue, buttons keep white labels, cards stay readable */
html:not(.dark) main.user-page-main h1,
html:not(.dark) main.user-page-main h2,
html:not(.dark) main.user-page-main h3 {
  color: #001c64;
}
html:not(.dark) main.user-page-main a.text-white,
html:not(.dark) main.user-page-main a[class*="bg-[#0070ba]"],
html:not(.dark) main.user-page-main a[class*="bg-primary"],
html:not(.dark) main.user-page-main a[class*="bg-blue-6"],
html:not(.dark) main.user-page-main a[class*="bg-blue-5"],
html:not(.dark) main.user-page-main button.bg-\[\#0070ba\],
html:not(.dark) main.user-page-main button[class*="bg-primary"],
html.dark main.user-page-main a.text-white,
html.dark main.user-page-main a[class*="bg-[#0070ba]"],
html.dark main.user-page-main a[class*="bg-primary"],
html.dark main.user-page-main button[type="submit"],
html.dark main.user-page-main button[class*="bg-primary"] {
  color: #ffffff !important;
}
html:not(.dark) main.user-page-main a.text-white i,
html.dark main.user-page-main a.text-white i,
html.dark main.user-page-main button[type="submit"] i {
  color: #ffffff !important;
}
html:not(.dark) main.user-page-main label,
html:not(.dark) main.user-page-main th {
  color: #001c64;
}
html:not(.dark) main.user-page-main .bg-white,
html:not(.dark) main.user-page-main .rounded-2xl.bg-white,
html:not(.dark) main.user-page-main .rounded-xl.bg-white {
  border-color: #e6e8eb;
}

/* Activity page: light and dark both readable */
html:not(.dark) .pp-activity .blue-card,
html:not(.dark) .pp-activity .stat-card,
html:not(.dark) .pp-activity .bg-white {
  background: #ffffff !important;
  color: #2c2e2f !important;
  border-color: #e6e8eb !important;
}
html:not(.dark) .pp-activity h1,
html:not(.dark) .pp-activity h3,
html:not(.dark) .pp-activity .text-gray-900 {
  color: #001c64 !important;
}
html:not(.dark) .pp-activity .text-gray-500,
html:not(.dark) .pp-activity .text-gray-400 {
  color: #6c7378 !important;
}
html:not(.dark) .pp-activity .transactions-table th {
  background: #f5f7fa !important;
  color: #6c7378 !important;
}
html:not(.dark) .pp-activity .transactions-table td {
  color: #2c2e2f !important;
  border-color: #e6e8eb !important;
}
html:not(.dark) .pp-activity .transactions-table tr:hover {
  background: #f5f7fa !important;
}
html:not(.dark) .pp-activity .filter-btn {
  background: #ffffff !important;
  color: #001c64 !important;
  border-color: #cbd2d6 !important;
}
html:not(.dark) .pp-activity .filter-btn.active,
html.dark .pp-activity .filter-btn.active {
  background: #0070ba !important;
  color: #ffffff !important;
  border-color: #0070ba !important;
}
html:not(.dark) .pp-activity .search-input {
  background: #ffffff !important;
  color: #2c2e2f !important;
  border-color: #cbd2d6 !important;
}
html:not(.dark) .pp-activity .amount-credit { color: #00875a !important; }
html:not(.dark) .pp-activity .amount-debit { color: #d32f2f !important; }
html.dark .pp-activity .blue-card,
html.dark .pp-activity .stat-card,
html.dark .pp-activity .bg-white,
html.dark .pp-activity .dark\:bg-gray-800 {
  background: #04284a !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html.dark .pp-activity h1,
html.dark .pp-activity h3,
html.dark .pp-activity .text-gray-900,
html.dark .pp-activity .text-gray-100,
html.dark .pp-activity .transactions-table td {
  color: #f5f7fa !important;
}
html.dark .pp-activity .text-gray-500,
html.dark .pp-activity .text-gray-400,
html.dark .pp-activity .transactions-table th {
  color: #b7c3ce !important;
  background: #001c64 !important;
}
html.dark .pp-activity .transactions-table td {
  border-color: #0b4f86 !important;
}
html.dark .pp-activity .transactions-table tr:hover {
  background: #001c64 !important;
}
html.dark .pp-activity .filter-btn,
html.dark .pp-activity .search-input,
html.dark .pp-activity .bg-gray-50,
html.dark .pp-activity .dark\:bg-gray-700 {
  background: #001c64 !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html.dark .pp-activity .amount-credit { color: #3ddc97 !important; }
html.dark .pp-activity .amount-debit { color: #ff8a80 !important; }
html.dark .pp-activity .status-completed { background: #0d3b2e !important; color: #8ee4c0 !important; }
html.dark .pp-activity .status-pending { background: #003087 !important; color: #d6e6f2 !important; }
html.dark .pp-activity .status-rejected { background: #4a1520 !important; color: #ffc1c1 !important; }
html:not(.dark) .pp-activity .status-completed { background: #e3f6ee !important; color: #056644 !important; }
html:not(.dark) .pp-activity .status-pending { background: #e8f4fc !important; color: #003087 !important; }
html:not(.dark) .pp-activity .status-rejected { background: #fdecea !important; color: #9b1c1c !important; }
html:not(.dark) .pp-tx-view { background: #ffffff !important; color: #2c2e2f !important; border: 1px solid #e6e8eb; }
html.dark .pp-tx-view { background: #04284a !important; color: #f5f7fa !important; border: 1px solid #0b4f86; }
.pp-tx-view h2 { color: inherit; }
html:not(.dark) .pp-tx-close { background: #f5f7fa; color: #001c64; }
html.dark .pp-tx-close { background: #001c64; color: #f5f7fa; }
.pp-tx-rows { border: 1px solid #e6e8eb; }
html.dark .pp-tx-rows { border-color: #0b4f86; }
.pp-tx-rows > div { border-top: 1px solid #e6e8eb; }
.pp-tx-rows > div:first-child { border-top: 0; }
html.dark .pp-tx-rows > div { border-color: #0b4f86; }
.pp-tx-rows span { color: #6c7378; font-size: 0.875rem; }
html.dark .pp-tx-rows span { color: #b7c3ce; }
.pp-tx-rows strong { font-size: 0.875rem; font-weight: 700; }
html:not(.dark) .pp-tx-rows strong { color: #001c64 !important; }
html.dark .pp-tx-rows strong { color: #f5f7fa !important; }
.pp-tx-primary, .pp-tx-secondary {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
  min-height: 44px; border-radius: 999px; font-weight: 700; font-size: 0.9rem;
}
.pp-tx-primary { background: #0070ba !important; color: #ffffff !important; border: 0; }
.pp-tx-primary i { color: #ffffff !important; }
html:not(.dark) .pp-tx-secondary { background: #ffffff !important; color: #0070ba !important; border: 2px solid #0070ba; }
html.dark .pp-tx-secondary { background: transparent !important; color: #8fd0f5 !important; border: 2px solid #8fd0f5; }

/* Transaction history: follow the account light and dark switch */
html:not(.dark) .pp-txhist {
  background: transparent !important;
  color: #001c64 !important;
  min-height: 0 !important;
}
.send-balance { padding: 20px 20px 16px; border-radius: 20px; background: linear-gradient(160deg, #003087 0%, #0070ba 62%, #1493d5 100%); color: #fff; box-shadow: 0 16px 36px rgba(0, 48, 135, .22); }
.send-balance__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.send-balance__top span { color: rgba(255,255,255,.78); font-size: 13px; font-weight: 700; }
.send-balance a { color: #fff; font-weight: 700; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.send-balance strong { display: block; margin-top: 10px; font-size: clamp(1.7rem, 2.4vw, 2.15rem); letter-spacing: -0.04em; line-height: 1.05; color: #fff; }
.send-balance small { display: block; margin-top: 8px; color: rgba(255,255,255,.82); font-size: 13px; }
.send-balance__facts { list-style: none; margin: 16px 0 0; padding: 12px 0 0; border-top: 1px solid rgba(255,255,255,.22); display: grid; gap: 6px; }
.send-balance__facts li { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.92); }
.send-balance__facts li::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 99px; background: #7dffa1; vertical-align: 1px; }
.activity-page { margin-bottom: 16px; grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr); }
.send-page { width: 100%; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 18px; align-items: start; }
.send-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; position: sticky; top: 16px; }
.send-page > .pp-send, .send-recent { background: #fff; border: 1px solid #e6e8eb; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 28, 100, .04); }
.send-recent { padding: 18px 18px 8px; }
.send-recent__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.send-recent h2 { margin: 0; font-size: 1.05rem; color: #001c64; }
.send-recent__head a { color: #0070ba; font-weight: 700; font-size: 13px; }
.send-recent .send-row { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center; gap: 12px; padding: 12px 4px; margin: 0; border: 0; border-top: 1px solid #eef1f4; border-radius: 12px; background: transparent !important; color: inherit; text-align: left; cursor: pointer; min-height: 0 !important; box-shadow: none !important; }
.send-recent .send-row:hover { background: #f4f9fd !important; }
.send-recent .send-row i { width: 40px; height: 40px; border-radius: 999px; background: #e8f4fc !important; color: #0070ba !important; font-style: normal; font-weight: 800; font-size: 11px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.send-recent .send-row > div { flex: 1; min-width: 0; display: block; }
.send-recent .send-row strong, .send-recent .send-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.send-recent .send-row strong { color: #001c64; font-size: 14px; }
.send-recent .send-row small { color: #6c7378; font-size: 12px; font-weight: 600; }
.send-recent .send-row > b { margin-left: auto; color: #001c64; white-space: nowrap; font-size: 14px; text-align: right; display: flex; flex-direction: column; align-items: flex-end; background: transparent !important; }
html.dark .send-page > .pp-send, html.dark .send-recent { background: #04284a; border-color: #0b4f86; box-shadow: none; }
html.dark .send-recent h2, html.dark .send-recent .send-row strong, html.dark .send-recent .send-row > b { color: #f5f7fa; }
html.dark .send-recent .send-row { border-color: #0b4f86; }
html.dark .send-recent .send-row:hover { background: #001435 !important; }
html.dark .send-recent .send-row i { background: #001435 !important; color: #8fd0f5 !important; }
@media (max-width: 980px) { .activity-page, .send-page { grid-template-columns: 1fr; } .send-side { position: static; } }
.activity-lead { background: #fff; border: 1px solid #e6e8eb; border-radius: 20px; padding: 22px; box-shadow: 0 10px 30px rgba(0, 28, 100, .04); }
.activity-lead h2 { margin: 0; font-size: 1.35rem; color: #001c64; letter-spacing: -0.02em; }
.activity-lead p { margin: 6px 0 0; color: #6c7378; font-size: 14px; }
html.dark .activity-lead { background: #04284a; border-color: #0b4f86; }
html.dark .activity-lead h2 { color: #f5f7fa; }
html:not(.dark) .pp-txhist .rounded-2xl,
html:not(.dark) .pp-txhist .rounded-3xl,
html:not(.dark) .pp-txhist .rounded-xl {
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 28, 100, .04);
}
html:not(.dark) .pp-txhist input,
html:not(.dark) .pp-txhist select {
  background: #f7f9fb !important;
  color: #001c64 !important;
  border: 1.5px solid #c5ced6 !important;
  border-radius: 12px !important;
  min-height: 48px;
}
html:not(.dark) .pp-txhist input:focus,
html:not(.dark) .pp-txhist select:focus {
  background: #fff !important;
  border-color: #0070ba !important;
  box-shadow: 0 0 0 3px rgba(0, 112, 186, .18) !important;
  outline: none;
}
html:not(.dark) .pp-txhist .bg-gray-900,
html:not(.dark) .pp-txhist .bg-gray-800,
html:not(.dark) .pp-txhist .bg-gray-800\/50,
html:not(.dark) .pp-txhist .from-gray-900,
html:not(.dark) .pp-txhist .via-gray-800,
html:not(.dark) .pp-txhist .to-gray-900 {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #e6e8eb !important;
  color: #2c2e2f !important;
}
html:not(.dark) .pp-txhist .text-white,
html:not(.dark) .pp-txhist .text-gray-300,
html:not(.dark) .pp-txhist .text-gray-400,
html:not(.dark) .pp-txhist .text-gray-500 {
  color: #2c2e2f !important;
}
html:not(.dark) .pp-txhist .text-green-400,
html:not(.dark) .pp-txhist .text-emerald-400 { color: #00875a !important; }
html:not(.dark) .pp-txhist .text-red-400 { color: #c62828 !important; }
html:not(.dark) .pp-txhist .text-blue-300,
html:not(.dark) .pp-txhist .text-blue-400 { color: #0070ba !important; }
html:not(.dark) .pp-txhist input,
html:not(.dark) .pp-txhist select {
  background: #ffffff !important;
  color: #001c64 !important;
  border: 1px solid #cbd2d6 !important;
}
html:not(.dark) .pp-txhist button.bg-blue-600,
html:not(.dark) .pp-txhist button.bg-blue-600 i,
html:not(.dark) .pp-txhist a.bg-blue-600,
html:not(.dark) .pp-txhist a.bg-blue-600 i {
  background: #0070ba !important;
  color: #ffffff !important;
}
html.dark .pp-txhist {
  background: #001435 !important;
  color: #f5f7fa !important;
}
html.dark .pp-txhist .bg-gray-900,
html.dark .pp-txhist .from-gray-900,
html.dark .pp-txhist .via-gray-800,
html.dark .pp-txhist .to-gray-900 {
  background-color: #04284a !important;
  background-image: none !important;
  border-color: #0b4f86 !important;
  color: #f5f7fa !important;
}
html.dark .pp-txhist .text-white { color: #f5f7fa !important; }
html.dark .pp-txhist .text-gray-400,
html.dark .pp-txhist .text-gray-500 { color: #b7c3ce !important; }
html.dark .pp-txhist .text-green-400 { color: #3ddc97 !important; }
html.dark .pp-txhist .text-red-400 { color: #ff8a80 !important; }
html.dark .pp-txhist input,
html.dark .pp-txhist select {
  background: #001c64 !important;
  color: #f5f7fa !important;
  border: 1px solid #0b4f86 !important;
}
html.dark .pp-txhist button.bg-blue-600,
html.dark .pp-txhist button.bg-blue-600 i {
  background: #0070ba !important;
  color: #ffffff !important;
}
html:not(.dark) .pp-txhist .bg-white\/5,
html:not(.dark) .pp-txhist .bg-white\/10 {
  background-color: #f5f7fa !important;
  border-color: #e6e8eb !important;
}
html:not(.dark) .pp-txhist .border-white\/10,
html:not(.dark) .pp-txhist .border-white\/5,
html:not(.dark) .pp-txhist .border-gray-700\/50 {
  border-color: #e6e8eb !important;
}
html:not(.dark) .pp-txhist thead,
html:not(.dark) .pp-txhist thead th {
  background: #f5f7fa !important;
  color: #6c7378 !important;
}
html:not(.dark) .pp-txhist tbody tr:hover {
  background: #f5f7fa !important;
}
html:not(.dark) .pp-txhist .text-yellow-400 { color: #8a5a00 !important; }
html:not(.dark) .pp-txhist .text-orange-400 { color: #c2410c !important; }
html:not(.dark) .pp-txhist a.bg-gray-800,
html:not(.dark) .pp-txhist a.bg-gray-800 i {
  background: #ffffff !important;
  color: #0070ba !important;
  border-color: #0070ba !important;
}
html:not(.dark) .pp-txhist input::placeholder { color: #6c7378 !important; }
html.dark .pp-txhist .bg-gray-800,
html.dark .pp-txhist .bg-gray-800\/50,
html.dark .pp-txhist .bg-gray-800\/80,
html.dark .pp-txhist thead,
html.dark .pp-txhist thead th {
  background-color: #001c64 !important;
  color: #d6e6f2 !important;
  border-color: #0b4f86 !important;
}
html.dark .pp-txhist tbody,
html.dark .pp-txhist tbody tr {
  background-color: #04284a !important;
  color: #f5f7fa !important;
}
html.dark .pp-txhist .text-gray-300 { color: #f5f7fa !important; }
html.dark .pp-txhist .text-yellow-400 { color: #f6c453 !important; }
html.dark .pp-txhist a.bg-gray-800,
html.dark .pp-txhist a.bg-gray-800 i {
  background: #0070ba !important;
  color: #ffffff !important;
  border-color: #0070ba !important;
}
html.dark .pp-txhist input::placeholder { color: #8fd0f5 !important; }

/* Light mode, last word: body text and icons stay dark on light surfaces */
html:not(.dark) main.user-page-main .text-white,
html:not(.dark) main.user-page-main .text-gray-100,
html:not(.dark) main.user-page-main .text-gray-200,
html:not(.dark) main.user-page-main .text-gray-300,
html:not(.dark) main.user-page-main i.text-white,
html:not(.dark) main.user-page-main .text-white i[class*="fa-"],
html:not(.dark) main.user-page-main i[class*="fa-"].text-gray-400,
html:not(.dark) main.user-page-main i[class*="fa-"].text-gray-500 {
  color: #001c64 !important;
}
html:not(.dark) .sidebar-nav-link.active,
html:not(.dark) .sidebar-nav-link.active span,
html:not(.dark) .sidebar-nav-link.active i {
  background: #e8f4fc !important;
  color: #0070ba !important;
}
html:not(.dark) main.user-page-main a[class*="bg-blue"],
html:not(.dark) main.user-page-main a[class*="bg-blue"] i,
html:not(.dark) main.user-page-main button[class*="bg-blue"],
html:not(.dark) main.user-page-main button[class*="bg-blue"] i,
html:not(.dark) main.user-page-main a[class*="bg-primary"],
html:not(.dark) main.user-page-main a[class*="bg-primary"] i,
html:not(.dark) main.user-page-main button[class*="bg-primary"],
html:not(.dark) main.user-page-main button[class*="bg-primary"] i,
html:not(.dark) main.user-page-main a[class*="bg-[#0070ba]"],
html:not(.dark) main.user-page-main a[class*="bg-[#0070ba]"] i,
html:not(.dark) main.user-page-main button[class*="bg-[#0070ba]"],
html:not(.dark) main.user-page-main button[class*="bg-[#0070ba]"] i,
html:not(.dark) main.user-page-main .bg-red-500,
html:not(.dark) main.user-page-main .bg-red-500 i,
html:not(.dark) main.user-page-main .bg-red-600,
html:not(.dark) main.user-page-main .bg-red-600 i,
html:not(.dark) main.user-page-main .bg-green-500,
html:not(.dark) main.user-page-main .bg-green-500 i,
html:not(.dark) main.user-page-main .bg-emerald-500,
html:not(.dark) main.user-page-main .bg-emerald-500 i,
html:not(.dark) main.user-page-main .pp-primary,
html:not(.dark) main.user-page-main .pp-primary i {
  color: #ffffff !important;
}
html:not(.dark) .sidebar-container i[class*="fa-"],
html:not(.dark) .user-desktop-header i[class*="fa-"],
html:not(.dark) .mobile-header i[class*="fa-"],
html:not(.dark) main.user-page-main i[class*="fa-"] {
  opacity: 1 !important;
  visibility: visible !important;
}
html:not(.dark) main.user-page-main [class*="bg-[#1e293b]"],
html:not(.dark) main.user-page-main [class*="bg-[#1e293b]"] *,
html:not(.dark) main.user-page-main [class*="bg-[#111827]"],
html:not(.dark) main.user-page-main [class*="bg-[#111827]"] *,
html:not(.dark) main.user-page-main [class*="bg-[#0a3d6e]"],
html:not(.dark) main.user-page-main [style*="linear-gradient"],
html:not(.dark) main.user-page-main [style*="linear-gradient"] * {
  color: #ffffff !important;
}
html:not(.dark) main.user-page-main [style*="linear-gradient"] a.bg-white,
html:not(.dark) main.user-page-main [style*="linear-gradient"] a.bg-white *,
html:not(.dark) main.user-page-main [style*="linear-gradient"] a[class*="bg-white "] {
  color: #001c64 !important;
}
html:not(.dark) main.user-page-main [class*="bg-[#1e293b]"] i[class*="fa-"],
html:not(.dark) main.user-page-main [style*="linear-gradient"] i[class*="fa-"],
html:not(.dark) main.user-page-main [class*="bg-[#111827]"] i[class*="fa-"] {
  color: #ffffff !important;
}
html:not(.dark) main.user-page-main a[class*="bg-blue"] i[class*="fa-"],
html:not(.dark) main.user-page-main button[class*="bg-blue"] i[class*="fa-"],
html:not(.dark) main.user-page-main a[class*="bg-primary"] i[class*="fa-"],
html:not(.dark) main.user-page-main button[class*="bg-primary"] i[class*="fa-"],
html:not(.dark) main.user-page-main .bg-red-600 i[class*="fa-"],
html:not(.dark) main.user-page-main .bg-red-500 i[class*="fa-"],
html:not(.dark) main.user-page-main .bg-green-500 i[class*="fa-"],
html:not(.dark) main.user-page-main .bg-emerald-500 i[class*="fa-"],
html:not(.dark) main.user-page-main .bg-emerald-600 i[class*="fa-"] {
  color: #ffffff !important;
}
html:not(.dark) main.user-page-main .bg-white :is(h1, h2, h3, h4, p, span, strong, label),
html:not(.dark) main.user-page-main .bg-gray-50 :is(h1, h2, h3, h4, p, span, strong, label) {
  color: #001c64 !important;
}
html:not(.dark) main.user-page-main .bg-white .text-\[\#6c7378\],
html:not(.dark) main.user-page-main .bg-white .text-gray-500,
html:not(.dark) main.user-page-main .bg-white .text-gray-400 {
  color: #54595c !important;
}
html:not(.dark) main.user-page-main .text-\[\#00875a\],
html:not(.dark) main.user-page-main .text-green-600,
html:not(.dark) main.user-page-main .text-emerald-600 {
  color: #00875a !important;
}
html:not(.dark) main.user-page-main a.bg-\[\#0070ba\],
html:not(.dark) main.user-page-main a.bg-\[\#0070ba\] i,
html:not(.dark) main.user-page-main button.bg-\[\#0070ba\],
html:not(.dark) main.user-page-main button.bg-\[\#0070ba\] i,
html:not(.dark) main.user-page-main a.bg-violet-600,
html:not(.dark) main.user-page-main a.bg-violet-600 i {
  color: #ffffff !important;
}
/* White text only on panels that are actually dark in light mode.
   Do not match dark:bg-* utilities — those classes are present in the HTML
   even when light mode is on, and they were washing text out. */
html:not(.dark) main.user-page-main [class*="from-primary-"]:not([class*="dark:from-primary"]),
html:not(.dark) main.user-page-main [class*="from-blue-600"],
html:not(.dark) main.user-page-main [class*="from-blue-700"],
html:not(.dark) main.user-page-main [class*="from-indigo-6"] {
  color: #ffffff !important;
}
html:not(.dark) main.user-page-main [class*="from-blue-600"] :where(h1, h2, h3, p, span, i),
html:not(.dark) main.user-page-main [class*="from-indigo-6"] :where(h1, h2, h3, p, span, i) {
  color: #ffffff !important;
}
html:not(.dark) .send-abroad-note {
  background: #f5f7fa !important;
  border: 1px solid #c5d4e8 !important;
  color: #001c64 !important;
}
html:not(.dark) .send-abroad-note h3 { color: #001c64 !important; }
html:not(.dark) .send-abroad-note p { color: #2c2e2f !important; }
html.dark .send-abroad-note {
  background: #001435 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
html.dark .send-abroad-note h3 { color: #ffffff !important; }
html.dark .send-abroad-note p { color: #d6e4f0 !important; }

/* User pages: every switch is red when off and green when on */
main.user-page-main .peer:not(:checked) + div.w-11,
main.user-page-main .peer:not(:checked) + div[class*="w-11"] {
  background-color: #d32f2f !important;
}
main.user-page-main .peer:checked + div.w-11,
main.user-page-main .peer:checked + div[class*="w-11"] {
  background-color: #16a34a !important;
}

/* Account toasts: stacked under the header, white card, navy type */
#user-toast-host {
  position: fixed;
  top: 96px;
  right: 20px;
  z-index: 100000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: min(392px, calc(100vw - 24px));
  pointer-events: none;
}
.user-toast {
  position: relative;
  top: auto;
  right: auto;
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 14px 12px 14px 14px;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff !important;
  color: #001c64 !important;
  border: 1px solid #e6e8eb !important;
  box-shadow: 0 10px 28px rgba(0, 28, 100, 0.14);
  font-family: "PayPal Open", "Helvetica Neue", Helvetica, Arial, sans-serif;
  animation: userToastIn 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes userToastIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
.user-toast[style*="display: none"] { display: none !important; }
.user-toast__copy { flex: 1; min-width: 0; }
.user-toast strong {
  display: block;
  color: #001c64 !important;
  background: transparent !important;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
}
.user-toast p {
  margin: 3px 0 0;
  color: #2c2e2f !important;
  background: transparent !important;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.45;
}
.user-toast__mark {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
}
.user-toast__mark i { background: transparent !important; }
.user-toast button {
  margin-left: 2px;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: transparent !important;
  color: #6c7378 !important;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
}
.user-toast button:hover { background: #f5f7fa !important; color: #001c64 !important; }
.user-toast--ok .user-toast__mark { background: #e8f7ef !important; color: #007a33 !important; }
.user-toast--bad .user-toast__mark { background: #fdecea !important; color: #d20000 !important; }
.user-toast--warn .user-toast__mark { background: #fff6d6 !important; color: #8a5b00 !important; }
.user-toast--info .user-toast__mark { background: #e7f3ff !important; color: #0070ba !important; }
.user-toast__timer { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #e6e8eb; }
.user-toast__timer span { display: block; height: 100%; width: 100%; background: #0070ba; transform-origin: left center; transform: scaleX(1); }
.user-toast--ok .user-toast__timer span { background: #007a33; }
.user-toast--bad .user-toast__timer span { background: #d20000; }
.user-toast--warn .user-toast__timer span { background: #ffc439; }
html.dark .user-toast {
  background: #001435 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45);
}
html.dark .user-toast strong { color: #ffffff !important; }
html.dark .user-toast p { color: #d6e4f0 !important; }
html.dark .user-toast button { color: #c5d4e8 !important; }
html.dark .user-toast button:hover { background: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; }
html.dark .user-toast--ok .user-toast__mark { background: #0d3b2e !important; color: #8ee4c0 !important; }
html.dark .user-toast--bad .user-toast__mark { background: #4a1520 !important; color: #ffb4ab !important; }
html.dark .user-toast--warn .user-toast__mark { background: #3d3208 !important; color: #ffc439 !important; }
html.dark .user-toast--info .user-toast__mark { background: #003087 !important; color: #9fd4ff !important; }
html.dark .user-toast__timer { background: rgba(255,255,255,0.12); }
@media (max-width: 1023px) {
  #user-toast-host { top: 76px; right: 12px; left: 12px; width: auto; bottom: auto; max-height: calc(100vh - 160px); }
}

/* Credits are green with a plus. Debits are red with a minus. */
main.user-page-main .amount-credit,
main.user-page-main .money-in,
main.user-page-main .text-green-500,
main.user-page-main .text-green-600,
main.user-page-main .text-emerald-400,
main.user-page-main .text-emerald-500,
main.user-page-main .text-emerald-600 {
  color: #00875a !important;
}
main.user-page-main .amount-debit,
main.user-page-main .money-out,
main.user-page-main .text-red-500,
main.user-page-main .text-red-600 {
  color: #d32f2f !important;
}

/* Light mode, final pass: dark ink and icons on every user surface.
   White is reserved for labels sitting on filled brand buttons. */
html:not(.dark) :is(
  main.user-page-main,
  .sidebar-container,
  .sidebar-brand-bar,
  .sidebar-profile-footer,
  .user-desktop-header,
  .mobile-header,
  .mobile-drawer
) {
  color: #001c64 !important;
}
html:not(.dark) :is(
  main.user-page-main,
  .sidebar-container,
  .mobile-drawer
) :is(
  .text-white,
  .text-gray-100,
  .text-gray-200,
  .text-gray-300,
  .text-slate-100,
  .text-slate-200,
  .text-slate-300,
  .text-zinc-100,
  .text-zinc-200,
  .text-zinc-300,
  .text-neutral-100,
  .text-neutral-200,
  .text-neutral-300
),
html:not(.dark) main.user-page-main [class*="text-white/"],
html:not(.dark) main.user-page-main [class*="text-gray-100"],
html:not(.dark) main.user-page-main [class*="text-gray-200"],
html:not(.dark) main.user-page-main [class*="text-gray-300"],
html:not(.dark) main.user-page-main [class*="text-slate-100"],
html:not(.dark) main.user-page-main [class*="text-slate-200"],
html:not(.dark) main.user-page-main [class*="text-slate-300"] {
  color: #001c64 !important;
}
html:not(.dark) :is(
  main.user-page-main,
  .sidebar-container,
  .user-desktop-header,
  .mobile-header,
  .mobile-drawer
) :is(i, svg) {
  opacity: 1 !important;
  visibility: visible !important;
}
html:not(.dark) main.user-page-main :is(
  .bg-gray-700,
  .bg-gray-800,
  .bg-gray-900,
  .bg-slate-700,
  .bg-slate-800,
  .bg-slate-900,
  .bg-zinc-800,
  .bg-zinc-900,
  .bg-black,
  .from-gray-900,
  .via-gray-800,
  .to-gray-900,
  .from-slate-900,
  .via-slate-800,
  .to-slate-900
),
html:not(.dark) main.user-page-main [class*="bg-[#0"],
html:not(.dark) main.user-page-main [class*="bg-[#1"],
html:not(.dark) main.user-page-main [style*="linear-gradient"] {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #001c64 !important;
  border-color: #e6e8eb !important;
}
html:not(.dark) main.user-page-main [style*="linear-gradient"] :is(h1, h2, h3, h4, p, span, label, strong, i, svg, a, div) {
  color: #001c64 !important;
}
html:not(.dark) main.user-page-main ::placeholder {
  color: #6c7378 !important;
  opacity: 1 !important;
}
html:not(.dark) main.user-page-main .text-gray-400,
html:not(.dark) main.user-page-main .text-gray-500,
html:not(.dark) main.user-page-main .text-gray-600,
html:not(.dark) main.user-page-main .text-slate-400,
html:not(.dark) main.user-page-main .text-slate-500 {
  color: #54595c !important;
}
html:not(.dark) main.user-page-main :is(
  .text-green-300, .text-green-400, .text-green-500, .text-green-600,
  .text-emerald-300, .text-emerald-400, .text-emerald-500, .text-emerald-600,
  .amount-credit, .money-in
),
html:not(.dark) main.user-page-main :is(
  .text-green-300, .text-green-400, .text-green-500, .text-green-600,
  .text-emerald-300, .text-emerald-400, .text-emerald-500, .text-emerald-600
) :is(i, svg) { color: #047857 !important; }
html:not(.dark) main.user-page-main :is(
  .text-red-300, .text-red-400, .text-red-500, .text-red-600,
  .text-rose-300, .text-rose-400, .text-rose-500,
  .amount-debit, .money-out
),
html:not(.dark) main.user-page-main :is(
  .text-red-300, .text-red-400, .text-red-500, .text-red-600,
  .text-rose-300, .text-rose-400, .text-rose-500
) :is(i, svg) { color: #b91c1c !important; }
html:not(.dark) main.user-page-main :is(
  .text-yellow-300, .text-yellow-400, .text-yellow-500,
  .text-amber-300, .text-amber-400, .text-amber-500
),
html:not(.dark) main.user-page-main :is(
  .text-yellow-300, .text-yellow-400, .text-yellow-500,
  .text-amber-300, .text-amber-400, .text-amber-500
) :is(i, svg) { color: #92400e !important; }
html:not(.dark) main.user-page-main :is(
  .text-orange-300, .text-orange-400, .text-orange-500
),
html:not(.dark) main.user-page-main :is(
  .text-orange-300, .text-orange-400, .text-orange-500
) :is(i, svg) { color: #c2410c !important; }
html:not(.dark) main.user-page-main :is(
  .text-violet-300, .text-violet-400, .text-violet-500,
  .text-purple-300, .text-purple-400, .text-purple-500,
  .text-indigo-300, .text-indigo-400
),
html:not(.dark) main.user-page-main :is(
  .text-violet-300, .text-violet-400, .text-violet-500,
  .text-purple-300, .text-purple-400, .text-purple-500,
  .text-indigo-300, .text-indigo-400
) :is(i, svg) { color: #5b21b6 !important; }
html:not(.dark) main.user-page-main :is(
  .text-blue-300, .text-blue-400, .text-blue-500, .text-sky-300, .text-sky-400, .text-cyan-400
),
html:not(.dark) main.user-page-main :is(
  .text-blue-300, .text-blue-400, .text-blue-500, .text-sky-300, .text-sky-400, .text-cyan-400
) :is(i, svg) { color: #0070ba !important; }
html:not(.dark) main.user-page-main a:not([class*="bg-"]):not([class*="text-green"]):not([class*="text-emerald"]):not([class*="text-red"]):not([class*="text-rose"]):not([class*="text-yellow"]):not([class*="text-amber"]):not([class*="text-orange"]):not([class*="text-violet"]):not([class*="text-purple"]):not([class*="text-indigo"]):not([class*="amount-"]) {
  color: #0070ba !important;
}
html:not(.dark) main.user-page-main :is(
  [class*="bg-yellow-500/"],
  [class*="bg-amber-500/"],
  .bg-yellow-100,
  .bg-amber-100
) { background-color: #fef3c7 !important; color: #92400e !important; border-color: #fcd34d !important; }
html:not(.dark) main.user-page-main :is(
  [class*="bg-orange-500/"],
  .bg-orange-100
) { background-color: #ffedd5 !important; color: #c2410c !important; border-color: #fdba74 !important; }
html:not(.dark) main.user-page-main :is(
  [class*="bg-green-500/"],
  [class*="bg-emerald-500/"],
  .bg-green-100,
  .bg-emerald-100
) { background-color: #d1fae5 !important; color: #047857 !important; border-color: #6ee7b7 !important; }
html:not(.dark) main.user-page-main :is(
  [class*="bg-red-500/"],
  [class*="bg-rose-500/"],
  .bg-red-100,
  .bg-rose-100
) { background-color: #fee2e2 !important; color: #b91c1c !important; border-color: #fca5a5 !important; }
html:not(.dark) main.user-page-main :is(
  [class*="bg-violet-500/"],
  [class*="bg-purple-500/"],
  [class*="bg-indigo-500/"],
  .bg-violet-100,
  .bg-purple-100,
  .bg-indigo-100
) { background-color: #ede9fe !important; color: #5b21b6 !important; border-color: #c4b5fd !important; }
html:not(.dark) main.user-page-main :is(
  [class*="bg-blue-500/"],
  .bg-blue-100,
  .bg-sky-100
) { background-color: #e0f2fe !important; color: #075985 !important; border-color: #7dd3fc !important; }
html:not(.dark) :is(
  main.user-page-main,
  .sidebar-container,
  .user-desktop-header,
  .mobile-header,
  .mobile-drawer
) :is(
  a.bg-\[\#0070ba\],
  button.bg-\[\#0070ba\],
  a.bg-blue-500,
  a.bg-blue-600,
  a.bg-blue-700,
  button.bg-blue-500,
  button.bg-blue-600,
  button.bg-blue-700,
  button[type="submit"],
  .pp-primary,
  .pp-tx-primary,
  .filter-btn.active,
  a.bg-red-500,
  a.bg-red-600,
  button.bg-red-500,
  button.bg-red-600,
  a.bg-green-500,
  a.bg-green-600,
  button.bg-green-500,
  button.bg-green-600,
  a.bg-emerald-500,
  a.bg-emerald-600,
  button.bg-emerald-500,
  button.bg-emerald-600,
  a.bg-violet-600,
  button.bg-violet-600
),
html:not(.dark) main.user-page-main :is(a, button)[class*="bg-[#0070ba]"],
html:not(.dark) main.user-page-main :is(a, button)[class*="bg-primary"] {
  background-color: #0070ba !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #0070ba !important;
}
html:not(.dark) main.user-page-main :is(a, button).bg-red-600,
html:not(.dark) main.user-page-main :is(a, button).bg-red-500 {
  background-color: #d32f2f !important;
  color: #ffffff !important;
}
html:not(.dark) main.user-page-main :is(a, button).bg-green-600,
html:not(.dark) main.user-page-main :is(a, button).bg-emerald-600,
html:not(.dark) main.user-page-main :is(a, button).bg-green-500,
html:not(.dark) main.user-page-main :is(a, button).bg-emerald-500 {
  background-color: #00875a !important;
  color: #ffffff !important;
}
html:not(.dark) :is(
  main.user-page-main,
  .sidebar-container
) :is(
  a.bg-\[\#0070ba\],
  button.bg-\[\#0070ba\],
  a.bg-blue-600,
  button.bg-blue-600,
  button[type="submit"],
  .pp-primary,
  .pp-tx-primary,
  .filter-btn.active,
  a.bg-red-600,
  button.bg-red-600,
  a.bg-green-600,
  button.bg-green-600,
  a.bg-emerald-600,
  button.bg-emerald-600
) :is(i, svg, span) {
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
}

/* Add money: light mode uses dark ink. White stays on the filled Continue button only. */
html:not(.dark) .deposit-page,
html:not(.dark) .deposit-page :is(h1, h2, h3, p, span, label, td, th, div, li, strong, small, button) {
  color: #001c64 !important;
}
html:not(.dark) .deposit-page :is(.text-\[\#6c7378\], .text-xs.text-\[\#6c7378\]) {
  color: #3d4448 !important;
}
html:not(.dark) .deposit-page .text-amber-700 { color: #92400e !important; }
html:not(.dark) .deposit-page input,
html:not(.dark) .deposit-page select,
html:not(.dark) .deposit-page input::placeholder {
  color: #001c64 !important;
}
html:not(.dark) .deposit-page button.bg-\[\#0070ba\],
html:not(.dark) .deposit-page button.bg-\[\#0070ba\] span,
html:not(.dark) .deposit-page #userProofModalOpen {
  color: #ffffff !important;
}

html:not(.dark) .deposit-page button:not(.bg-\[\#0070ba\]) {
  color: #001c64 !important;
  background: #ffffff !important;
}

/* Add money, transfer, and confirm: one light theme and one dark theme. */
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(.bg-white, form) {
  background: #ffffff !important;
  color: #001c64 !important;
  border-color: #e6e8eb !important;
}
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(.bg-white, form) {
  background: #04284a !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(h1, h2, h3, p, label, td, th, span, div, strong) {
  color: #001c64;
}
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(.wd-muted, .cf-muted, .text-\[\#6c7378\]) {
  color: #3d4448 !important;
}
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(h1, h2, h3, p, label, td, th, span, strong, .wd-ink, .cf-ink) {
  color: #f5f7fa !important;
}
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(.wd-muted, .cf-muted, .text-\[\#6c7378\]) {
  color: #c5d0d8 !important;
}
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(input, select, textarea, .cf-field, .wd-field, .wd-filter) {
  background: #ffffff !important;
  color: #001c64 !important;
  border-color: #9da3a6 !important;
}
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(input, select, textarea, .cf-field, .wd-field, .wd-filter) {
  background: #021a30 !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(input, textarea)::placeholder {
  color: #6c7378 !important;
}
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(input, textarea)::placeholder {
  color: #8aa0b2 !important;
}
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(button.cf-go, button.wd-go, button[type="submit"]),
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(button.cf-go, button.wd-go, button[type="submit"]) :is(span, i),
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(button.cf-go, button.wd-go, button[type="submit"]),
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(button.cf-go, button.wd-go, button[type="submit"]) :is(span, i) {
  background: #0070ba !important;
  color: #ffffff !important;
  border-color: #0070ba !important;
}
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(button.cf-back, a.cf-back, button.wd-chip, button.wd-choice:not(.is-on)) {
  background: #ffffff !important;
  color: #001c64 !important;
  border-color: #9da3a6 !important;
}
html:not(.dark) :is(.withdraw-page) button.wd-choice.is-on {
  background: #e8f4fc !important;
  color: #001c64 !important;
  border-color: #0070ba !important;
}
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(button.cf-back, a.cf-back, button.wd-chip, button.wd-choice:not(.is-on)) {
  background: #021a30 !important;
  color: #f5f7fa !important;
  border-color: #0b4f86 !important;
}
html.dark .withdraw-page button.wd-choice.is-on {
  background: #06345c !important;
  color: #f5f7fa !important;
  border-color: #8fd0f5 !important;
}
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) .cf-step:not(.is-on) {
  background: #021a30 !important;
  color: #c5d0d8 !important;
}
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) :is(.bg-\[\#f5f7fa\], thead) {
  background: #021a30 !important;
}
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) .text-amber-800,
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) .text-amber-700 { color: #92400e !important; }
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) .text-red-700 { color: #b91c1c !important; }
html:not(.dark) :is(.deposit-page, .withdraw-page, .confirm-transfer) .text-emerald-800 { color: #047857 !important; }
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) .text-amber-800,
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) .text-amber-700 { color: #f6c453 !important; }
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) .text-red-700 { color: #ffb4b4 !important; }
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) .text-emerald-800 { color: #8ee4c0 !important; }
html.dark :is(.deposit-page, .withdraw-page, .confirm-transfer) .wd-choice.is-on,
html.dark .confirm-transfer .cf-step.is-on { box-shadow: none; }

/* Light mode: solid blue surfaces keep white text and icons. Pale tints stay dark. */
html:not(.dark) :is(body, main.user-page-main, .bg-white, .bg-gray-50) :is(
  .bg-\[\#0070ba\],
  .bg-\[\#003087\],
  .bg-\[\#001c64\],
  .bg-\[\#001435\],
  .bg-\[\#0b4f8c\],
  .bg-\[\#0a3d6e\],
  .bg-blue-500,
  .bg-blue-600,
  .bg-blue-700,
  .bg-blue-800,
  .bg-blue-900,
  .bg-sky-500,
  .bg-sky-600,
  .bg-sky-700,
  .bg-primary,
  .bg-primary-500,
  .bg-primary-600,
  .bg-bank-blue,
  .pp-btn-solid,
  .pp-primary,
  .pp-tx-primary,
  .contacts-btn:not(.contacts-btn--ghost),
  .filter-btn.active,
  .contacts-chip.bg-blue-500
),
html:not(.dark) :is(body, main.user-page-main, .bg-white, .bg-gray-50) :is(
  .bg-\[\#0070ba\],
  .bg-\[\#003087\],
  .bg-\[\#001c64\],
  .bg-\[\#001435\],
  .bg-\[\#0b4f8c\],
  .bg-\[\#0a3d6e\],
  .bg-blue-500,
  .bg-blue-600,
  .bg-blue-700,
  .bg-blue-800,
  .bg-blue-900,
  .bg-sky-500,
  .bg-sky-600,
  .bg-sky-700,
  .bg-primary,
  .bg-primary-500,
  .bg-primary-600,
  .bg-bank-blue,
  .pp-btn-solid,
  .pp-primary,
  .pp-tx-primary,
  .contacts-btn:not(.contacts-btn--ghost),
  .filter-btn.active,
  .contacts-chip.bg-blue-500
) :is(span, i, svg, p, strong, small, em, b, label) {
  color: #ffffff !important;
}
html:not(.dark) :is(body, main.user-page-main, .bg-white) :is(
  .bg-\[\#0070ba\],
  .bg-\[\#003087\],
  .bg-blue-500,
  .bg-blue-600,
  .bg-blue-700,
  .bg-primary,
  .bg-primary-600,
  .pp-btn-solid,
  .pp-primary,
  .contacts-btn:not(.contacts-btn--ghost)
) i[class*="fa-"] {
  color: #ffffff !important;
  background-color: transparent !important;
}
html:not(.dark) main.user-page-main button.statement-month,
html:not(.dark) main.user-page-main button.statement-month p {
  background: #f5f7fa !important;
  color: #001c64 !important;
  border-radius: 12px !important;
  min-height: 0 !important;
}
html:not(.dark) main.user-page-main button.statement-month i {
  background: transparent !important;
  color: #0070ba !important;
}
html:not(.dark) main.user-page-main .pp-send,
html:not(.dark) main.user-page-main .send-recent { background: #fff !important; color: #001c64 !important; }
html:not(.dark) main.user-page-main .send-balance {
  background: linear-gradient(160deg, #003087 0%, #0070ba 62%, #1493d5 100%) !important;
  color: #fff !important;
  border: 0 !important;
}
html:not(.dark) main.user-page-main .send-balance strong,
html:not(.dark) main.user-page-main .send-balance a,
html:not(.dark) main.user-page-main .send-balance small,
html:not(.dark) main.user-page-main .send-balance span,
html:not(.dark) main.user-page-main .send-balance li { color: #fff !important; }
html:not(.dark) main.user-page-main .pp-send .pp-send__label > input,
html:not(.dark) main.user-page-main .pp-send__amount {
  background: #f7f9fb !important; color: #001c64 !important; border: 1.5px solid #c5ced6 !important; border-radius: 12px !important; box-shadow: inset 0 1px 2px rgba(0, 28, 100, .04) !important;
}
html:not(.dark) main.user-page-main .pp-send .pp-send__label > input:focus,
html:not(.dark) main.user-page-main .pp-send__amount:focus-within {
  background: #fff !important; border-color: #0070ba !important; box-shadow: 0 0 0 3px rgba(0, 112, 186, .18) !important;
}
html:not(.dark) main.user-page-main .pp-send__amount input { border: 0 !important; box-shadow: none !important; font-size: 1.6rem !important; font-weight: 800 !important; }
html:not(.dark) main.user-page-main .pp-send__chips button {
  background: #f5f7fa !important; color: #001c64 !important; border: 1px solid #cbd2d6 !important; border-radius: 999px !important; min-height: 36px !important;
}
html:not(.dark) main.user-page-main button.pp-send__go {
  background: #0070ba !important; color: #ffffff !important; border-radius: 999px !important; width: 100%; min-height: 48px !important; font-weight: 800 !important;
}
html:not(.dark) main.user-page-main button.pp-send__go span { background: transparent !important; color: #ffffff !important; width: auto !important; min-height: 0 !important; }
html:not(.dark) main.user-page-main button.pp-send__go:disabled { opacity: .45 !important; }
.pp-send { border: 1px solid #e6e8eb; border-radius: 16px; padding: 22px 22px 20px; background: #fff; }
.pp-send__head h2 { margin: 0; font-size: 1.35rem; color: #001c64; letter-spacing: -0.02em; }
.pp-send__head p { margin: 6px 0 16px; color: #6c7378; font-size: 14px; line-height: 1.45; max-width: 36rem; }
.pp-send form { display: grid; gap: 14px; }
.pp-send__chips button.is-on { background: #0070ba !important; color: #fff !important; border-color: #0070ba !important; }
.pp-send__pair { display: grid; grid-template-columns: 1.4fr .8fr; gap: 12px; }
@media (max-width: 640px) { .pp-send__pair { grid-template-columns: 1fr; } }
.pp-send__person span { display: flex; flex-direction: column; min-width: 0; }
.pp-send__person strong { font-size: 14px; }
.pp-send__person small { font-weight: 600; font-size: 12px; opacity: .8; }
.pp-send__review {
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f5f7fa;
  color: #2c2e2f;
  font-size: 14px;
  line-height: 1.4;
}
.pp-send__review strong { display: block; font-size: 1.25rem; color: #001c64; }
html.dark .pp-send__review { background: #001435; color: #f5f7fa; }
html.dark .pp-send__review strong { color: #fff; }
.pp-send__amount input::-webkit-outer-spin-button,
.pp-send__amount input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pp-send__amount input { -moz-appearance: textfield; appearance: textfield; }
html.dark .pp-send__head h2 { color: #f5f7fa; }
html.dark .pp-send__head p { color: #b7c3ce; }
html.dark .pp-send__person.is-ok { background: rgba(16, 185, 129, .16); color: #6ee7b7; }
html.dark .pp-send__person.is-bad { background: rgba(239, 68, 68, .16); color: #fca5a5; }
.pp-send__hint { font-size: 12px; font-weight: 600; color: #6c7378; }
.pp-send__hint.is-bad, .pp-send__amount.is-over { color: #b91c1c; }
.pp-send__amount.is-over { border-color: #e11d48 !important; }
.pp-send__label { display: grid; gap: 6px; font-size: 13px; font-weight: 800; color: #001c64; }
.pp-send__label > span:not(.pp-send__amount) { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.pp-send__label > span:not(.pp-send__amount) em { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #6c7378; }
.pp-send__label > input {
  height: 52px;
  width: 100%;
  border: 1.5px solid #c5ced6;
  border-radius: 12px;
  padding: 0 14px;
  font-size: 16px;
  font-weight: 600;
  color: #001c64;
  background: #f7f9fb;
  box-shadow: inset 0 1px 2px rgba(0, 28, 100, .04);
}
.pp-send__label > input::placeholder { color: #8b9499; font-weight: 500; }
.pp-send__label > input:focus, .pp-send__label > select:focus { outline: none; border-color: #0070ba; background: #fff; box-shadow: 0 0 0 3px rgba(0, 112, 186, .18); }
.pp-send__label > select {
  height: 48px;
  border: 1px solid #9da3a6;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 500;
  color: #2c2e2f;
  background: #fff;
}
.pp-send__amount { display: flex; align-items: center; border: 1.5px solid #c5ced6; border-radius: 12px; background: #f7f9fb; min-height: 68px; overflow: hidden; box-shadow: inset 0 1px 2px rgba(0, 28, 100, .04); }
.pp-send__amount:focus-within { border-color: #0070ba; background: #fff; box-shadow: 0 0 0 3px rgba(0, 112, 186, .18); }
.pp-send__amount em { flex: 0 0 auto; padding: 0 4px 0 14px; font-style: normal; font-weight: 800; color: #001c64; font-size: 1.35rem; background: transparent; }
.pp-send__amount input { height: 64px; width: 100%; border: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 1.75rem; font-weight: 800; color: #001c64; padding: 0 14px 0 6px; }
.pp-send__amount input:focus { outline: none; }
.pp-send__pin { justify-self: start; font-size: 13px; font-weight: 700; color: #0070ba; }
.pp-send__chips button {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #cbd2d9;
  background: #fff;
  color: #0070ba;
  font-weight: 700;
}
.pp-send { position: relative; overflow: hidden; }
.pp-send__go { height: 48px; border: 0; border-radius: 999px; background: #0070ba; color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 10px; transition: transform .12s ease, background .2s ease, box-shadow .2s ease; }
.pp-send__go:hover { background: #003087; }
.pp-send__go:active:not(:disabled) { transform: scale(.97); }
.pp-send__go.sending { pointer-events: none; }
.pp-send__go.success, html:not(.dark) main.user-page-main button.pp-send__go.success { background: #008a3e !important; }
.pp-send__go-spin { width: 16px; height: 16px; border-radius: 999px; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; animation: ppSendSpin .7s linear infinite; }
@keyframes ppSendSpin { to { transform: rotate(360deg); } }
.pp-send__fx { position: absolute; inset: 0; z-index: 4; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.92); backdrop-filter: blur(3px); animation: ppSendFade .25s ease; }
.pp-send__fx[hidden] { display: none !important; }
.pp-send__fx-card { text-align: center; padding: 24px; }
.pp-send__fx-card strong { display: block; margin-top: 14px; color: #001c64; font-size: 1.2rem; }
.pp-send__fx-card p { margin: 6px 0 0; color: #6c7378; font-weight: 600; }
.pp-send__plane { position: relative; height: 72px; }
.pp-send__coin { position: absolute; left: 8%; top: 18px; width: 36px; height: 36px; border-radius: 999px; background: #0070ba; color: #fff; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; animation: ppSendFly 1.15s ease-in-out infinite; box-shadow: 0 8px 18px rgba(0,112,186,.28); }
.pp-send__trail { position: absolute; left: 18%; right: 18%; top: 34px; height: 2px; background: linear-gradient(90deg, transparent, #0070ba, transparent); }
@keyframes ppSendFly { 0% { left: 8%; opacity: 0; transform: scale(.7); } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: 72%; opacity: 0; transform: scale(1); } }
.pp-send__check svg { width: 72px; height: 72px; }
.pp-send__check circle { fill: none; stroke: #008a3e; stroke-width: 2; stroke-dasharray: 160; stroke-dashoffset: 160; animation: ppSendRing .45s ease forwards; }
.pp-send__check path { fill: none; stroke: #008a3e; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 40; stroke-dashoffset: 40; animation: ppSendTick .35s .3s ease forwards; }
@keyframes ppSendRing { to { stroke-dashoffset: 0; } }
@keyframes ppSendTick { to { stroke-dashoffset: 0; } }
@keyframes ppSendFade { from { opacity: 0; } to { opacity: 1; } }
html.dark .pp-send__fx { background: rgba(4, 40, 74, .94); }
html.dark .pp-send__fx-card strong { color: #f5f7fa; }
html.dark .pp-send__label > input, html.dark .pp-send__amount { background: #001435 !important; border-color: #0b4f86 !important; color: #f5f7fa !important; }
html.dark .pp-send__chips button { background: #001435 !important; border-color: #0b4f86 !important; color: #8fd0f5 !important; }
html.dark .pp-send__label, html.dark .pp-send__amount em, html.dark .pp-send__amount input { color: #f5f7fa !important; background: transparent; }
html.dark .pp-send__label > input, html.dark .pp-send__label > select { background: #001435 !important; color: #f5f7fa !important; border-color: #0b4f86 !important; }
.pp-send__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pp-send__person { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; font-weight: 700; }
.pp-send__person i { width: 36px; height: 36px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-style: normal; background: #fff; }
.pp-send__person.is-ok { background: #e7f6ee; color: #047857; }
.pp-send__person.is-bad { background: #fdecec; color: #b91c1c; }
.pp-send__msg { margin: 0; font-weight: 700; }
.pp-send__msg.is-ok { color: #047857; }
.pp-send__msg.is-bad { color: #b91c1c; }
html.dark .pp-send { background: #04284a; border-color: #0b4f86; }
.activity-statements, .activity-stats > div, .activity-links {
  background: #fff; border: 1px solid #e6e8eb; border-radius: 16px;
}
.activity-statements { padding: 14px 16px; margin-bottom: 14px; }
.activity-statements__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.activity-statements__head h3 { margin: 0; font-size: 0.95rem; font-weight: 800; color: #001c64; }
.activity-statements__months { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
@media (min-width: 720px) { .activity-statements__months { grid-template-columns: repeat(6, 1fr); } }
.activity-stats { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 12px; }
@media (min-width: 720px) { .activity-stats { grid-template-columns: repeat(3, 1fr); } }
.activity-stats > div { padding: 14px 16px; }
.activity-stats span { display: block; font-size: 1.25rem; font-weight: 800; color: #001c64; }
.activity-stats small { color: #54595c; }
.activity-links { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; margin-bottom: 14px; }
.activity-links a, .activity-links button {
  border: 0; background: transparent; color: #0070ba; font-weight: 700; padding: 8px 12px; cursor: pointer;
}
.pp-activity .list-sn { display: none; }
.pp-money-off[hidden] { display: none !important; }
.pp-send form.is-money-locked,
form.is-money-locked { display: none !important; }
.pp-send.is-money-paused > header { display: none; }
.pp-money-off { margin: 0 auto; max-width: 420px; padding: 12px 4px 4px; text-align: center; background: transparent; border: 0; }
.pp-money-off:focus { outline: none; }
.pp-money-off__mark { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 999px; background: #fff6d8 !important; }
.pp-money-off__mark svg { display: block; width: 44px; height: 44px; }
.pp-money-off__kicker { margin: 16px 0 0; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8a6a00; }
.pp-money-off h3 { margin: 8px 0 16px; font-size: 1.55rem; font-weight: 800; color: #001c64; letter-spacing: -0.035em; line-height: 1.15; }
.pp-money-off__reason { text-align: left; margin: 0 0 12px; padding: 14px 16px; background: #f5f7fa; border-radius: 12px; }
.pp-money-off__reason span { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; color: #001c64; }
.pp-money-off__reason p { margin: 0; color: #2c2e2f; line-height: 1.55; font-size: 15px; white-space: pre-wrap; overflow-wrap: anywhere; }
.pp-money-off__safe { margin: 0 0 18px; color: #6c7378; font-size: 13px; line-height: 1.45; }
.pp-money-off__cta { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border-radius: 24px; background: #0070ba; color: #fff !important; font-weight: 800; font-size: 16px; text-decoration: none !important; }
.pp-money-off__cta:hover { background: #003087; }
.pp-money-off__link { display: inline-block; margin-top: 14px; color: #0070ba; font-weight: 700; font-size: 14px; text-decoration: none; }
.pp-money-off__link:hover { text-decoration: underline; }
html.dark .pp-money-off__mark { background: #3a2e12 !important; }
html.dark .pp-money-off__kicker { color: #ffc439; }
html.dark .pp-money-off h3 { color: #f5f7fa; }
html.dark .pp-money-off__reason { background: #001435; }
html.dark .pp-money-off__reason span { color: #9ec5e8; }
html.dark .pp-money-off__reason p { color: #f5f7fa; }
html.dark .pp-money-off__safe { color: #b7c3ce; }
html.dark .pp-money-off__link { color: #60b4f0; }
.act { background: #fff; border: 1px solid #e6e8eb; border-radius: 16px; overflow: hidden; }
.act__head { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 18px 20px; border-bottom: 1px solid #e6e8eb; }
.act__head h2 { margin: 0; font-size: 1.35rem; color: #001c64; letter-spacing: -0.02em; }
.act__head p { margin: 4px 0 0; color: #6c7378; font-size: 14px; }
.act__head strong { color: #001c64; }
.pp-receipt { padding: 28px 22px 8px; background: #fff; color: #001c64; }
.pp-receipt header { text-align: center; padding-bottom: 16px; border-bottom: 1px solid #e6e8eb; }
.pp-receipt header strong { display: block; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #0070ba; }
.pp-receipt header b { display: block; margin-top: 8px; font-size: 2rem; letter-spacing: -0.04em; color: #001c64; }
.pp-receipt header em { display: inline-block; margin-top: 8px; font-style: normal; font-size: 12px; font-weight: 800; color: #047857; }
.pp-receipt dl { margin: 12px 0 0; }
.pp-receipt dl div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eef1f4; }
.pp-receipt dt { color: #6c7378; font-size: 13px; font-weight: 700; }
.pp-receipt dd { margin: 0; color: #001c64; font-size: 13px; font-weight: 700; text-align: right; overflow-wrap: anywhere; }
.pp-receipt.is-paypal header strong { color: #003087; }
.pp-receipt.is-bitcoin { background: #fffaf3; }
.pp-receipt.is-bitcoin header strong { color: #c2410c; }
.pp-receipt.is-wire, .pp-receipt.is-bank { background: #f7f9fb; }
.pp-receipt.is-wire header strong, .pp-receipt.is-bank header strong { color: #0f3d73; }
.pp-receipt.is-ethereum header strong { color: #4f46e5; }
.pp-receipt.is-usdt header strong { color: #047857; }
.act-search { flex: 1; max-width: 460px; min-width: 240px; }
.act-search label { display: flex; align-items: center; gap: 10px; height: 48px; margin: 0; padding: 0 14px; border: 1.5px solid #c5ced6; border-radius: 999px; background: #f7f9fb; }
.act-search label:focus-within { border-color: #0070ba; background: #fff; box-shadow: 0 0 0 3px rgba(0, 112, 186, .18); }
.act-search i { color: #6c7378; font-size: 14px; flex: 0 0 auto; }
html:not(.dark) main.user-page-main .act-search input,
html.dark main.user-page-main .act-search input,
.act-search input {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 44px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #001c64 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  appearance: none;
}
.act-search input::placeholder { color: #8b9499; font-weight: 500; }
.act-search input::-webkit-search-decoration,
.act-search input::-webkit-search-cancel-button,
.act-search input::-webkit-search-results-button { display: none; -webkit-appearance: none; }
.act-search a { flex: 0 0 auto; height: 30px; padding: 0 12px; border-radius: 999px; background: #e8f4fc; color: #0070ba; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; text-decoration: none; }
html.dark .act-search label { background: #001435; border-color: #0b4f86; }
html.dark .act-search label:focus-within { background: #04284a; border-color: #1493d5; }
html.dark main.user-page-main .act-search input { color: #f5f7fa !important; background: transparent !important; border: 0 !important; }
html.dark .act-search a { background: #003087; color: #fff; }
@media (max-width: 720px) { .act-search { max-width: none; min-width: 0; width: 100%; } }
.act__cards { display: grid; grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px 20px; border-bottom: 1px solid #e6e8eb; background: linear-gradient(180deg, #f4f8fc 0%, #fff 100%); }
.act__cards article, .act__cards .act__last { background: #fff; border: 1px solid #e6e8eb; border-radius: 16px; padding: 16px; min-width: 0; text-align: left; box-shadow: 0 8px 22px rgba(0, 28, 100, .04); }
.act__cards .is-balance { background: linear-gradient(155deg, #003087 0%, #0070ba 70%, #1493d5 100%); border: 0; color: #fff; box-shadow: 0 14px 28px rgba(0, 48, 135, .22); }
.act__cards .is-balance small, .act__cards .is-balance span, .act__cards .is-balance strong { color: #fff; }
.act__cards .is-balance span { color: rgba(255,255,255,.82); }
.act__last { cursor: pointer; font: inherit; width: 100%; transition: transform .12s ease, box-shadow .2s ease; }
.act__last:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(0, 28, 100, .08); }
.act__cards small { display: block; color: #6c7378; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.act__cards strong { display: block; margin-top: 8px; color: #001c64; font-size: clamp(1.2rem, 1.7vw, 1.55rem); letter-spacing: -0.03em; overflow-wrap: anywhere; line-height: 1.1; }
.act__cards strong.is-in { color: #00875a; }
.act__cards strong.is-out { color: #9f1239; }
.act__cards span, .act__cards em { display: block; margin-top: 6px; color: #6c7378; font-size: 13px; font-weight: 600; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 980px) { .act__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .act__cards { grid-template-columns: 1fr; } }
.act__filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 12px 20px; border-bottom: 1px solid #e6e8eb; }
.act__filters a { height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid #cbd2d6; color: #001c64; font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; background: #fff; }
.act__filters a.is-on { background: #0070ba; border-color: #0070ba; color: #fff; }
.act__filters span { margin-left: auto; color: #6c7378; font-size: 13px; font-weight: 700; }
.act__empty a { color: #0070ba; font-weight: 800; }
html.dark .act__filters { border-color: #0b4f86; }
html.dark .act__filters a { background: #001435; border-color: #0b4f86; color: #f5f7fa; }
html.dark .act__filters a.is-on { background: #0070ba; color: #fff; }
.act__row { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 20px; border: 0; border-top: 1px solid #eef1f4; background: #fff; text-align: left; cursor: pointer; }
.act__row:hover { background: #f7fafc; }
.act__row i { width: 40px; height: 40px; border-radius: 999px; background: #e8f4fc; color: #0070ba; font-style: normal; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.act__row span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.act__row strong, .act__row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.act__row strong { color: #001c64; font-size: 15px; }
.act__row small { color: #6c7378; font-size: 13px; margin-top: 2px; }
.act__row b { font-size: 15px; white-space: nowrap; }
.act__row b.is-in { color: #00875a; }
.act__row b.is-out { color: #001c64; }
.act__empty { margin: 0; padding: 28px 20px; color: #6c7378; }
.act__pages { padding: 12px 16px; border-top: 1px solid #e6e8eb; }
.act-legacy { display: none !important; }
html.dark .act { background: #04284a; border-color: #0b4f86; }
html.dark .act__head, html.dark .act__row, html.dark .act__pages, html.dark .act__cards { border-color: #0b4f86; background: #04284a; }
html.dark .act__cards { background: #001435; }
html.dark .act__cards article, html.dark .act__cards .act__last { background: #04284a; border-color: #0b4f86; box-shadow: none; }
html.dark .act__cards .is-balance { background: linear-gradient(155deg, #001c64 0%, #0070ba 100%); }
html.dark .act__cards strong { color: #f5f7fa; }
html.dark .act__cards strong.is-in { color: #34d399; }
html.dark .act__cards strong.is-out { color: #fda4af; }
html.dark .act__head h2, html.dark .act__head strong, html.dark .act__row strong, html.dark .act__row b.is-out { color: #f5f7fa; }
html.dark .act__head input { background: #001435; color: #f5f7fa; border-color: #0b4f86; }
@media (max-width: 720px) { .act__head { flex-direction: column; align-items: stretch; } .act__head input { width: 100%; } }
.activity-search, .activity-pager { margin: 0 0 14px; }
.activity-search form, .activity-pager form { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; }
.activity-search { background: #fff; border: 1px solid #e6e8eb; border-radius: 20px; padding: 16px 18px; box-shadow: 0 10px 30px rgba(0, 28, 100, .04); }
.activity-search label { display: grid; gap: 6px; flex: 1; min-width: 220px; font-size: 13px; font-weight: 800; color: #001c64; }
.activity-search input { height: 52px; border: 1.5px solid #c5ced6; border-radius: 12px; padding: 0 14px; background: #f7f9fb; color: #001c64; font-size: 16px; font-weight: 600; }
.activity-search input:focus { outline: none; border-color: #0070ba; background: #fff; box-shadow: 0 0 0 3px rgba(0,112,186,.18); }
.activity-search button, .activity-search a { height: 52px; padding: 0 22px; border-radius: 999px; font-weight: 800; display: inline-flex; align-items: center; }
.activity-search button { border: 0; background: #0070ba; color: #fff; cursor: pointer; }
.activity-search a { color: #0070ba; }
.activity-pager { display: flex; justify-content: flex-end; align-items: center; gap: 8px; color: #6c7378; font-size: 13px; font-weight: 700; }
.activity-pager select { height: 40px; border-radius: 10px; border: 1.5px solid #c5ced6; background: #fff; color: #001c64; padding: 0 10px; font-weight: 700; }
html.dark .activity-search { background: #04284a; border-color: #0b4f86; }
html.dark .activity-search label { color: #f5f7fa; }
html.dark .activity-search input { background: #001435; color: #f5f7fa; border-color: #0b4f86; }
.pp-txhist .overflow-auto { max-height: none !important; overflow: visible !important; }
.pp-txhist tbody .h-6 { display: none !important; }
.pp-txhist .hidden.lg\:block,
.pp-txhist .lg\:hidden > div {
  background: #fff !important;
  border: 1px solid #e6e8eb !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 28, 100, .04) !important;
}
.pp-txhist table { width: 100%; border-collapse: collapse; }
.pp-txhist thead th {
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 800 !important;
  color: #6c7378 !important;
  background: #f7f9fb !important;
  padding: 14px 12px !important;
  border-bottom: 1px solid #e6e8eb !important;
}
.pp-txhist tbody td {
  padding: 16px 12px !important;
  vertical-align: middle;
  border-bottom: 1px solid #eef1f4 !important;
  font-size: 14px;
  color: #001c64;
}
.pp-txhist tbody tr:hover { background: #f4f9fd !important; }
.pp-txhist .list-sn { display: none !important; }
.pp-txhist tbody .text-xs,
.pp-txhist tbody .text-\[10px\] { font-size: 13px !important; }
.pp-txhist .amount-credit { color: #00875a !important; font-weight: 800; }
.pp-txhist .amount-debit { color: #001c64 !important; font-weight: 800; }
.pp-txhist tbody span[class*="rounded"] {
  border-radius: 999px !important;
  padding: 4px 8px !important;
  font-weight: 700;
}
html.dark .pp-txhist .hidden.lg\:block,
html.dark .pp-txhist .lg\:hidden > div { background: #04284a !important; border-color: #0b4f86 !important; box-shadow: none !important; }
html.dark .pp-txhist thead th { background: #001435 !important; color: #b7c3ce !important; border-color: #0b4f86 !important; }
html.dark .pp-txhist tbody td { border-color: #0b4f86 !important; color: #f5f7fa; }
html.dark .pp-txhist tbody tr:hover { background: #001435 !important; }
html.dark .activity-statements, html.dark .activity-stats > div, html.dark .activity-links { background: #04284a; border-color: #0b4f86; }
html.dark .activity-statements__head h3, html.dark .activity-stats span { color: #f5f7fa; }