:root {
  --hp-ink: #122e29;
  --hp-muted: #5e726d;
  --hp-line: #e6ecea;
  --hp-bg: #eef3f1;
  --hp-surface: #ffffff;
  --hp-primary: #0b8f6e;
  --hp-primary-dark: #097a5e;
  --hp-primary-tint: #e7f5f0;
  --hp-accent: #50ad5c;
  --hp-blue: #2563eb;
  --hp-danger: #dc3545;
  --hp-warning: #d97706;
  --hp-radius-sm: 10px;
  --hp-radius: 16px;
  --hp-radius-lg: 20px;
  --hp-radius-xl: 26px;
  --hp-ease: cubic-bezier(.32, .72, 0, 1);
  --hp-shadow: 0 10px 35px rgba(15, 43, 38, .07);
  --hp-shadow-lg: 0 24px 60px rgba(15, 43, 38, .12);
}

* { box-sizing: border-box; }
body.healthpay-shell {
  color: var(--hp-ink);
  background: var(--hp-bg);
  font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.01em;
}
.healthpay-shell .vertical-menu {
  width: 272px;
  background: linear-gradient(180deg,#082f2a 0%,#062722 100%);
  border: 0;
  box-shadow: 14px 0 40px rgba(8,47,42,.12);
}
.healthpay-shell .navbar-brand-box { width: 272px; background:#082f2a; border-bottom:1px solid rgba(255,255,255,.08); }
.healthpay-shell .main-content { margin-left: 272px; }
.healthpay-shell #sidebar-menu { padding: 24px 14px; }
.healthpay-shell #sidebar-menu .menu-title {
  color: rgba(255,255,255,.48); font-size: 10px; font-weight: 700;
  letter-spacing: .14em; padding: 8px 14px 12px; text-transform: uppercase;
}
.healthpay-shell #sidebar-menu ul li a {
  min-height: 44px; margin: 3px 0; padding: 11px 14px;
  border-radius: 10px; color: rgba(225,244,238,.68); font-size: 13px; font-weight: 550;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.healthpay-shell #sidebar-menu ul li a:hover,
.healthpay-shell #sidebar-menu ul li.mm-active > a {
  color: #eafff7; background: rgba(71,214,173,.13); transform: translateX(2px);
}
.healthpay-shell #sidebar-menu ul li ul.sub-menu li a { color:rgba(214,235,228,.52); padding-left:50px; }
.healthpay-shell #sidebar-menu ul li ul.sub-menu li a:hover,
.healthpay-shell #sidebar-menu ul li ul.sub-menu li.mm-active>a { color:#8ce8ca; background:rgba(71,214,173,.08); }
.healthpay-shell #sidebar-menu ul li a i,
.healthpay-shell #sidebar-menu ul li a svg { color: #62d7b5; width: 18px; height: 18px; }
/* Pending-count badges (Withdrawals, etc.) relied on float-end fighting the
   has-arrow chevron's own float:right — with both floated right in a
   narrow item, the label wouldn't fit on one line and the badge wrapped
   onto its own line below the text. Flex row keeps icon, label, badge and
   chevron on one line and vertically centered regardless of label length —
   the label span grows to fill the space so the badge/chevron always land
   at the true right edge instead of competing for float position. */
.healthpay-shell #sidebar-menu ul li a { display: flex; align-items: center; gap: 8px; }
.healthpay-shell #sidebar-menu ul li a > span:not(.badge) { flex: 1 1 auto; min-width: 0; }
.healthpay-shell #sidebar-menu ul li a .badge {
  float: none; flex: 0 0 auto; margin: 0; line-height: 1.5;
}
.healthpay-shell #sidebar-menu ul li a.has-arrow:after {
  float: none; flex: 0 0 auto; margin: 0;
}
/* Shared dark styling for the account dropdown (topbar's Setting/Logout
   menu, and the same markup on the test-deposit page) — the sidebar's own
   copy of this menu (.user-profile) was removed outright as a pure
   duplicate of the topbar one, rather than kept and re-themed. */
.healthpay-shell .dropdown-menu.dropdownmenu-success {
  background: #0a3a34; border: 1px solid rgba(255,255,255,.08); box-shadow: 0 14px 40px rgba(8,47,42,.35);
}
.healthpay-shell .dropdown-menu.dropdownmenu-success .dropdown-item { color: rgba(225,244,238,.78); }
.healthpay-shell .dropdown-menu.dropdownmenu-success .dropdown-item:hover,
.healthpay-shell .dropdown-menu.dropdownmenu-success .dropdown-item:focus { background: rgba(71,214,173,.13); color: #eafff7; }
.healthpay-shell .header-item { color: var(--hp-ink); }
.healthpay-shell .navbar-header {
  min-height: 72px; padding: 0 22px 0 0;
  background: radial-gradient(circle at 72% -60%,rgba(44,195,151,.11),transparent 28%),rgba(255,255,255,.97);
  border-bottom: 1px solid #dce7ef; box-shadow:0 5px 18px rgba(16,42,67,.035); backdrop-filter: blur(16px);
}
.healthpay-shell #vertical-menu-btn { width:42px; height:42px; min-height:42px; margin-left:14px; padding:0!important; border-radius:12px; color:#48647b; background:#f3f7fa; }
.healthpay-shell #vertical-menu-btn:hover { color:var(--hp-primary); background:#e8f5f1; }
.hp-brand-lockup { display:flex!important; align-items:center; height:72px; padding:0 20px!important; text-decoration:none; }
.hp-brand-lockup .logo-lg { display:flex; align-items:center; gap:11px; }
.hp-brand-mark { display:grid; place-items:center; width:38px; height:38px; flex:none; overflow:hidden; border-radius:11px; background:#d8fff1; box-shadow:0 8px 22px rgba(0,0,0,.16); }
.hp-brand-mark img { display:block; width:28px; height:28px; object-fit:contain; }
.hp-brand-name { color:#f2fff9; font-size:15px; font-weight:800; line-height:1.05; letter-spacing:-.02em; }.hp-brand-name small{display:block;margin-top:5px;color:rgba(207,239,229,.5);font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.hp-topbar-context { align-items:center; gap:11px; margin-left:13px; padding-left:17px; border-left:1px solid var(--hp-line); }
.hp-context-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#e9f7f2; color:var(--hp-primary); font-size:17px; }
.hp-context-copy { display:flex; flex-direction:column; min-width:0; }
.hp-context-copy small { color:#8a9bad; font-size:8px; font-weight:800; letter-spacing:.12em; line-height:1; text-transform:uppercase; }
.hp-context-copy strong { max-width:340px; margin-top:5px; overflow:hidden; color:#18364d; font-size:12px; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.hp-topbar-avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#dff4ec; color:var(--hp-primary-dark); font-size:13px; font-weight:800; }
.hp-topbar-actions { gap:7px; padding:0; }
.hp-action-button { display:grid!important; place-items:center; width:40px!important; height:40px!important; min-height:40px!important; padding:0!important; border:1px solid #e1eaf1!important; border-radius:12px!important; background:#fff!important; }
.hp-action-button:hover,.hp-action-button.show { color:var(--hp-primary)!important; background:#edf8f4!important; }
.healthpay-admin #page-header-user-dropdown { display:flex; align-items:center; gap:10px; min-width:230px; min-height:48px; margin-left:4px; padding:5px 10px!important; border:1px solid #dce7ef!important; border-radius:14px; background:#fff!important; box-shadow:0 5px 18px rgba(16,42,67,.045); }
.hp-account-copy { flex:1; flex-direction:column; align-items:flex-start; min-width:0; line-height:1.1; }
.hp-account-copy strong { width:100%; overflow:hidden; color:#17364d; font-size:11px; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.hp-account-copy small { margin-top:4px; color:#8496a8; font-size:9px; }

/* Correct the framework's collapsed-navigation geometry. */
body.vertical-collpsed.healthpay-shell .vertical-menu,
body[data-sidebar-size="sm"].healthpay-shell .vertical-menu { width:78px!important; }
body.vertical-collpsed.healthpay-shell .navbar-brand-box,
body[data-sidebar-size="sm"].healthpay-shell .navbar-brand-box { width:78px!important; }
body.vertical-collpsed.healthpay-shell .main-content,
body[data-sidebar-size="sm"].healthpay-shell .main-content { margin-left:78px!important; }
body.vertical-collpsed.healthpay-shell .hp-brand-lockup,
body[data-sidebar-size="sm"].healthpay-shell .hp-brand-lockup { justify-content:center; padding:0!important; }
body.vertical-collpsed.healthpay-shell .hp-brand-lockup .logo-sm,
body[data-sidebar-size="sm"].healthpay-shell .hp-brand-lockup .logo-sm { display:flex!important; }
body.vertical-collpsed.healthpay-shell .hp-brand-lockup .logo-lg,
body[data-sidebar-size="sm"].healthpay-shell .hp-brand-lockup .logo-lg { display:none!important; }
body.vertical-collpsed.healthpay-shell #sidebar-menu,
body[data-sidebar-size="sm"].healthpay-shell #sidebar-menu { padding-left:9px; padding-right:9px; }
body.vertical-collpsed.healthpay-shell #sidebar-menu>ul>li>a,
body[data-sidebar-size="sm"].healthpay-shell #sidebar-menu>ul>li>a { display:flex; justify-content:center; width:56px; padding:12px!important; transform:none; }
body.vertical-collpsed.healthpay-shell #sidebar-menu>ul>li>a span,
body.vertical-collpsed.healthpay-shell #sidebar-menu>ul>li>a:after,
body.vertical-collpsed.healthpay-shell #sidebar-menu .menu-title,
body[data-sidebar-size="sm"].healthpay-shell #sidebar-menu>ul>li>a span,
body[data-sidebar-size="sm"].healthpay-shell #sidebar-menu>ul>li>a:after,
body[data-sidebar-size="sm"].healthpay-shell #sidebar-menu .menu-title { display:none!important; }
body.vertical-collpsed.healthpay-shell #sidebar-menu>ul>li>a i,
body.vertical-collpsed.healthpay-shell #sidebar-menu>ul>li>a svg,
body[data-sidebar-size="sm"].healthpay-shell #sidebar-menu>ul>li>a i,
body[data-sidebar-size="sm"].healthpay-shell #sidebar-menu>ul>li>a svg { margin:0!important; }

/* Consistent native toggles for all administrator binary controls. */
.healthpay-admin input[type="checkbox"]:not(.exclude):not(.hp-setting-input) {
  appearance:none; -webkit-appearance:none; position:relative; width:42px; min-width:42px; height:24px; margin:0;
  border:0!important; border-radius:999px!important; background:#c7d2dc!important; cursor:pointer; outline:0;
  box-shadow:inset 0 0 0 1px rgba(16,42,67,.08)!important; transition:background .18s ease;
}
.healthpay-admin input[type="checkbox"]:not(.exclude):not(.hp-setting-input)::before { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(16,42,67,.25); transition:transform .18s ease; }
.healthpay-admin input[type="checkbox"]:not(.exclude):not(.hp-setting-input):checked { background:var(--hp-primary)!important; }
.healthpay-admin input[type="checkbox"]:not(.exclude):not(.hp-setting-input):checked::before { transform:translateX(18px); }
.healthpay-admin input[type="checkbox"]:not(.exclude):not(.hp-setting-input):focus-visible { box-shadow:0 0 0 4px rgba(11,143,110,.16)!important; }
.healthpay-shell .page-content { padding: 104px 30px 40px; }
.healthpay-shell .container, .healthpay-shell .container-fluid { max-width: 1500px; }
.healthpay-shell .page-title-box h4,
.healthpay-shell h1, .healthpay-shell h2, .healthpay-shell h3,
.healthpay-shell h4, .healthpay-shell h5, .healthpay-shell h6 {
  color: var(--hp-ink); font-weight: 700; letter-spacing: -.025em;
}
.healthpay-shell .card {
  background: var(--hp-surface); border: 1px solid var(--hp-line) !important;
  border-radius: var(--hp-radius) !important; box-shadow: var(--hp-shadow); overflow: hidden;
}
.healthpay-shell .card-header {
  padding: 18px 22px; background: #fff; border-bottom: 1px solid var(--hp-line);
}
.healthpay-shell .card-body { padding: 22px; }
.healthpay-shell .table { color: var(--hp-ink); margin-bottom: 0; }
.healthpay-shell .table > :not(caption) > * > * { padding: 15px 14px; border-color: var(--hp-line); vertical-align: middle; }
.healthpay-shell .table thead th {
  color: var(--hp-muted); background: #f8fafc; border-bottom-width: 1px;
  font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
}
.healthpay-shell .table tbody tr { transition: background .15s ease; }
.healthpay-shell .table tbody tr:hover { background: #f7fbfa; }
.healthpay-shell .form-control, .healthpay-shell .form-select, .healthpay-shell .select2-selection {
  min-height: 44px; border: 1px solid #cfdae6 !important; border-radius: 10px !important;
  background: #fff; color: var(--hp-ink); box-shadow: none !important;
}
.healthpay-shell .form-control:focus, .healthpay-shell .form-select:focus {
  border-color: var(--hp-primary) !important; box-shadow: 0 0 0 3px rgba(11,143,110,.12) !important;
}
.healthpay-shell label { color: #334e68; font-size: 12px; font-weight: 600; margin-bottom: 7px; }
.healthpay-shell .btn { min-height: 40px; padding: 9px 16px; border-radius: 9px; font-weight: 600; box-shadow: none; }
.healthpay-shell .btn--primary, .healthpay-shell .btn-primary {
  color: #fff; background: var(--hp-primary) !important; border-color: var(--hp-primary) !important;
}
.healthpay-shell .btn--primary:hover, .healthpay-shell .btn-primary:hover { background: var(--hp-primary-dark) !important; }
.healthpay-shell .btn-outline--primary { color: var(--hp-primary); border-color: var(--hp-primary); }
.healthpay-shell .badge, .healthpay-shell [class*="badge--"] { padding: 6px 10px; border-radius: 999px; font-weight: 600; }
.healthpay-shell .alert { border: 0; border-radius: 12px; padding: 15px 18px; }
.healthpay-shell .dataTables_filter input { margin-left: 8px; }
.healthpay-shell .pagination .page-link { border-color: var(--hp-line); color: var(--hp-primary); }
.healthpay-shell .pagination .active .page-link { background: var(--hp-primary); border-color: var(--hp-primary); }
.hp-environment-chip {
  display:inline-flex; align-items:center; gap:8px; height:40px; margin:0 3px 0 0; padding:0 13px;
  border:1px solid #cce9df; border-radius:12px; background:#effaf6; color:var(--hp-primary-dark);
}
.hp-environment-chip::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--hp-accent); box-shadow:0 0 0 3px rgba(31,157,122,.14); }
.hp-environment-chip span { display:none; }
.hp-environment-chip strong { color:var(--hp-primary-dark); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.hp-environment-chip.live { color: #8a4b08; background: #fff7ed; border-color: #fed7aa; }
.hp-environment-chip.live::before { background: #f59e0b; }
.hp-environment-switcher .hp-environment-chip{border:1px solid #cce9df;background:#effaf6;cursor:pointer}.hp-environment-switcher .hp-environment-chip span{display:inline;color:#6c8580;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hp-environment-switcher .hp-environment-chip>i{margin-left:2px;font-size:10px}.hp-environment-switcher .hp-environment-chip.live{border-color:#f5cda2;background:#fff7ed}.hp-environment-menu{width:310px;padding:10px!important}.hp-environment-menu__head{padding:10px 11px 13px;border-bottom:1px solid #e7eeec}.hp-environment-menu__head strong,.hp-environment-menu__head small{display:block}.hp-environment-menu__head strong{color:#173f38;font-size:12px}.hp-environment-menu__head small{margin-top:3px;color:#849691;font-size:9px}.hp-environment-option{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;margin-top:7px;padding:11px;border:1px solid transparent;border-radius:10px;background:#fff;text-align:left}.hp-environment-option:hover,.hp-environment-option.active{border-color:#cce6df;background:#f2faf7}.hp-environment-option:disabled{cursor:not-allowed;opacity:.55}.hp-environment-option>i:first-child{display:grid;place-content:center;width:34px;height:34px;border-radius:10px;background:#e5f7f1;color:#3d8346;font-size:18px}.hp-environment-option.live>i:first-child{background:#fff0df;color:#bd6b12}.hp-environment-option span strong,.hp-environment-option span small{display:block}.hp-environment-option span strong{color:#173f38;font-size:10px}.hp-environment-option span small{margin-top:3px;color:#82938f;font-size:8px}.hp-environment-option>i:last-child{color:#138d76}
.healthpay-shell .modal-content { border: 0; border-radius: 18px; box-shadow: 0 24px 80px rgba(16,42,67,.22); }
.healthpay-shell .dropdown-menu { border: 1px solid var(--hp-line); border-radius: 12px; box-shadow: var(--hp-shadow); }
.healthpay-shell .dashboard-w1,
.healthpay-shell [class*="widget"] .card,
.healthpay-shell .widget-card-wrapper {
  border-radius: var(--hp-radius) !important;
}
.healthpay-shell .page-title-box { margin-bottom: 22px; }
.healthpay-shell .page-title-box h4 { font-size: 24px; }
.healthpay-shell .accordion-item { border: 1px solid var(--hp-line); border-radius: 12px !important; margin-bottom: 10px; overflow: hidden; }
.healthpay-shell .accordion-button { background: #fff; color: var(--hp-ink); box-shadow: none; }
.healthpay-shell .accordion-button:not(.collapsed) { background: #effaf6; color: var(--hp-primary-dark); }
.healthpay-shell .list-group-item { padding: 14px 2px; border-color: var(--hp-line); background: transparent; }
.healthpay-shell .card.shadow, .healthpay-shell .card-body.shadow { box-shadow: var(--hp-shadow) !important; }
.healthpay-shell .text--base, .healthpay-shell .base--color { color: var(--hp-primary) !important; }
.healthpay-shell ::selection { background: rgba(11,143,110,.2); }

/* Unified motion + interaction polish (matches the checkout redesign) */
.healthpay-shell .btn,
.healthpay-shell .card,
.healthpay-shell .form-control,
.healthpay-shell .form-select,
.healthpay-shell .page-link,
.hp-kpi, .hp-panel, .hp-inline-link, .hp-environment-chip {
  transition: background .2s var(--hp-ease), border-color .2s var(--hp-ease),
              color .2s var(--hp-ease), box-shadow .2s var(--hp-ease), transform .2s var(--hp-ease);
}
.healthpay-shell .btn--primary:hover, .healthpay-shell .btn-primary:hover,
.healthpay-shell .btn--success:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(11,143,110,.22); }
.healthpay-shell .btn:active { transform: translateY(0); }
.hp-panel > .card-body { padding: 22px 24px; }
.hp-panel .card-footer { padding: 16px 24px; background: #f8faf9; border-top: 1px solid var(--hp-line); }
.hp-panel + .hp-panel, .hp-panel + .row, .hp-kpi-grid + .hp-panel { margin-top: 24px; }
.healthpay-shell .table.hp-data-table > :not(caption) > * > * { padding: 14px 16px; }
.hp-data-table tbody tr:last-child td { border-bottom: 0; }
.hp-command-hero .btn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(0,0,0,.16); }

/* Premium operations surfaces */
.hp-command-hero {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: 32px;
  min-height: 184px; margin-bottom: 24px; padding: 34px 38px; overflow: hidden;
  color: #fff; background: radial-gradient(circle at 85% 30%, rgba(74,222,174,.2), transparent 25%), linear-gradient(128deg,#063f38,#08735d);
  border-radius: 24px; box-shadow: 0 20px 45px rgba(6,63,56,.19);
}
.hp-command-hero::after { content:""; position:absolute; right:-80px; bottom:-170px; width:350px; height:350px; border:55px solid rgba(255,255,255,.055); border-radius:50%; }
.hp-command-hero > * { position: relative; z-index: 1; }
.hp-command-hero h1 { margin: 7px 0 9px; color:#fff !important; font-size: clamp(25px,2.3vw,36px); }
.hp-command-hero p { max-width: 650px; margin:0; color:rgba(255,255,255,.7); font-size:14px; }
.hp-kicker { display:block; color:#8ecb96; font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.hp-hero-actions { display:flex; align-items:center; gap:12px; white-space:nowrap; }
.hp-system-state { display:inline-flex; align-items:center; gap:8px; padding:10px 13px; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(255,255,255,.08); font-size:11px; font-weight:700; }
.hp-system-state i { width:7px; height:7px; border-radius:50%; background:#5ee6ad; box-shadow:0 0 0 4px rgba(94,230,173,.13); }
.hp-command-hero .btn { border:0; background:#fff; color:var(--hp-primary-dark); }

.hp-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.hp-kpi { position:relative; min-height:174px; padding:22px; overflow:hidden; background:#fff; border:1px solid var(--hp-line); border-radius:18px; box-shadow:var(--hp-shadow); }
.hp-kpi-featured { color:#fff; background:radial-gradient(circle at 88% 12%,rgba(74,222,174,.16),transparent 40%),linear-gradient(155deg,#0d3b33,#082722); border-color:transparent; box-shadow:0 20px 45px rgba(6,49,44,.2); }
.hp-kpi-top { display:flex; justify-content:space-between; gap:12px; color:var(--hp-muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.hp-kpi-top i { font-size:21px; }
.hp-kpi-featured .hp-kpi-top,.hp-kpi-featured small { color:rgba(255,255,255,.62); }
.hp-kpi strong { display:block; margin:22px 0 5px; color:var(--hp-ink); font-size:26px; line-height:1; letter-spacing:-.04em; }
.hp-kpi-featured strong { color:#fff; }
.hp-kpi small { display:block; color:var(--hp-muted); font-size:11px; }
.hp-positive{color:#10a36a!important}.hp-warning{color:#d88b0e!important}.hp-negative{color:#dd4b59!important}
.hp-progress { position:absolute; left:22px; right:22px; bottom:22px; height:5px; overflow:hidden; border-radius:5px; background:#edf2f5; }
.hp-progress i { display:block; height:100%; border-radius:inherit; background:#11ad74; }.hp-progress-warning i{background:#e69b22}
.hp-mini-bars { position:absolute; right:18px; bottom:18px; left:18px; height:33px; display:flex; align-items:flex-end; gap:6px; opacity:.65; }
.hp-mini-bars i { flex:1; min-width:4px; border-radius:3px 3px 0 0; background:#4bd3ad; }.hp-mini-bars i:nth-child(2n){height:46%}.hp-mini-bars i:nth-child(3n){height:75%}.hp-mini-bars i:nth-child(4n){height:34%}.hp-mini-bars i:nth-child(5n){height:90%}.hp-mini-bars i:nth-child(7n){height:64%}.hp-mini-bars i:nth-child(9n){height:100%}
.hp-inline-link { display:inline-flex; align-items:center; gap:6px; color:var(--hp-primary); font-size:11px; font-weight:700; }
.hp-kpi .hp-inline-link { position:absolute; left:22px; bottom:20px; }

.hp-panel { background:#fff; border:1px solid var(--hp-line); border-radius:20px; box-shadow:var(--hp-shadow); overflow:hidden; }
.hp-panel-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; border-bottom:1px solid var(--hp-line); }
.hp-panel-header h2 { margin:4px 0 0; font-size:18px; }.hp-panel-header p{margin:6px 0 0;color:var(--hp-muted);font-size:12px}
.hp-transactions-panel { margin-bottom:28px; }
.hp-data-table td { font-size:12px; }.hp-data-table td small{display:block;margin-top:4px;color:var(--hp-muted);font-size:10px}.hp-data-table td strong{font-size:12px}
.hp-trx { color:var(--hp-primary); font-weight:800; letter-spacing:.03em; }
.hp-gateway-pill { display:inline-flex; padding:6px 9px; border-radius:8px; background:#eef6fb; color:#225b77; font-size:10px; font-weight:800; text-transform:uppercase; }
.hp-empty { display:flex; flex-direction:column; align-items:center; gap:7px; padding:38px; color:var(--hp-muted); }.hp-empty i{font-size:34px;color:#9db3c4}.hp-empty strong{color:var(--hp-ink)}

/* Secondary metric strip — lighter than hp-kpi, for supporting counts */
.hp-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:30px 0 14px; }
.hp-section-head:first-child { margin-top:6px; }
.hp-section-head h2 { margin:0; font-size:16px; }
.hp-section-head .hp-kicker { margin-bottom:2px; }
.hp-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.hp-stat { position:relative; display:flex; flex-direction:column; gap:2px; padding:18px; background:#fff; border:1px solid var(--hp-line); border-radius:var(--hp-radius); box-shadow:var(--hp-shadow); }
.hp-stat__icon { display:grid; place-items:center; width:40px; height:40px; margin-bottom:10px; border-radius:12px; background:var(--hp-primary-tint); color:var(--hp-primary); font-size:20px; }
.hp-stat--warn .hp-stat__icon{background:#fdf1df;color:#c9820c}.hp-stat--danger .hp-stat__icon{background:#fdecee;color:#d5424f}.hp-stat--info .hp-stat__icon{background:#eaf1fe;color:#2c6ce0}
.hp-stat__label { color:var(--hp-muted); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.hp-stat__value { color:var(--hp-ink); font-size:23px; font-weight:750; letter-spacing:-.03em; line-height:1.15; overflow-wrap:anywhere; }
.hp-stat__link { position:absolute; inset:0; border-radius:inherit; font-size:0; }
.hp-stat:hover { border-color:#c8e6dd; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,43,38,.1); }
.hp-chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px; }
.hp-chart-grid .hp-panel { min-height:0; }
.hp-chart-body { padding:12px 18px 18px; }
@media(max-width:1199px){ .hp-stat-grid{grid-template-columns:repeat(2,1fr)} .hp-chart-grid{grid-template-columns:1fr} }
@media(max-width:575px){ .hp-stat-grid{grid-template-columns:1fr} }

/* Turn legacy widgets into deliberate metric cards */
.healthpay-admin .row.gy-4.mt-2 { margin-top:28px!important; }
.healthpay-admin .row.gy-4.mt-2 > .card-header { margin:0 0 0 8px; padding:0 0 12px; background:transparent; border:0; }
.healthpay-admin .row.gy-4.mt-2 > .card-header h4 { font-size:17px; }
.healthpay-admin .row.gy-4.mt-2 .card { min-height:126px; border:0!important; }
.healthpay-admin .row.gy-4.mt-2 .card .card-body { display:flex; align-items:center; }
.healthpay-admin .row.gy-4.mt-2 .card .row { width:100%; display:grid; grid-template-columns:52px minmax(0,1fr); gap:14px; }
.healthpay-admin .row.gy-4.mt-2 .card .row>div { width:auto; max-width:none; padding:0; text-align:left!important; }
.healthpay-admin .row.gy-4.mt-2 .card i.f-size--56,.healthpay-admin .row.gy-4.mt-2 .card i.f-size--45 { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#edf8f4; color:var(--hp-primary)!important; font-size:25px!important; }
.healthpay-admin .row.gy-4.mt-2 .card span { display:block; color:var(--hp-muted)!important; font-size:10px; line-height:1.25; white-space:nowrap; }
.healthpay-admin .row.gy-4.mt-2 .card h2 { margin:6px 0 0; color:var(--hp-ink)!important; font-size:22px; line-height:1.1; overflow-wrap:anywhere; }
.healthpay-admin .widget-two { position:relative; min-height:126px; padding:22px; border:1px solid var(--hp-line); border-radius:18px!important; background:#fff; box-shadow:var(--hp-shadow); }
.healthpay-admin .widget-two__icon { display:grid; place-items:center; width:46px; height:46px; border-radius:13px!important; background:#edf8f4; color:var(--hp-primary)!important; }
.healthpay-admin .widget-two__content h3 { font-size:23px; }.healthpay-admin .widget-two__content p{color:var(--hp-muted);font-size:11px}
.healthpay-admin .widget-two__btn { position:absolute; inset:0; opacity:0; }

/* Profile */
.hp-profile-grid { display:grid; grid-template-columns:310px minmax(0,1fr); align-items:start; gap:22px; }
.hp-profile-card { position:relative; overflow:hidden; padding:0 24px 24px; text-align:center; background:#fff; border:1px solid var(--hp-line); border-radius:20px; box-shadow:var(--hp-shadow); }
.hp-profile-cover { height:105px; margin:0 -24px 0; background:radial-gradient(circle at 80% 0,rgba(89,221,181,.3),transparent 35%),linear-gradient(135deg,#0b6f5b,#08483f); }
.hp-profile-avatar { position:relative; display:grid; place-items:center; width:88px; height:88px; margin:-44px auto 15px; border:5px solid #fff; border-radius:24px; background-size:cover; background-position:center; background-color:#d9eee8; box-shadow:0 8px 22px rgba(16,42,67,.15); }
.hp-profile-avatar span,.hp-avatar-editor .profilePicPreview span { color:var(--hp-primary-dark); font-size:29px; font-weight:800; }
.hp-profile-card h2 { margin:0; font-size:18px; }.hp-profile-card>p{margin:5px 0 13px;color:var(--hp-muted);font-size:11px}.hp-verified{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#eaf9f3;color:var(--hp-primary-dark);font-size:9px;font-weight:800;text-transform:uppercase}
.hp-profile-card dl { margin:22px 0 0;text-align:left }.hp-profile-card dl div{padding:13px 0;border-top:1px solid var(--hp-line)}.hp-profile-card dt{color:var(--hp-muted);font-size:10px}.hp-profile-card dd{margin:4px 0 0;color:var(--hp-ink);font-size:12px;font-weight:700;overflow-wrap:anywhere}
.hp-profile-form { padding-bottom:0; }.hp-profile-form form{padding:26px}.hp-avatar-editor{display:flex;align-items:center;gap:20px}.hp-avatar-editor .profilePicPreview{display:grid;place-items:center;flex:none;width:96px;height:96px;border:1px solid var(--hp-line);border-radius:20px;background-position:center;background-size:cover;background-color:#eef6f3}.hp-avatar-editor strong{display:block}.hp-avatar-editor p{margin:5px 0 12px;color:var(--hp-muted);font-size:11px}.hp-avatar-editor input{position:absolute;width:1px;height:1px;opacity:0}.hp-avatar-editor label{margin:0 7px 0 0}.hp-form-divider{height:1px;margin:26px 0;background:var(--hp-line)}.hp-form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px -26px -26px;padding:18px 26px;background:#f8fafc;border-top:1px solid var(--hp-line)}.hp-form-actions span{color:var(--hp-muted);font-size:10px}.hp-form-actions .btn{min-width:150px}

/* System configuration switches */
.hp-settings-panel { overflow:hidden; background:#fff; border:1px solid var(--hp-line); border-radius:20px; box-shadow:var(--hp-shadow); }
.hp-settings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:8px 24px 22px; }
.hp-setting-row { display:grid; grid-template-columns:42px minmax(0,1fr) 44px; align-items:center; gap:13px; min-height:92px; margin:0!important; padding:18px 16px; border-bottom:1px solid var(--hp-line); cursor:pointer; }
.hp-setting-row:nth-last-child(-n+3){border-bottom:0}.hp-setting-row:hover{background:#f8fcfa}
.hp-setting-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:#edf8f4; color:var(--hp-primary); font-size:19px; }
.hp-setting-copy strong { display:block; color:var(--hp-ink); font-size:12px; }.hp-setting-copy small{display:block;margin-top:4px;color:var(--hp-muted);font-size:9px;line-height:1.45}
.hp-setting-row input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.hp-switch { position:relative; width:42px; height:24px; border-radius:999px; background:#cbd5df; transition:.2s ease; box-shadow:inset 0 0 0 1px rgba(16,42,67,.08); }.hp-switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(16,42,67,.2);transition:.2s ease}.hp-setting-row input:checked + .hp-switch{background:var(--hp-primary)}.hp-setting-row input:checked + .hp-switch i{transform:translateX(18px)}.hp-setting-row input:focus-visible + .hp-switch{outline:3px solid rgba(11,143,110,.2);outline-offset:2px}
.hp-settings-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 24px; border-top:1px solid var(--hp-line); background:#f8fafc; }.hp-settings-footer>span{color:var(--hp-muted);font-size:10px}.hp-settings-footer .btn{min-width:175px}
@media(max-width:1199px){.hp-kpi-grid{grid-template-columns:repeat(2,1fr)}.hp-command-hero{align-items:flex-start;flex-direction:column}.hp-profile-grid{grid-template-columns:1fr}.hp-profile-card{display:none}.hp-settings-grid{grid-template-columns:repeat(2,1fr)}.hp-setting-row:nth-last-child(-n+3){border-bottom:1px solid var(--hp-line)}.hp-setting-row:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:575px){.hp-kpi-grid{grid-template-columns:1fr}.hp-command-hero{padding:26px 22px}.hp-hero-actions{align-items:stretch;flex-direction:column;width:100%}.hp-panel-header{padding:19px}.hp-profile-form form{padding:19px}.hp-avatar-editor{align-items:flex-start;flex-direction:column}.hp-form-actions{align-items:stretch;flex-direction:column;margin:24px -19px -19px}.hp-form-actions .btn{width:100%}}
@media (max-width: 991.98px) {
  .healthpay-shell .vertical-menu { width: 250px; }
  .healthpay-shell .main-content { margin-left: 0; }
  .healthpay-shell .page-content { padding: 92px 16px 28px; }
}
@media (max-width: 575.98px) {
  .healthpay-shell .page-content { padding-left: 12px; padding-right: 12px; }
  .healthpay-shell .card-body { padding: 16px; }
  .healthpay-shell .table > :not(caption) > * > * { padding: 12px 10px; }
  .hp-settings-grid{grid-template-columns:1fr;padding:5px 13px 18px}.hp-setting-row,.hp-setting-row:nth-last-child(-n+2){border-bottom:1px solid var(--hp-line)}.hp-setting-row:last-child{border-bottom:0}.hp-settings-footer{align-items:stretch;flex-direction:column}.hp-settings-footer .btn{width:100%}
}

/* Merchant workspace */
.healthpay-merchant .navbar-brand-box { background:#082f2a; }
.healthpay-merchant .hp-merchant-account { display:flex; align-items:center; gap:10px; min-width:205px; min-height:48px; padding:5px 10px!important; border:1px solid #dce7ef!important; border-radius:14px; background:#fff!important; box-shadow:0 5px 18px rgba(16,42,67,.045); }
.healthpay-merchant .hp-environment-chip.live { color:#8a4b08; background:#fff8ed; border-color:#f4d5a6; }
.healthpay-merchant .hp-environment-chip.live::before { background:#ef9f27; box-shadow:0 0 0 3px rgba(239,159,39,.15); }
.healthpay-merchant #sidebar-menu>ul>li>a { color:rgba(225,244,238,.72); }
.healthpay-merchant #sidebar-menu>ul>li>a:hover,.healthpay-merchant #sidebar-menu>ul>li.mm-active>a { color:#fff; background:rgba(71,214,173,.14); }
.healthpay-merchant .page-content>.container { max-width:1500px; }
.hp-merchant-hero { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:24px; padding:30px 32px; border-radius:22px; background:radial-gradient(circle at 85% 0,rgba(100,238,197,.2),transparent 32%),linear-gradient(135deg,#0a5b4e,#073d36); color:#fff; box-shadow:0 18px 42px rgba(7,61,54,.16); }.hp-merchant-hero h1{margin:7px 0 8px!important;color:#fff!important;font-size:27px}.hp-merchant-hero p{margin:0;color:rgba(231,255,247,.7);font-size:12px}.hp-merchant-quick-actions{display:flex;gap:10px;flex:none}.hp-merchant-quick-actions .btn{display:inline-flex;align-items:center;gap:7px}.hp-merchant-quick-actions .btn-outline--primary{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.06)}
.hp-merchant-dashboard>.col-xl-5>.card,.hp-merchant-dashboard>.col-xl-7>.card,.hp-merchant-dashboard>.col-xl-12>.card{border:1px solid var(--hp-line)!important;border-radius:20px!important;box-shadow:var(--hp-shadow)!important}.hp-merchant-dashboard .list-group-item{padding:13px 2px;border-color:var(--hp-line);font-size:11px}.hp-merchant-dashboard .card-header h6{margin:0;font-size:14px}.hp-merchant-dashboard .accordion-item{border-color:var(--hp-line)}
.hp-merchant-dashboard { row-gap:24px; }
.hp-panel-pad { padding:8px 24px 22px; }
.hp-merchant-identity { display:flex; align-items:center; gap:14px; padding:20px 24px 4px; }
.hp-merchant-avatar { flex:none; width:52px; height:52px; border-radius:15px; background:#dceee8 center/cover no-repeat; box-shadow:0 6px 16px rgba(16,42,67,.12); }
.hp-merchant-identity strong { display:block; color:var(--hp-ink); font-size:15px; letter-spacing:-.02em; }
.hp-merchant-identity small { display:block; margin-top:3px; color:var(--hp-muted); font-size:11px; }
.hp-detail-list { margin:10px 0 0; padding:6px 24px 22px; }
.hp-detail-list > div { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; border-top:1px solid var(--hp-line); }
.hp-detail-list dt { display:flex; align-items:center; gap:8px; margin:0; color:var(--hp-muted); font-size:11px; font-weight:600; }
.hp-detail-list dt i { color:var(--hp-primary); font-size:15px; }
.hp-detail-list dd { margin:0; color:var(--hp-ink); font-size:12px; font-weight:700; text-align:right; overflow-wrap:anywhere; }
.hp-merchant-dashboard .accordion.table--acordion { border:0; }
.hp-merchant-dashboard .accordion-item { margin-bottom:8px; border:1px solid var(--hp-line); border-radius:14px!important; overflow:hidden; }
@media(max-width:767px){.hp-merchant-hero{align-items:flex-start;flex-direction:column;padding:25px 22px}.hp-merchant-quick-actions{width:100%;flex-direction:column}.hp-merchant-quick-actions .btn{justify-content:center;width:100%}}

/* Merchant authentication */
.healthpay-auth { min-height:100vh; background:#f4f8f7; color:var(--hp-ink); font-family:Inter,Poppins,system-ui,-apple-system,"Segoe UI",sans-serif; }
.healthpay-auth .preloader,.healthpay-auth .scroll-top { display:none!important; }
/* frontend/css/main.css's nav (.navbar-nav .nav-item a { color:#fff }) is
   built for a page with a dark/image hero behind the header — it only
   becomes readable once .sticky is added on scroll (color:#162447 there).
   These auth pages have no hero and are frequently short enough to never
   scroll, so the header never leaves its white-on-white unreadable state.
   Force the sticky-style dark color unconditionally here instead. */
.healthpay-auth .navbar-nav .nav-item a,
.healthpay-auth .navbar-nav .nav-item a::before { color:#162447; }
.healthpay-auth .navbar-toggler .toggler-icon { background:#162447; }
.healthpay-auth .hp-auth-section { display:grid; place-items:center; min-height:100vh; padding:108px 24px 48px; background:radial-gradient(circle at 10% 10%,rgba(38,190,145,.13),transparent 27%),linear-gradient(145deg,#f7fbfa,#eef5f6); }
.hp-auth-shell { width:min(1120px,100%); }
.hp-auth-card { display:grid; grid-template-columns:minmax(0,1fr) 430px; overflow:hidden; min-height:650px; border:1px solid #dce8e5; border-radius:28px; background:#fff; box-shadow:0 28px 80px rgba(16,42,67,.13); }
.hp-auth-form-panel { padding:46px 54px; }
.hp-auth-brand { display:inline-flex; align-items:center; gap:12px; color:var(--hp-ink); text-decoration:none; }.hp-auth-brand:hover{color:var(--hp-ink)}
.hp-auth-brand img { width:auto; max-width:128px; height:34px; object-fit:contain; }.hp-auth-brand>span{display:none}
.hp-auth-heading { margin:54px 0 30px; }.hp-auth-heading>span,.hp-auth-visual-copy>span{color:var(--hp-primary);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hp-auth-heading h1{margin:10px 0 10px;color:var(--hp-ink);font-size:34px;font-weight:800;letter-spacing:-.04em}.hp-auth-heading p{max-width:520px;margin:0;color:var(--hp-muted);font-size:13px;line-height:1.7}
.hp-auth-form .form-group { margin-bottom:19px; }.hp-auth-form label{display:block;margin-bottom:8px;color:#334e68!important;font-size:11px;font-weight:700}.hp-auth-form .hp-input-wrap{position:relative;display:flex;align-items:center}.hp-auth-form .hp-input-wrap>i{position:absolute;left:15px;z-index:2;color:#78909f;font-size:18px}.hp-auth-form .form-control{width:100%;height:50px;padding:0 46px;border:1px solid #cfdae3!important;border-radius:12px!important;background:#fbfcfd;color:var(--hp-ink);box-shadow:none!important}.hp-auth-form .form-control:focus{border-color:var(--hp-primary)!important;background:#fff;box-shadow:0 0 0 4px rgba(11,143,110,.1)!important}.hp-auth-form .input-group-text{position:absolute;right:5px;z-index:4;height:40px;border:0!important;background:transparent;color:#71869a;cursor:pointer}
.hp-auth-meta { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:-3px 0 22px; color:#7a8fa1; font-size:10px; }.hp-auth-meta span{display:flex;align-items:center;gap:5px}.hp-auth-meta a,.hp-auth-submit a{color:var(--hp-primary);font-weight:700;text-decoration:none}
.hp-auth-submit .main-btn { display:flex; align-items:center; justify-content:center; gap:9px; width:100%; height:50px; border:0; border-radius:12px; background:linear-gradient(135deg,var(--hp-primary),#12a583); color:#fff; font-size:12px; font-weight:800; box-shadow:0 11px 24px rgba(11,143,110,.2); }.hp-auth-submit .main-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(11,143,110,.25)}.hp-auth-submit p{margin:19px 0 0;color:var(--hp-muted);font-size:11px;text-align:center}
.hp-auth-visual { position:relative; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:52px 44px; background:radial-gradient(circle at 80% 10%,rgba(112,255,211,.24),transparent 28%),linear-gradient(150deg,#0a5448,#062f2b 70%); color:#fff; }.hp-auth-visual:before{content:"";position:absolute;inset:38px 34px auto auto;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.025)}.hp-auth-visual-copy,.hp-auth-proof{position:relative;z-index:1}.hp-auth-visual-copy>span{color:#79e5c6}.hp-auth-visual h2{margin:13px 0;color:#fff;font-size:32px;font-weight:750;line-height:1.17;letter-spacing:-.04em}.hp-auth-visual p{margin:0;color:rgba(232,255,247,.67);font-size:12px;line-height:1.75}.hp-auth-proof{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}.hp-auth-proof>div{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.07)}.hp-auth-proof i{color:#79e5c6;font-size:19px}.hp-auth-proof strong,.hp-auth-proof small{display:block}.hp-auth-proof strong{font-size:10px}.hp-auth-proof small{margin-top:3px;color:rgba(232,255,247,.55);font-size:8px}
.healthpay-auth .pace, .healthpay-auth #preloader, .healthpay-auth .preloader-wrapper { display:none !important; }
.hp-auth-card--solo { grid-template-columns:1fr; min-height:0; max-width:480px; margin:0 auto; }
.hp-auth-card--solo .hp-auth-form-panel { padding:44px 46px; }
.healthpay-admin-auth .hp-auth-brand img { max-width:150px; }
.hp-register-card { grid-template-columns:minmax(0,1fr) 390px; }.hp-register-card .hp-auth-form-panel{padding:38px 42px}.hp-register-card .hp-auth-heading{margin:30px 0 22px}.hp-register-card .hp-auth-heading h1{font-size:29px}.hp-register-card .hp-auth-form .form-group{margin-bottom:14px}.hp-register-card .hp-auth-form label.text-white,.hp-register-card .form-check label{color:#334e68!important}.hp-register-card .form-check{display:flex;align-items:flex-start;gap:7px;color:var(--hp-muted);font-size:10px}.hp-register-card .form-check-input{flex:none}.hp-register-card .anchor-color{color:var(--hp-primary)!important}.hp-register-card .input-popup{z-index:10}
.hp-register-card .phone-number .input-group{position:relative;display:flex;align-items:center}
.hp-register-card .phone-number .mobile-code{left:1px;right:auto;top:1px;bottom:1px;display:flex;align-items:center;justify-content:center;width:60px;height:auto;padding:0 12px;border-right:1px solid #dbe4ea!important;border-radius:11px 0 0 11px!important;background:#f2f7f6;color:#31596a;font-size:13px;font-weight:700;cursor:default}
.hp-register-card .phone-number input[name="mobile"]{padding-left:74px!important;padding-right:16px!important;text-align:left!important;direction:ltr}
.hp-register-submit { margin-top:20px!important; padding-top:20px; border-top:1px solid #e5ecef; }
.hp-register-submit .main-btn { width:100%!important; max-width:none!important; }
.hp-register-submit p { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px; margin-top:16px; line-height:1.5; }
.hp-register-submit p span { color:#71869a; }
.hp-register-submit p a { display:inline-flex; align-items:center; gap:4px; }
.hp-register-submit p a i { font-size:12px; transition:transform .18s ease; }
.hp-register-submit p a:hover i { transform:translateX(3px); }
@media(max-width:991px){.hp-auth-card,.hp-register-card{grid-template-columns:1fr;max-width:650px;margin:auto}.hp-auth-visual{display:none}.healthpay-auth .hp-auth-section{padding-top:96px}.hp-auth-form-panel,.hp-register-card .hp-auth-form-panel{padding:40px}}
@media(max-width:575px){.healthpay-auth .hp-auth-section{padding:82px 12px 24px}.hp-auth-card{min-height:0;border-radius:20px}.hp-auth-form-panel{padding:28px 20px}.hp-auth-heading{margin:34px 0 25px}.hp-auth-heading h1{font-size:28px}.hp-auth-meta{align-items:flex-start;flex-direction:column}.hp-register-card .row>[class*="col-"]{width:100%}}

/* Merchant onboarding */
.hp-onboarding-section{padding:42px 20px!important;background:radial-gradient(circle at 15% 12%,rgba(38,190,145,.14),transparent 30%),linear-gradient(145deg,#f8fbfa,#edf5f5)!important}
.hp-onboarding-shell{width:min(520px,100%);margin:auto}.hp-profile-onboarding-shell{width:min(780px,100%)}
.hp-onboarding-shell>.hp-auth-brand{display:flex;justify-content:center;margin:0 auto 26px}.hp-onboarding-shell>.hp-auth-brand img{height:38px;max-width:150px}
.hp-onboarding-card{padding:38px 42px;border:1px solid #dce8e5;border-radius:24px;background:#fff;box-shadow:0 24px 65px rgba(16,42,67,.12);text-align:center}
.hp-onboarding-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:17px;background:#e9f8f3;color:var(--hp-primary);font-size:28px}
.hp-onboarding-step{color:var(--hp-primary);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hp-onboarding-card h1{margin:9px 0 9px;color:var(--hp-ink);font-size:27px;font-weight:800;letter-spacing:-.035em}.hp-onboarding-card>p{margin:0 auto 23px;color:var(--hp-muted);font-size:12px;line-height:1.7}.hp-onboarding-card>p strong{display:block;color:#334e68;font-weight:750}
.hp-onboarding-form .mb-3{text-align:left}.hp-onboarding-form label{margin:0 0 9px!important;color:#334e68;font-size:11px}.hp-onboarding-form .verification-code{height:58px;margin-bottom:20px}.hp-onboarding-form .verification-code input{height:58px!important;border:1px solid #cfdae3!important;border-radius:13px!important;background:#fbfcfd!important;letter-spacing:36px}.hp-onboarding-form .verification-code .boxes{height:58px}.hp-onboarding-form .verification-code .boxes span{height:58px;border-color:#dce5ea!important;background:transparent!important}
.hp-onboarding-card .main-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--hp-primary),#12a583);color:#fff;font-size:12px;font-weight:800;box-shadow:0 11px 24px rgba(11,143,110,.2)}
.hp-onboarding-help{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding-top:17px;border-top:1px solid #e7edef;color:#71869a;font-size:10px}.hp-onboarding-help a{color:var(--hp-primary);font-weight:750;text-decoration:none}.hp-onboarding-trust{margin:18px 0 0;text-align:center;color:#7b909c;font-size:10px}.hp-onboarding-trust i{margin-right:4px;color:var(--hp-primary)}
.hp-profile-onboarding-card{text-align:left}.hp-profile-onboarding-card .hp-onboarding-icon{margin-left:0}.hp-profile-onboarding-card>p{margin-left:0}.hp-onboarding-profile-form label{display:block;margin-bottom:7px;color:#334e68;font-size:10px;font-weight:700}.hp-onboarding-profile-form .form-control{height:48px;border:1px solid #cfdae3!important;border-radius:11px!important;background:#fbfcfd;box-shadow:none!important}.hp-onboarding-profile-form .form-control:focus{border-color:var(--hp-primary)!important;box-shadow:0 0 0 4px rgba(11,143,110,.1)!important}.hp-onboarding-profile-form .main-btn{margin-top:23px}
@media(max-width:575px){.hp-onboarding-section{padding:24px 12px!important}.hp-onboarding-card{padding:28px 20px;border-radius:20px}.hp-onboarding-help{align-items:flex-start;flex-direction:column}.hp-onboarding-form .verification-code input{letter-spacing:24px}}

/* Merchant activation center */
.hp-activation-hero{background:linear-gradient(128deg,#063f38 0%,#0c6658 68%,#1d8f7d 100%);border-radius:24px;padding:30px 34px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 22px 50px rgba(4,63,55,.18)}
.hp-activation-hero h1{color:#fff;margin:5px 0 8px;font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.hp-activation-hero p{margin:0;color:#c9eee7;max-width:690px}.hp-activation-score{width:124px;height:124px;flex:0 0 124px;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 9px rgba(255,255,255,.04)}.hp-activation-score strong{font-size:31px;color:#fff}.hp-activation-score span{font-size:11px;color:#c9eee7}
.hp-activation-progress{height:8px;background:#dce9e6;border-radius:99px;margin:20px 4px 28px;overflow:hidden}.hp-activation-progress span{display:block;height:100%;background:linear-gradient(90deg,#19a88f,#65dfc5);border-radius:inherit}
.hp-activation-steps{display:grid;gap:12px}.hp-activation-step{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;background:#fff;border:1px solid #e0eae8;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px rgba(15,46,42,.055)}.hp-activation-step__number{width:46px;height:46px;border-radius:14px;background:#edf4f2;color:#59716d;display:grid;place-content:center;font-weight:800}.hp-activation-step h3{font-size:16px;margin:0 0 3px;color:#0b2f2a}.hp-activation-step p{font-size:13px;color:#6c7d79;margin:0}.hp-activation-step__status{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#ad6d15;background:#fff4dc;padding:7px 10px;border-radius:99px}.hp-activation-step.is-done{border-color:#bce6da}.hp-activation-step.is-done .hp-activation-step__number{background:#daf5ed;color:#09846f}.hp-activation-step.is-done .hp-activation-step__status{color:#08715f;background:#dff7ef}.hp-activation-step.is-pending .hp-activation-step__status{color:#2d66a5;background:#e9f2ff}.hp-activation-step__action{grid-column:2/4;color:#078873;font-weight:700;font-size:13px}
.hp-activation-aside{position:sticky;top:100px;background:#fff;border:1px solid #dfeae7;border-radius:22px;padding:28px;box-shadow:0 16px 40px rgba(15,46,42,.08)}.hp-activation-aside__icon{width:54px;height:54px;border-radius:16px;background:#e3f7f1;color:#078873;display:grid;place-content:center;font-size:28px}.hp-activation-aside h2{margin:18px 0 8px;color:#092f29}.hp-activation-aside p,.hp-activation-aside li{color:#62736f;font-size:13px}.hp-activation-aside ul{list-style:none;padding:8px 0 0;margin:0}.hp-activation-aside li{padding:8px 0;border-top:1px solid #edf2f1}.hp-activation-aside li:before{content:'✓';color:#0a987f;font-weight:900;margin-right:9px}
.hp-onboarding-panel{background:#fff;border:1px solid #dfeae7;border-radius:22px;padding:28px;margin-top:24px;box-shadow:0 14px 38px rgba(15,46,42,.06);scroll-margin-top:100px}.hp-onboarding-panel__head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #edf2f1;padding-bottom:20px;margin-bottom:22px}.hp-onboarding-panel__head h2{margin:4px 0;color:#0b302b}.hp-onboarding-panel__head p{margin:0;color:#71817e;font-size:13px}.hp-review-pill{white-space:nowrap;border-radius:99px;padding:8px 12px;background:#ecf4f2;color:#315e57;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}.hp-onboarding-form label{display:block;font-size:12px;font-weight:800;color:#274a45;margin-bottom:7px}.hp-onboarding-form input[type=file]{width:100%;border:1px dashed #a9c7c1;border-radius:12px;padding:12px;background:#f8fbfa}.hp-submitted-state{display:flex;gap:16px;align-items:center;padding:18px;border-radius:14px;background:#f2f8f6;color:#315e57}.hp-submitted-state>i{font-size:30px;color:#078873}.hp-submitted-state p{margin:3px 0 0;color:#71817e}
.hp-activation-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #cfe6e1;border-left:4px solid #0c947d;border-radius:16px;padding:16px 18px;margin:0 0 22px;box-shadow:0 10px 28px rgba(9,80,69,.06)}.hp-activation-banner>div{display:flex;align-items:center;gap:14px}.hp-activation-banner__icon{width:42px;height:42px;display:grid;place-content:center;border-radius:12px;background:#e1f6f0;color:#078873;font-size:23px}.hp-activation-banner strong{color:#0b302b}.hp-activation-banner p{margin:2px 0 0;color:#687b77;font-size:12px}
@media(max-width:767px){.hp-activation-hero{padding:24px;align-items:flex-start}.hp-activation-score{width:82px;height:82px;flex-basis:82px}.hp-activation-score strong{font-size:22px}.hp-activation-step{grid-template-columns:46px minmax(0,1fr)}.hp-activation-step__status{grid-column:2}.hp-activation-step__action{grid-column:2}.hp-activation-banner{align-items:flex-start;flex-direction:column}.hp-onboarding-panel{padding:20px}}

/* Public product site */
.hp-site{--site-ink:#092c28;--site-green:#50ad5c;--site-mint:#8ecb96;--site-line:#dce9e6;overflow:hidden;background:#fff;color:var(--site-ink);font-family:Inter,Poppins,sans-serif}.hp-site *{box-sizing:border-box}.hp-site a{text-decoration:none}.hp-site-container{width:min(1180px,calc(100% - 48px));margin:auto}.hp-site-header{position:fixed;z-index:1000;inset:0 0 auto;height:78px;border-bottom:1px solid rgba(214,234,229,.8);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.hp-site-nav{display:flex;align-items:center;height:100%;gap:40px}.hp-site-brand{display:flex;align-items:center;gap:11px;color:var(--site-ink)}.hp-site-brand img{width:108px;max-height:38px;object-fit:contain}.hp-site-brand span,.hp-site-brand strong,.hp-site-brand small{display:block}.hp-site-brand strong{font-size:14px}.hp-site-brand small{margin-top:1px;color:#778d89;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.hp-site-links{display:flex;align-items:center;gap:31px;margin-left:auto}.hp-site-links a{color:#3f5e59;font-size:13px;font-weight:650}.hp-site-links a:hover{color:var(--site-green)}.hp-site-actions{display:flex;align-items:center;gap:14px}.hp-site-text-btn{color:var(--site-ink);font-size:13px;font-weight:750}.hp-site-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 23px;border:1px solid var(--site-green);border-radius:12px;background:linear-gradient(135deg,#3d8346,#50ad5c);color:#fff!important;font-size:13px;font-weight:800;box-shadow:0 12px 26px rgba(50,120,60,.2);transition:.2s ease}.hp-site-btn:hover{transform:translateY(-2px);box-shadow:0 16px 31px rgba(50,120,60,.27)}.hp-site-btn--small{min-height:42px;padding:0 18px}.hp-site-btn--ghost{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08);box-shadow:none}.hp-site-menu{display:none;margin-left:auto;border:0;background:none;color:var(--site-ink);font-size:25px}
.hp-site-hero{position:relative;padding:165px 0 92px;background:radial-gradient(circle at 76% 22%,rgba(64,190,157,.23),transparent 31%),linear-gradient(135deg,#052e2a,#07453e 62%,#075b4e);color:#fff}.hp-site-hero:after{content:'';position:absolute;right:-160px;bottom:-250px;width:580px;height:580px;border:1px solid rgba(117,230,198,.15);border-radius:50%;box-shadow:0 0 0 74px rgba(117,230,198,.035),0 0 0 148px rgba(117,230,198,.025)}.hp-site-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:74px}.hp-site-eyebrow,.hp-site-heading>span,.hp-site-checkout-grid>div>span,.hp-site-security>div>span,.hp-site-cta span{font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hp-site-eyebrow{display:flex;align-items:center;gap:8px;color:#a4e8d6}.hp-site-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--site-mint);box-shadow:0 0 0 6px rgba(142,203,150,.12)}.hp-site-hero h1{margin:23px 0 25px;color:#fff;font-size:clamp(45px,5vw,68px);font-weight:800;line-height:1.04;letter-spacing:-.055em}.hp-site-hero h1 em{color:#8ecb96;font-style:normal}.hp-site-hero-copy>p{max-width:590px;margin:0;color:#bfddd6;font-size:17px;line-height:1.75}.hp-site-hero-actions{display:flex;gap:12px;margin-top:35px}.hp-site-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px;color:#9fc5bc;font-size:11px}.hp-site-trust span{display:flex;align-items:center;gap:6px}.hp-site-trust i{color:#8ecb96;font-size:16px}
.hp-site-console{position:relative;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.09);box-shadow:0 38px 90px rgba(0,18,16,.38);backdrop-filter:blur(13px)}.hp-site-console:before{content:'';position:absolute;inset:-12px;border:1px solid rgba(102,225,191,.1);border-radius:31px}.hp-site-console-top,.hp-site-volume,.hp-site-activity{position:relative}.hp-site-console-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1);color:#d8eee8;font-size:11px}.hp-site-console-top span{display:flex;align-items:center;gap:8px}.hp-site-console-top b{width:7px;height:7px;border-radius:50%;background:#56dfa9}.hp-site-console-top small{color:#88aca4}.hp-site-volume{padding:24px 0 20px}.hp-site-volume small,.hp-site-volume strong,.hp-site-volume span{display:block}.hp-site-volume small{color:#8fb6ad;font-size:10px}.hp-site-volume strong{margin:7px 0;color:#fff;font-size:32px;letter-spacing:-.035em}.hp-site-volume span{color:#68dcba;font-size:10px}.hp-site-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hp-site-metrics>div{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,0,0,.09)}.hp-site-metrics small,.hp-site-metrics strong{display:block}.hp-site-metrics small{color:#82a89f;font-size:8px}.hp-site-metrics strong{margin-top:5px;color:#fff;font-size:15px}.hp-site-activity{margin-top:13px;padding:15px;border-radius:15px;background:#fff;color:var(--site-ink)}.hp-site-activity-head{display:flex;justify-content:space-between;margin-bottom:5px}.hp-site-activity-head strong{font-size:11px}.hp-site-activity-head small{color:var(--site-green);font-size:9px}.hp-site-activity>div:not(.hp-site-activity-head){display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf2f1}.hp-site-activity>div:last-child{border:0}.hp-site-activity>div>i{display:grid;place-content:center;width:27px;height:27px;border-radius:9px;background:#e5f7f1;color:#3d8346}.hp-site-activity span b,.hp-site-activity span small{display:block}.hp-site-activity span b{font-size:9px}.hp-site-activity span small{margin-top:2px;color:#8a9b98;font-size:7px}.hp-site-activity>div>strong{font-size:9px}
.hp-site-methods{border-bottom:1px solid var(--site-line);background:#f8fbfa;padding:25px 0}.hp-site-methods .hp-site-container{display:flex;align-items:center;justify-content:space-between;gap:35px}.hp-site-methods p{margin:0;color:#728681;font-size:11px}.hp-site-methods .hp-site-container>div{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:34px}.hp-site-methods span{color:#34544e;font-size:14px;font-weight:850}.hp-site-section{padding:105px 0}.hp-site-heading{max-width:700px;margin-bottom:50px}.hp-site-heading>span,.hp-site-checkout-grid>div>span,.hp-site-security>div>span{color:var(--site-green)}.hp-site-heading h2,.hp-site-checkout h2,.hp-site-security h2,.hp-site-cta h2{margin:12px 0 15px;color:var(--site-ink);font-size:clamp(34px,4vw,49px);font-weight:800;line-height:1.12;letter-spacing:-.045em}.hp-site-heading p,.hp-site-checkout-grid>div>p,.hp-site-security>div>p{color:#647b76;font-size:15px;line-height:1.75}.hp-site-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hp-site-feature-grid article{padding:34px;border:1px solid var(--site-line);border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbfa);box-shadow:0 13px 40px rgba(15,61,53,.06)}.hp-site-feature-grid article>i,.hp-site-feature-wide>div>i{display:grid;place-content:center;width:48px;height:48px;border-radius:14px;background:#e5f7f1;color:var(--site-green);font-size:25px}.hp-site-feature-grid h3{margin:22px 0 9px;font-size:21px}.hp-site-feature-grid p{margin:0;color:#667c78;font-size:13px;line-height:1.75}.hp-site-feature-grid a{display:inline-flex;align-items:center;gap:7px;margin-top:21px;color:var(--site-green);font-size:12px;font-weight:800}.hp-site-feature-wide{grid-column:1/3;display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}.hp-site-status-list{display:grid;gap:9px}.hp-site-status-list span{display:grid;grid-template-columns:10px 1fr;align-items:center;padding:13px 15px;border:1px solid #e2ebe9;border-radius:12px;background:#fff;font-size:11px;font-weight:800}.hp-site-status-list b{width:7px;height:7px;border-radius:50%}.hp-site-status-list small{grid-column:2;margin-top:3px;color:#80928e;font-size:9px;font-weight:500}.is-green{background:#22b38e}.is-blue{background:#4386e8}.is-purple{background:#8269dd}
.hp-site-checkout{padding:105px 0;background:radial-gradient(circle at 80% 10%,rgba(57,180,151,.2),transparent 32%),#062f2b;color:#fff}.hp-site-checkout-grid{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:100px}.hp-site-checkout h2{color:#fff}.hp-site-checkout-grid>div>p{color:#acd0c7}.hp-site-checkout ul{display:grid;gap:13px;margin:25px 0 32px;padding:0;list-style:none;color:#d5ece6;font-size:13px}.hp-site-checkout li i{margin-right:8px;color:#6ce2bf}.hp-site-phone{padding:23px;border:8px solid #143e39;border-radius:35px;background:#fff;color:var(--site-ink);box-shadow:0 40px 90px rgba(0,12,10,.4)}.hp-site-phone-head{display:flex;justify-content:space-between;margin-bottom:32px;font-size:11px;font-weight:800}.hp-site-phone>small,.hp-site-phone>strong{display:block}.hp-site-phone>small{color:#78908b;font-size:9px}.hp-site-phone>strong{margin:6px 0 25px;font-size:26px}.hp-site-phone label{display:block;margin-bottom:7px;font-size:9px;font-weight:800}.hp-site-fake-input,.hp-site-fake-row span{padding:14px;border:1px solid #d9e5e2;border-radius:10px;color:#4d6661;font-size:11px}.hp-site-fake-input{display:flex;justify-content:space-between}.hp-site-fake-input b{color:#ea4d55}.hp-site-fake-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.hp-site-phone button{width:100%;height:46px;margin-top:20px;border:0;border-radius:11px;background:linear-gradient(135deg,#087e69,#0c9f80);color:#fff;font-size:11px;font-weight:800}.hp-site-phone p{margin:13px 0 0;color:#869995;font-size:8px;text-align:center}
.hp-site-security{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:start}.hp-site-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hp-site-security-grid article{padding:25px;border:1px solid var(--site-line);border-radius:17px}.hp-site-security-grid i{color:var(--site-green);font-size:27px}.hp-site-security-grid h3{margin:13px 0 7px;font-size:15px}.hp-site-security-grid p{margin:0;color:#71847f;font-size:11px;line-height:1.65}.hp-site-cta{padding:70px 0;background:#e9f7f3}.hp-site-cta .hp-site-container{display:flex;align-items:center;justify-content:space-between;gap:50px}.hp-site-cta h2{max-width:720px;margin-bottom:0;font-size:39px}.hp-site-cta>div>div:last-child{display:flex;gap:10px}.hp-site-cta .hp-site-btn--ghost{border-color:#a9cbc3;background:transparent;color:var(--site-ink)!important}.hp-site-footer{padding:48px 0;background:#041f1c;color:#9eb9b2}.hp-site-footer .hp-site-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.hp-site-footer .hp-site-brand{color:#fff}.hp-site-footer p{margin:0;font-size:11px}.hp-site-footer nav{display:flex;gap:22px}.hp-site-footer nav a{color:#bcd2cd;font-size:11px}.hp-site-footer .hp-site-container>small{grid-column:1/4;padding-top:25px;border-top:1px solid rgba(255,255,255,.09);font-size:9px}
.hp-site-page-hero{position:relative;padding:150px 0 58px;background:radial-gradient(circle at 76% 22%,rgba(64,190,157,.23),transparent 31%),linear-gradient(135deg,#052e2a,#07453e 62%,#075b4e);color:#fff;text-align:center}.hp-site-page-hero .hp-site-eyebrow{justify-content:center}.hp-site-page-hero h1{margin:18px auto 0;max-width:640px;color:#fff;font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-.04em}.hp-site-page-hero p{max-width:560px;margin:14px auto 0;color:#bfddd6;font-size:14px;line-height:1.7}
.hp-site-contact{padding:90px 0}.hp-site-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.hp-site-contact-info{display:grid;gap:18px;align-content:start}.hp-site-contact-item{display:flex;gap:14px;padding:20px;border:1px solid var(--site-line);border-radius:16px;background:#f8fbfa}.hp-site-contact-item i{display:grid;place-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#e5f7f1;color:var(--site-green);font-size:18px}.hp-site-contact-item strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7c928d;font-weight:800}.hp-site-contact-item span{display:block;margin-top:4px;color:var(--site-ink);font-size:14px;font-weight:700;word-break:break-word}.hp-site-contact-map{margin-top:18px;border-radius:16px;overflow:hidden;border:1px solid var(--site-line)}.hp-site-contact-map img{width:100%;display:block}.hp-site-contact-form{padding:32px;border:1px solid var(--site-line);border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(15,61,53,.06)}.hp-site-contact-form h2{margin:0 0 22px;font-size:22px;color:var(--site-ink)}.hp-site-field{margin-bottom:16px}.hp-site-field label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#3f5e59}.hp-site-field input,.hp-site-field textarea{width:100%;padding:13px 15px;border:1px solid var(--site-line);border-radius:11px;font-size:13px;color:var(--site-ink);font-family:inherit;background:#fff}.hp-site-field textarea{min-height:120px;resize:vertical}.hp-site-field input:focus,.hp-site-field textarea:focus{outline:none;border-color:var(--site-green)}.hp-site-contact-form button.hp-site-btn{width:100%;border:0;cursor:pointer}
.hp-site-blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:70px 0}.hp-site-blog-card{border:1px solid var(--site-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 13px 40px rgba(15,61,53,.06)}.hp-site-blog-card img{width:100%;height:210px;object-fit:cover;display:block}.hp-site-blog-card-body{padding:22px}.hp-site-blog-card-body span{color:var(--site-green);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hp-site-blog-card-body h3{margin:10px 0 14px;font-size:18px;line-height:1.35}.hp-site-blog-card-body h3 a{color:var(--site-ink)}.hp-site-blog-card-body a.hp-site-readmore{color:var(--site-green);font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.hp-site-blog-grid+*{grid-column:1/3}
.hp-site-blog-detail{padding:90px 0}.hp-site-blog-detail-grid{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:start}.hp-site-blog-detail-main img{width:100%;border-radius:18px;margin-bottom:26px}.hp-site-blog-detail-main .hp-site-blog-meta{color:var(--site-green);font-size:12px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:6px}.hp-site-blog-detail-main h1{font-size:clamp(26px,3vw,36px);margin:0 0 20px;letter-spacing:-.03em;color:var(--site-ink)}.hp-site-blog-sidebar{padding:24px;border:1px solid var(--site-line);border-radius:18px;background:#f8fbfa;position:sticky;top:100px}.hp-site-blog-sidebar h4{margin:0 0 16px;font-size:14px;color:var(--site-ink)}.hp-site-blog-sidebar-item{display:flex;gap:12px;margin-bottom:14px}.hp-site-blog-sidebar-item:last-child{margin-bottom:0}.hp-site-blog-sidebar-item img{width:64px;height:64px;object-fit:cover;border-radius:10px;flex:0 0 64px}.hp-site-blog-sidebar-item a{color:var(--site-ink);font-size:12px;font-weight:700;line-height:1.4}.hp-site-blog-sidebar-item small{display:block;margin-top:4px;color:#8a9b98;font-size:10px}
.hp-site-prose{padding:80px 0;max-width:820px;margin:0 auto;color:#3f5e59;font-size:15px;line-height:1.85}.hp-site-prose h1,.hp-site-prose h2,.hp-site-prose h3{color:var(--site-ink);margin:34px 0 14px;font-weight:800;letter-spacing:-.02em}.hp-site-prose h1{font-size:26px}.hp-site-prose h2{font-size:22px}.hp-site-prose h3{font-size:18px}.hp-site-prose p{margin:0 0 16px}.hp-site-prose ul,.hp-site-prose ol{margin:0 0 16px;padding-left:22px}.hp-site-prose a{color:var(--site-green);text-decoration:underline}
@media(max-width:900px){.hp-site-contact-grid,.hp-site-blog-detail-grid{grid-template-columns:1fr;gap:35px}.hp-site-blog-grid{grid-template-columns:1fr}.hp-site-prose{padding:55px 0 0}}
@media(max-width:900px){.hp-site-header{height:70px}.hp-site-container{width:min(100% - 28px,680px)}.hp-site-brand span{display:none}.hp-site-menu{display:block}.hp-site-links{display:none;position:absolute;top:70px;left:14px;right:14px;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid var(--site-line);border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(4,46,40,.14)}.hp-site-links.is-open{display:flex}.hp-site-actions .hp-site-text-btn{display:none}.hp-site-actions{gap:0}.hp-site-hero{padding:125px 0 70px}.hp-site-hero-grid,.hp-site-checkout-grid,.hp-site-security{grid-template-columns:1fr;gap:55px}.hp-site-methods .hp-site-container{align-items:flex-start;flex-direction:column}.hp-site-methods .hp-site-container>div{justify-content:flex-start}.hp-site-section{padding:75px 0}.hp-site-checkout{padding:75px 0}.hp-site-phone{width:min(100%,420px);margin:auto}.hp-site-cta .hp-site-container{align-items:flex-start;flex-direction:column}.hp-site-footer .hp-site-container{grid-template-columns:1fr}.hp-site-footer .hp-site-container>small{grid-column:auto}.hp-site-footer nav{flex-wrap:wrap}}
@media(max-width:575px){.hp-site-container{width:calc(100% - 28px)}.hp-site-actions .hp-site-btn{min-height:38px;padding:0 12px;font-size:10px}.hp-site-hero h1{font-size:40px}.hp-site-hero-copy>p{font-size:14px}.hp-site-hero-actions{align-items:stretch;flex-direction:column}.hp-site-trust{gap:11px}.hp-site-console{padding:14px}.hp-site-volume strong{font-size:25px}.hp-site-metrics{grid-template-columns:1fr}.hp-site-feature-grid,.hp-site-security-grid{grid-template-columns:1fr}.hp-site-feature-wide{grid-column:auto;grid-template-columns:1fr;gap:25px}.hp-site-feature-grid article{padding:25px}.hp-site-checkout-grid{gap:45px}.hp-site-cta h2{font-size:31px}.hp-site-cta>div>div:last-child{width:100%;align-items:stretch;flex-direction:column}}

/* Developer documentation */
.hp-docs{--doc-ink:#092c28;--doc-green:#50ad5c;--doc-line:#dce9e6;min-height:100vh;background:#fff;color:var(--doc-ink);font-family:Inter,Poppins,sans-serif}.hp-docs *{box-sizing:border-box}.hp-docs a{text-decoration:none}.hp-docs-container{width:min(1180px,calc(100% - 48px));margin:auto}.hp-docs-header{position:fixed;z-index:1000;inset:0 0 auto;height:72px;border-bottom:1px solid var(--doc-line);background:rgba(255,255,255,.95);backdrop-filter:blur(15px)}.hp-docs-header .hp-docs-container{display:flex;align-items:center;height:100%;gap:18px}.hp-docs-divider{width:1px;height:27px;background:var(--doc-line)}.hp-docs-header .hp-docs-container>b{font-size:12px}.hp-docs-header nav{display:flex;align-items:center;gap:25px;margin-left:auto}.hp-docs-header nav>a:not(.hp-site-btn){color:#48635e;font-size:12px;font-weight:700}.hp-docs-hero{padding:137px 0 68px;background:radial-gradient(circle at 78% 10%,rgba(77,208,173,.25),transparent 28%),linear-gradient(135deg,#052e2a,#075147);color:#fff}.hp-docs-hero span,.hp-docs-kicker{color:#73dfc1;font-size:9px;font-weight:850;letter-spacing:.15em}.hp-docs-hero h1{margin:15px 0;color:#fff;font-size:clamp(39px,5vw,58px);font-weight:800;letter-spacing:-.05em}.hp-docs-hero p{max-width:720px;margin:0;color:#b9d8d0;font-size:15px;line-height:1.75}.hp-docs-hero .hp-docs-container>div{display:flex;gap:10px;margin-top:28px}.hp-docs-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;padding-top:64px;padding-bottom:100px}.hp-docs-layout aside{position:sticky;top:104px;align-self:start;display:flex;flex-direction:column;padding-right:25px;border-right:1px solid var(--doc-line)}.hp-docs-layout aside small{margin:22px 0 8px;color:#91a29e;font-size:8px;font-weight:850;letter-spacing:.13em}.hp-docs-layout aside small:first-child{margin-top:0}.hp-docs-layout aside a{padding:8px 11px;border-radius:8px;color:#536c67;font-size:11px;font-weight:650}.hp-docs-layout aside a:hover,.hp-docs-layout aside a.active{background:#eaf7f3;color:var(--doc-green)}.hp-docs-layout main section{padding:0 0 60px;margin:0 0 60px;border-bottom:1px solid #e5ecea;scroll-margin-top:100px}.hp-docs-layout main section:last-child{border:0}.hp-docs-layout h2{margin:10px 0 13px;color:var(--doc-ink);font-size:31px;font-weight:800;letter-spacing:-.035em}.hp-docs-layout p{color:#617772;font-size:13px;line-height:1.8}.hp-docs-layout code{padding:2px 5px;border-radius:5px;background:#edf5f3;color:#176b5d}.hp-docs-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:28px}.hp-docs-flow>div{display:flex;align-items:center;gap:11px;padding:16px;border:1px solid var(--doc-line);border-radius:13px}.hp-docs-flow>div>b{display:grid;place-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#e4f7f1;color:var(--doc-green)}.hp-docs-flow strong,.hp-docs-flow small{display:block}.hp-docs-flow strong{font-size:10px}.hp-docs-flow small{margin-top:3px;color:#849691;font-size:8px}.hp-docs-flow>i{color:#84a49d}.hp-docs-env{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:23px}.hp-docs-env article{padding:20px;border:1px solid var(--doc-line);border-radius:14px;background:#fafcfb}.hp-docs-env article>span{display:inline-block;margin-bottom:13px;padding:5px 8px;border-radius:6px;background:#dff6ef;color:#087963;font-size:8px;font-weight:850}.hp-docs-env code{display:block;overflow:auto;padding:11px;background:#082e2a;color:#a9ead8;white-space:nowrap}.hp-docs-env p{margin:12px 0 0;font-size:10px}.hp-code{overflow:hidden;margin-top:24px;border-radius:16px;background:#061f1c;color:#d7eee8;box-shadow:0 17px 40px rgba(7,41,36,.14)}.hp-code>div{display:flex;justify-content:space-between;align-items:center;padding:11px 17px;border-bottom:1px solid rgba(255,255,255,.08);color:#81afa4;font-size:8px;font-weight:800}.hp-code button{border:0;background:transparent;color:#a8cec5;font-size:9px}.hp-code pre{overflow:auto;margin:0;padding:23px;color:#cae5de;font-size:11px;line-height:1.75}.hp-code code{padding:0;background:none;color:inherit}.hp-docs-note{display:flex;gap:11px;margin-top:15px;padding:15px;border:1px solid #bfdfd7;border-radius:12px;background:#f0faf7}.hp-docs-note i{color:var(--doc-green);font-size:20px}.hp-docs-note p{margin:0;font-size:10px}.hp-docs-checks{display:grid;gap:10px;padding:0;list-style:none;color:#4c6761;font-size:12px}.hp-docs-checks i{margin-right:8px;color:#079177}.hp-docs-pills{display:flex;flex-wrap:wrap;gap:9px}.hp-docs-pills span{padding:10px 14px;border:1px solid var(--doc-line);border-radius:9px;font-size:11px;font-weight:800}.hp-docs-pills small{margin-left:4px;color:#829590;font-weight:500}.hp-docs-footer{padding:25px 0;background:#061f1c;color:#91aca5;font-size:10px}.hp-docs-footer .hp-docs-container{display:flex;justify-content:space-between}.hp-docs-footer a{color:#71dfc0}.hp-docs-endpoints{display:grid;gap:8px;margin-top:22px}.hp-docs-endpoints>div{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--doc-line);border-radius:10px;background:#fafcfb}.hp-docs-endpoints code{flex:0 0 auto;background:none;padding:0;color:var(--doc-ink);font-size:12px;font-weight:700}.hp-docs-endpoints small{margin-left:auto;color:#849691;font-size:10px;text-align:right}.hp-docs-method{flex:0 0 52px;padding:4px 0;border-radius:6px;background:#e4f7f1;color:var(--doc-green);font-size:9px;font-weight:850;text-align:center;letter-spacing:.04em}.hp-docs-method--post{background:#e6f0ff;color:#2a5cc7}.hp-docs-method--put{background:#fdf1dc;color:#b3760b}.hp-docs-method--delete{background:#fbe7e7;color:#c23a3a}
@media(max-width:800px){.hp-docs-container{width:calc(100% - 28px)}.hp-docs-header .hp-site-brand span,.hp-docs-divider,.hp-docs-header .hp-docs-container>b,.hp-docs-header nav>a:not(.hp-site-btn){display:none}.hp-docs-layout{grid-template-columns:1fr;padding-top:45px}.hp-docs-layout aside{display:none}.hp-docs-flow{grid-template-columns:1fr}.hp-docs-flow>i{display:none}.hp-docs-env{grid-template-columns:1fr}.hp-docs-hero .hp-docs-container>div{align-items:stretch;flex-direction:column}.hp-docs-footer .hp-docs-container{gap:12px;flex-direction:column}}