/* The app copies' CSS, kept by hand: the files landing-rebuild/integrate/build.py writes, in cascade order.
   Every rule is under a bx- class, so nothing here touches the page's own. */
@font-face {
  font-family: "BX Inter";
  src: url("fonts/inter.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "BX Naira";
  src: url("fonts/naira.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: block;
  unicode-range: U+20A6;
}

:root {
  --bx-font: "BX Naira", "BX Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --bx-bg: #f2f2f2;
  --bx-side: #ffffff;
  --bx-side-line: #e3e3e3;
  --bx-surface: #ffffff;
  --bx-surface2: #efefef;
  --bx-surface3: #e4e4e4;
  --bx-line: #e8e8e8;
  --bx-line2: #d8d8d8;
  --bx-text: #181818;
  --bx-text-hi: #000000;
  --bx-text2: #545454;
  --bx-text3: #6b6b6b;
  --bx-text4: #9e9e9e;
  --bx-ink: #0a0a0a;
  --bx-on-ink: #ffffff;
  --bx-selected: #ebebeb;
  --bx-seg-on: #ffffff;
  --bx-bar: #ffffff;
  --bx-input: #ffffff;
  --bx-well: #e9e9e9;

  --bx-paid-text: #1b5e20;
  --bx-paid-fill: #e6f4ec;
  --bx-due-text: #b71c1c;
  --bx-due-fill: #fbeaea;
  --bx-part-text: #8a4b00;
  --bx-part-fill: #fdf3dc;

  --bx-attend-on: #9cc9af;
  --bx-attend-late: #e9a23b;
  --bx-attend-absent: #c8322b;

  --bx-chart-grid: #dedede;
  --bx-chart-base: #cacaca;

  --bx-on-ink-72: rgba(255, 255, 255, .72);
  --bx-on-ink-70: rgba(255, 255, 255, .7);
  --bx-on-ink-12: rgba(255, 255, 255, .12);

  --bx-shadow: 0 12px 30px rgba(24, 24, 24, .1412);
  --bx-paper-shadow: 0 10px 30px rgba(24, 24, 24, .1608);
}

.bx {
  font-family: var(--bx-font);
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 18px;
  letter-spacing: -0.012em;
  word-spacing: normal;
  color: var(--bx-text);
  text-align: left;
  text-transform: none;
  text-decoration: none;
  white-space: normal;
  font-kerning: normal;
  font-optical-sizing: auto;
  font-synthesis: none;
  font-feature-settings: normal;
  font-variant-numeric: normal;
  font-variation-settings: normal;

  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  user-select: none;
}
.bx, .bx *, .bx *::before, .bx *::after { box-sizing: border-box; }
.bx :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, blockquote, dl, dd, table, th, td, button, small, b, strong) {
  margin: 0; padding: 0; border: 0; font: inherit; letter-spacing: inherit; color: inherit; background: none;
}
.bx :where(svg) { display: block; flex: none; }
.bx-i { display: block; flex: none; }

.bx-t-page-title, .bx-t-page-sub, .bx-t-nav, .bx-t-nav-section, .bx-t-table-head, .bx-t-field-label,
.bx-t-row-title, .bx-t-row-sub, .bx-t-row-amount, .bx-t-phone-title {
  position: relative;
}
.bx-t-page-title    { font-size: 30px;   font-weight: 700; line-height: 35px; letter-spacing: -0.01em;  top: 0; }
.bx-t-page-sub      { font-size: 13px;   font-weight: 400; line-height: 17px; letter-spacing: -0.012em; top: 0; }
.bx-t-nav           { font-size: 14px;   font-weight: 500; line-height: 18px; letter-spacing: -0.008em; top: 0; }
.bx-t-nav-section   { font-size: 10.5px; font-weight: 600; line-height: 14px; letter-spacing: 0.07em;   top: 1px; text-transform: uppercase; }
.bx-t-table-head    { font-size: 11px;   font-weight: 600; line-height: 14px; letter-spacing: 0.05em;   top: 0; text-transform: uppercase; }
.bx-t-field-label   { font-size: 13px;   font-weight: 600; line-height: 17px; letter-spacing: -0.003em; top: 0; }
.bx-t-row-title     { font-size: 14px;   font-weight: 600; line-height: 18px; letter-spacing: -0.003em; top: 0; }
.bx-t-row-sub       { font-size: 12px;   font-weight: 400; line-height: 16px; letter-spacing: -0.012em; top: 0; }
.bx-t-row-amount    { font-size: 13.5px; font-weight: 600; line-height: 18px; letter-spacing: -0.01em;  top: 0; font-variant-numeric: tabular-nums; }
.bx-t-phone-title   { font-size: 28px;   font-weight: 700; line-height: 32px; letter-spacing: -0.01em;  top: 0; }

.bx-sans    { --bx-trk: 0em; --bx-c: -0.012em; font-weight: 400; line-height: 18px; letter-spacing: calc(var(--bx-trk) + var(--bx-c)); position: relative; }
.bx-display { --bx-trk: 0em; --bx-c: 0em;      font-weight: 700; line-height: 22px; letter-spacing: calc(var(--bx-trk) + var(--bx-c)); position: relative; }
.bx-w500 { font-weight: 500; }
.bx-w600 { font-weight: 600; }
.bx-sans.bx-w500 { --bx-c: -0.008em; }
.bx-sans.bx-w600 { --bx-c: -0.003em; }

.bx-sans.bx-s10   { font-size: 10px;   line-height: 13px; top: 0; }
.bx-sans.bx-s10-5 { font-size: 10.5px; line-height: 14px; top: 1px; }
.bx-sans.bx-s11   { font-size: 11px;   line-height: 14px; top: 0; }
.bx-sans.bx-s12   { font-size: 12px;   line-height: 16px; top: 0; }
.bx-sans.bx-s12-5 { font-size: 12.5px; line-height: 16px; top: 1px; }
.bx-sans.bx-s13   { font-size: 13px;   line-height: 17px; top: 0; }
.bx-sans.bx-s13-5 { font-size: 13.5px; line-height: 18px; top: 0; }
.bx-sans.bx-s14   { font-size: 14px;   line-height: 18px; top: 0; }
.bx-sans.bx-s15   { font-size: 15px;   line-height: 20px; top: 0; }

.bx-display.bx-s15 { font-size: 15px; line-height: 18px; top: 0; }
.bx-display.bx-s17 { font-size: 17px; line-height: 20px; top: 0; }
.bx-display.bx-s18 { font-size: 18px; line-height: 22px; top: 0; }
.bx-display.bx-s22 { font-size: 22px; line-height: 26px; top: 0; }
.bx-display.bx-s26 { font-size: 26px; line-height: 31px; top: 0;  --bx-c: 0.01em; }

.bx-tnum { font-variant-numeric: tabular-nums; }
.bx-sans.bx-tnum    { --bx-c: -0.01em; }
.bx-display.bx-tnum { --bx-c: -0.02em; }

.bx-nowrap { white-space: nowrap; }
.bx-clip { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.bx-c-text  { color: var(--bx-text); }
.bx-c-text2 { color: var(--bx-text2); }
.bx-c-text3 { color: var(--bx-text3); }
.bx-c-text4 { color: var(--bx-text4); }
.bx-c-paid  { color: var(--bx-paid-text); }
.bx-c-due   { color: var(--bx-due-text); }
.bx-c-part  { color: var(--bx-part-text); }

.bx-card {
  background: var(--bx-surface);
  border: 1px solid var(--bx-line);
  border-radius: 16px;
  padding: 16px;
  min-width: 0;
}
.bx-card--flush { padding: 0; overflow: hidden; }

.bx-card-head { display: flex; align-items: center; gap: 12px; min-width: 0; }
.bx-card-title {
  flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  position: relative; top: 0;
  font-size: 18px; font-weight: 600; line-height: 22px; letter-spacing: 0; color: var(--bx-text);
}

.bx-link {
  display: inline-flex; align-items: center; gap: 2px; flex: none; min-width: 0;
  font-size: 13px; font-weight: 500; line-height: 17px; letter-spacing: -0.008em; color: var(--bx-text-hi);
  white-space: nowrap; text-decoration: none;
}
.bx-link > span { position: relative; top: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.bx-kpi {
  --kpi-label: 14px;  --kpi-label-lh: 18px;  --kpi-label-n: 0;
  --kpi-value: 28px;  --kpi-value-lh: 34px;  --kpi-value-n: 0;
  --kpi-sub: 12px;    --kpi-sub-lh: 16px;    --kpi-sub-n: 0;
  --kpi-gap: 16px;
  --kpi-sub-gap: 2px;
  display: flex; flex-direction: column; align-items: flex-start; min-width: 0;
  padding: 18px 20px;
  background: var(--bx-surface);
  border: 1px solid var(--bx-line);
  border-radius: 16px;
}
.bx-kpi-head { display: flex; align-items: center; gap: 10px; align-self: stretch; min-width: 0; }
.bx-kpi-icon {
  width: 34px; height: 34px; flex: none; display: grid; place-items: center;
  border-radius: 10px; background: var(--bx-surface2); color: var(--bx-text-hi);
}
.bx-kpi-label {
  flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  position: relative; top: var(--kpi-label-n);
  font-size: var(--kpi-label); font-weight: 500; line-height: var(--kpi-label-lh); letter-spacing: -0.008em;
  color: var(--bx-text2);
}
.bx-kpi-value {
  margin-top: var(--kpi-gap); max-width: 100%; white-space: nowrap;
  position: relative; top: var(--kpi-value-n);
  font-size: var(--kpi-value); font-weight: 700; line-height: var(--kpi-value-lh); letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums; color: var(--bx-text);
}
.bx-kpi-sub {
  margin-top: var(--kpi-sub-gap); align-self: stretch; min-width: 0; overflow: hidden;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  position: relative; top: var(--kpi-sub-n);
  font-size: var(--kpi-sub); font-weight: 400; line-height: var(--kpi-sub-lh); letter-spacing: -0.012em;
  color: var(--bx-text3);
}
.bx-kpi-sub--one { display: block; white-space: nowrap; text-overflow: ellipsis; }

.bx-kpi-sub b { font-weight: 600; color: var(--bx-text2); }
.bx-kpi-sub .bx-up { color: var(--bx-paid-text); }
.bx-kpi-sub .bx-late { color: var(--bx-due-text); }
.bx-kpi--accent .bx-kpi-value { color: var(--bx-text-hi); }

.bx-kpi--ink { background: var(--bx-ink); border-color: var(--bx-ink); }
.bx-kpi--ink .bx-kpi-icon { background: var(--bx-on-ink-12); color: var(--bx-on-ink); }
.bx-kpi--ink .bx-kpi-label { color: var(--bx-on-ink); font-weight: 600; letter-spacing: -0.003em; }
.bx-kpi--ink .bx-kpi-value { color: var(--bx-on-ink); }
.bx-kpi--ink .bx-kpi-sub { color: var(--bx-on-ink-72); }
.bx-kpi--ink .bx-kpi-sub b { color: var(--bx-on-ink); }

.bx-kpi--compact {
  --kpi-label: 12px;   --kpi-label-lh: 16px;  --kpi-label-n: 0;
  --kpi-value: 20px;   --kpi-value-lh: 24px;  --kpi-value-n: 0;
  --kpi-sub: 11.5px;   --kpi-sub-lh: 15px;    --kpi-sub-n: 1px;
  --kpi-gap: 6px;
  padding: 12px 14px;
}

.bx-pill {
  display: inline-flex; align-items: center; gap: 6px; flex: none; max-width: 100%;
  height: 24px; padding: 0 10px; border-radius: 999px;
  background: var(--bx-surface2); color: var(--bx-text2);
  font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: -0.003em; white-space: nowrap;
}
.bx-pill > span { position: relative; top: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.bx-pill--sm { height: 20px; padding: 0 8px; font-size: 11px; line-height: 14px; }
.bx-pill--sm > span { top: 0; }
.bx-pill--dot::before { content: ""; width: 6px; height: 6px; flex: none; border-radius: 50%; background: currentColor; }
.bx-pill--paid   { background: var(--bx-paid-fill); color: var(--bx-paid-text); }
.bx-pill--part   { background: var(--bx-part-fill); color: var(--bx-part-text); }
.bx-pill--due    { background: var(--bx-due-fill);  color: var(--bx-due-text); }

.bx-dot { display: inline-block; width: 7px; height: 7px; flex: none; border-radius: 50%; background: currentColor; }
.bx-dot--10 { width: 10px; height: 10px; }

.bx-av {
  width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 50%;
  padding-top: 0;
  background: var(--bx-surface2); color: var(--bx-text);
  font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0; white-space: nowrap;
}
.bx-av--44 { width: 44px; height: 44px; font-size: 13px; line-height: 17px; padding-top: 0; }
.bx-av--ink { background: var(--bx-ink); color: var(--bx-on-ink); }

.bx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: none; min-width: 0;
  height: 40px; padding: 0 16px; border-radius: 10px; border: 0;
  font-size: 14px; font-weight: 600; line-height: 18px; letter-spacing: -0.003em; white-space: nowrap;
  background: transparent; color: var(--bx-text);
}
.bx-btn > span { position: relative; top: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.bx-btn--block { display: flex; width: 100%; }
.bx-btn--ink { background: var(--bx-ink); color: var(--bx-on-ink); }
.bx-btn--outline { border: 1px solid var(--bx-line2); color: var(--bx-text); }

.bx-iconbtn {
  width: 36px; height: 36px; flex: none; display: grid; place-items: center;
  border-radius: 10px; border: 0; background: transparent; color: var(--bx-text2);
}
.bx-iconbtn--40 { width: 40px; height: 40px; }
.bx-iconbtn--44 { width: 44px; height: 44px; border-radius: 14px; }
.bx-iconbtn--filled { background: var(--bx-surface2); }
.bx-iconbtn--bordered { border: 1px solid var(--bx-line2); }

.bx-chip {
  display: inline-flex; align-items: center; gap: 8px; flex: none; max-width: 320px;
  height: 34px; padding: 0 14px; border-radius: 999px;
  background: var(--bx-surface2); color: var(--bx-text);
  font-size: 13.5px; font-weight: 500; line-height: 18px; letter-spacing: -0.008em; white-space: nowrap;
}
.bx-chip > span { position: relative; top: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.bx-chip--on { background: var(--bx-ink); color: var(--bx-on-ink); font-weight: 600; letter-spacing: -0.003em; }
.bx-chip > .bx-chip-count {
  flex: none; top: 0;
  font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: -0.01em; font-variant-numeric: tabular-nums;
  color: var(--bx-text3);
}
.bx-chip > .bx-chip-count--warn { color: var(--bx-due-text); }
.bx-chip--on > .bx-chip-count { color: var(--bx-on-ink-70); }

.bx-iconbox {
  width: 36px; height: 36px; flex: none; display: grid; place-items: center;
  border-radius: 10px; background: var(--bx-surface2); color: var(--bx-text-hi);
}
.bx-iconbox--34 { width: 34px; height: 34px; }
.bx-iconbox--round { border-radius: 50%; }
.bx-iconbox--on-ink { background: var(--bx-on-ink-12); color: var(--bx-on-ink); }

.bx-note {
  display: flex; align-items: flex-start; gap: 10px; min-width: 0;
  padding: 12px 14px; border-radius: 12px; background: var(--bx-surface2); color: var(--bx-text-hi);
}
.bx-note > .bx-i { margin-top: 1px; }
.bx-note > span {
  flex: 1 1 auto; min-width: 0; position: relative; top: 0;
  font-size: 13px; font-weight: 400; line-height: 19px; letter-spacing: -0.012em; color: var(--bx-text2);
}

.bx-equal { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); align-items: start; }

.bx-rule { display: block; height: 1px; flex: none; align-self: stretch; margin: 0; border: 0; background: var(--bx-line); }

.bx-tiles { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
.bx-tile {
  flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-start;
  padding: 10px 12px; border-radius: 12px; background: var(--bx-surface2);
}
.bx-tile-label {
  align-self: stretch; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  position: relative; top: 0;
  font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: -0.012em; color: var(--bx-text3);
}
.bx-tile-value {
  margin-top: 2px; max-width: 100%; white-space: nowrap;
  position: relative; top: 0;
  font-size: 17px; font-weight: 600; line-height: 20px; letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
  color: var(--bx-text);
}
.bx-tile--part   { background: var(--bx-part-fill); }
.bx-tile--part   .bx-tile-label, .bx-tile--part .bx-tile-value { color: var(--bx-part-text); }

.bx-seg { display: inline-flex; align-items: center; gap: 2px; flex: none; padding: 3px; border-radius: 12px; background: var(--bx-surface2); }
.bx-seg-item {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  height: var(--seg-h, 38px); padding: 0 16px; border-radius: 9px;
  font-size: 13.5px; font-weight: 600; line-height: 18px; letter-spacing: -0.003em; white-space: nowrap;
  color: var(--bx-text2);
}
.bx-seg-item > span { position: relative; top: 0; }
.bx-seg-item--on { background: var(--bx-seg-on); color: var(--bx-text); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.bx-seg--expand { display: flex; }
.bx-seg--expand .bx-seg-item { flex: 1 1 0; min-width: 0; }

.bx-search {
  display: flex; align-items: center; gap: 8px; min-width: 0;
  height: 38px; padding: 0 12px; border-radius: 10px; background: var(--bx-surface2); color: var(--bx-text3);
}
.bx-search > span {
  flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  position: relative; top: 0;
  font-size: 13.5px; font-weight: 400; line-height: 18px; letter-spacing: -0.012em;
}

.bx-hero { position: relative; overflow: hidden; background: var(--bx-bg); }
.bx-hero .bx-hero-at { position: absolute; }

.bx-hero-laptop { width: 1440px; height: 900px; }

.bx-hero-side {
  position: absolute; left: 0; top: 0; width: 236px; height: 900px;
  padding: 24px 14px 16px; display: flex; flex-direction: column;
  background: var(--bx-side); border-right: 1px solid var(--bx-side-line);
}
.bx-hero-side > * { width: 208px; flex: none; }
.bx-hero-brand { display: flex; align-items: center; height: 36px; padding: 0 10px; margin-bottom: 6px; }
.bx-hero-brand > .bx-i { color: var(--bx-text3); margin-left: 8px; }
.bx-hero-brand-words { flex: 1 1 auto; min-width: 0; margin-left: 10px; }
.bx-hero-brand-name {
  font-size: 19px; font-weight: 700; line-height: 19px; letter-spacing: -0.01em; color: var(--bx-text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bx-hero-brand-plan {
  margin-top: 3px; font-size: 11px; font-weight: 400; line-height: 14px; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--bx-text3); white-space: nowrap;
}

.bx-hero-mark {
  width: 24px; height: 24px; flex: none; display: grid; place-items: center; border-radius: 7px;
  background: var(--bx-ink); color: var(--bx-on-ink);
  font-size: 13px; font-weight: 700; line-height: 17px; letter-spacing: 0;
}
.bx-hero-mark--20 { width: 20px; height: 20px; border-radius: 6px; font-size: 11px; line-height: 14px; }

.bx-hero-nav { flex: 1 1 0 !important; min-height: 0; position: relative; overflow: hidden; }
.bx-hero-nav-head { padding: 18px 12px 6px; color: var(--bx-text3); white-space: nowrap; }
.bx-hero-nav-head:not(:first-child) { margin-top: 2px; }
.bx-hero-link {
  display: flex; align-items: center; height: 40px; margin-top: 2px; padding: 0 12px; border-radius: 10px;
  color: var(--bx-text2);
}
.bx-hero-link > .bx-i { margin-right: 12px; }
.bx-hero-link > .bx-t-nav { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; }
.bx-hero-link--on { background: var(--bx-ink); color: var(--bx-on-ink); }
.bx-hero-link--on > .bx-t-nav { font-weight: 600; letter-spacing: -0.003em; }
.bx-hero-link-count { margin-left: 8px; color: var(--bx-text3); }
.bx-hero-nav-fade {
  position: absolute; left: 0; right: 0; bottom: 0; height: 24px;
  background: linear-gradient(rgba(255, 255, 255, 0), var(--bx-side));
}
.bx-hero-foot-rule { height: 12px; border-top: 1px solid var(--bx-side-line); }
.bx-hero-user { display: flex; align-items: center; padding: 10px; border-radius: 12px; background: var(--bx-surface); }
.bx-hero-user-words { flex: 1 1 auto; min-width: 0; margin: 0 10px; }

.bx-hero-head {
  position: absolute; left: 236px; top: 0; width: 1204px; height: 88px; padding: 0 32px;
  display: flex; align-items: center; gap: 10px;
}
.bx-hero-head > .bx-iconbtn { margin-right: 6px; }
.bx-hero-head-words { flex: 1 1 auto; min-width: 0; }
.bx-hero-head-words > .bx-t-page-title { margin-top: 2px; color: var(--bx-text); white-space: nowrap; }

.bx-hero .bx-kpi { position: absolute; height: 140px; }

.bx-hero-col { display: flex; flex-direction: column; }
.bx-hero-col > * { flex: none; }

.bx-hero-chart-head { display: flex; align-items: center; }
.bx-hero-chart-head > .bx-card-title { flex: 1 1 auto; }
.bx-hero-key { display: flex; align-items: center; flex: none; margin-left: 12px; }
.bx-hero-legend { display: flex; align-items: center; gap: 16px; color: var(--bx-text2); }
.bx-hero-legend > span { display: flex; align-items: center; }
.bx-hero-legend .bx-dot { margin-right: 6px; }
.bx-hero-range { display: flex; align-items: center; gap: 4px; color: var(--bx-text3); margin-left: 16px; }
.bx-hero-plot { position: relative; }
.bx-hero-guide, .bx-hero-base { position: absolute; display: block; }
.bx-hero-bars { position: absolute; left: 0; top: 0; }
.bx-hero-guide {
  left: 0; right: 0; height: 1px;
  background: repeating-linear-gradient(90deg, var(--bx-chart-grid) 0 3px, transparent 3px 5px);
}
.bx-hero-base { left: 0; right: 0; height: 1px; background: var(--bx-chart-base); }
.bx-hero-axis { position: absolute; left: 0; padding-right: 6px; background: var(--bx-surface); color: var(--bx-text3); white-space: nowrap; }
.bx-hero-months { position: relative; }
.bx-hero-months > span { position: absolute; top: 0; width: 80px; text-align: center; white-space: nowrap; color: var(--bx-text2); }
.bx-hero-months > .bx-hero-now { font-weight: 600; letter-spacing: -0.003em; color: var(--bx-text); }

.bx-hero-owe { display: flex; align-items: center; height: 54px; border-bottom: 1px solid var(--bx-line); }
.bx-hero-owe-words { flex: 1 1 auto; min-width: 0; margin: 0 12px; }
.bx-hero-owe-words > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bx-hero-owe-words > div + div { margin-top: 2px; }
.bx-hero-foot { display: flex; margin-top: auto; }
.bx-hero-foot > :first-child { flex: 1 1 auto; color: var(--bx-text2); }

.bx-hero-att { display: flex; align-items: center; height: 58px; box-shadow: inset 0 1px var(--bx-line); }
.bx-hero-att > .bx-av { margin: 0 1px; }
.bx-hero-att-who { flex: 100 1 0; min-width: 0; margin-left: 14px; }
.bx-hero-att-who > div + div, .bx-hero-patt-who > div + div { margin-top: 2px; }
.bx-hero-att-bar { flex: 130 1 0; min-width: 0; margin-left: 14px; }
.bx-hero-att-bar > .bx-hero-split + div { margin-top: 6px; }
.bx-hero-att-rate { width: 60px; flex: none; margin-left: 14px; text-align: right; }
.bx-hero-split { display: flex; height: 8px; border-radius: 4px; overflow: hidden; background: var(--bx-surface3); }
.bx-hero-split > span { display: block; height: 100%; flex: none; }
.bx-hero-split > span + span { margin-left: 2px; }
.bx-hero-on { background: var(--bx-attend-on); }
.bx-hero-late { background: var(--bx-attend-late); }
.bx-hero-absent { background: var(--bx-attend-absent); }
.bx-hero-good { color: var(--bx-paid-text); }
.bx-hero-mid { color: var(--bx-part-text); }

.bx-hero-tabs { display: flex; padding: 0 20px; border-bottom: 1px solid var(--bx-line2); }
.bx-hero-tab {
  height: 44px; margin-right: 18px; display: flex; align-items: center;
  border-bottom: 3px solid transparent; color: var(--bx-text3); white-space: nowrap;
}
.bx-hero-tab--on { border-bottom-color: var(--bx-ink); color: var(--bx-text); font-weight: 600; letter-spacing: -0.003em; }
.bx-hero-tx { display: flex; align-items: center; padding: 10px 20px; border-bottom: 1px solid var(--bx-line); }
.bx-hero-tx > .bx-iconbox { width: 38px; height: 38px; }
.bx-hero-tx-words { flex: 1 1 auto; min-width: 0; margin: 0 12px; }
.bx-hero-tx-words > div + div, .bx-hero-tx-end > div + div { margin-top: 2px; }
.bx-hero-tx-sub { display: flex; align-items: center; }
.bx-hero-tx-sub > .bx-hero-txdot { margin-right: 5px; }

.bx-hero .bx-link > .bx-i { margin-right: -1px; }
.bx-hero-tx-end { display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap; }

.bx-hero-phone {
  width: 412px; height: 866px; padding: 11px; border-radius: 58px; overflow: visible;
  background: #121212;
  box-shadow:
    inset 0 0 0 1px #2e2e2e,
    inset 0 0 0 2.5px #080808,
    0 1px 2px rgba(0, 0, 0, .12),
    0 24px 48px -16px rgba(0, 0, 0, .28),
    0 48px 90px -40px rgba(0, 0, 0, .35);
}
.bx-hero-phone::before, .bx-hero-phone::after {
  content: ""; position: absolute; width: 3px; background: #1c1c1c;
}

.bx-hero-phone::before {
  left: -3px; top: 124px; height: 196px; border-radius: 2px 0 0 2px;
  background: linear-gradient(#1c1c1c 0 30px, transparent 30px 62px, #1c1c1c 62px 122px,
                              transparent 122px 134px, #1c1c1c 134px 196px);
}
.bx-hero-phone::after { right: -3px; top: 214px; height: 92px; border-radius: 0 2px 2px 0; }
.bx-hero-screen {
  position: relative; width: 390px; height: 844px; overflow: hidden; border-radius: 47px;
  background: var(--bx-bg); isolation: isolate;
}

.bx-hero-ph-head { position: absolute; left: 16px; top: 20px; width: 358px; display: flex; align-items: flex-start; }
.bx-hero-ph-words { flex: 1 1 auto; min-width: 0; }
.bx-hero-ph-sub { display: flex; align-items: center; height: 20px; color: var(--bx-text3); }
.bx-hero-ph-sub > .bx-hero-mark { margin-right: 8px; }
.bx-hero-ph-words > .bx-t-phone-title { margin-top: 6px; color: var(--bx-text); white-space: nowrap; }
.bx-hero-ph-acts { display: flex; gap: 6px; margin: 4px 0 0 10px; }

.bx-hero-phone .bx-kpi { height: auto; }
.bx-hero-ph-cal { position: absolute; }

.bx-hero-ph-title { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--bx-text); }

.bx-hero-patt { padding: 10px 14px; border-top: 1px solid var(--bx-line); }
.bx-hero-patt-row { display: flex; align-items: center; }
.bx-hero-patt-who { flex: 1 1 auto; min-width: 0; margin: 0 10px; }
.bx-hero-patt-rate { width: 50px; flex: none; text-align: right; }
.bx-hero-patt .bx-hero-split { height: 6px; border-radius: 3px; margin: 7px 0 0 44px; }

.bx-hero-fab {
  position: absolute; left: 312px; top: 684px; width: 60px; height: 60px; border-radius: 50%;
  display: grid; place-items: center; background: var(--bx-ink); color: var(--bx-on-ink);
  box-shadow: 0 10px 30px rgba(10, 10, 10, .251);
}

.bx-hero-tabbar {
  position: absolute; left: 12px; top: 762px; width: 366px; height: 68px; padding: 6px;
  display: flex; gap: 2px; border-radius: 22px; border: 1px solid var(--bx-line2);
  background: var(--bx-bar); box-shadow: var(--bx-shadow);
}
.bx-hero-navtab {
  flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  border-radius: 16px; color: var(--bx-text2);
}

.bx-hero-navtab > .bx-i { margin: -.5px 0; }
.bx-hero-navtab > .bx-sans { margin-top: 3px; padding: 0 2px; white-space: nowrap; }
.bx-hero-navtab--on { background: var(--bx-ink); color: var(--bx-on-ink); }

.bx-sell { position: relative; overflow: hidden; }

.bx-sell.bx-sell-laptop { width: 1142px; height: 782px; }

.bx-sell .bx-sell-panel {
  position: absolute; right: 0; top: 0; width: 400px; height: 876px;
  display: flex; flex-direction: column;
  background: var(--bx-surface); border: 1px solid var(--bx-line); border-radius: 16px; overflow: hidden;
}
.bx-sell .bx-sell-head { flex: none; display: flex; flex-direction: column; padding: 22px 22px 18px; }

.bx-sell .bx-sell-top { display: flex; align-items: center; }
.bx-sell .bx-sell-badges { flex: 1 1 0; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }

.bx-sell .bx-sell-badges--stack { flex-direction: column; align-items: flex-start; }
.bx-sell .bx-sell-top > .bx-seg, .bx-sell .bx-sell-top > .bx-iconbtn { margin-left: 8px; }

.bx-sell .bx-sell-progress {
  display: inline-flex; align-items: center; gap: 6px; flex: none;
  height: 20px; padding: 0 10px; border-radius: 999px; background: var(--bx-surface2); color: var(--bx-text2);
}

.bx-sell .bx-sell-number { margin-top: 12px; color: var(--bx-text); white-space: nowrap; }
.bx-sell .bx-sell-who { margin-top: 4px; color: var(--bx-text2); white-space: nowrap; }

.bx-sell .bx-sell-who b { font-weight: 600; letter-spacing: -0.003em; color: var(--bx-text-hi); }
.bx-sell .bx-sell-panel .bx-tiles { margin-top: 16px; }

.bx-sell .bx-sell-profit { display: flex; align-items: center; padding-top: 10px; }
.bx-sell .bx-sell-profit > span { position: relative; top: 0; font-size: 13.5px; line-height: 18px; }
.bx-sell .bx-sell-profit-label { flex: none; color: var(--bx-text3); letter-spacing: -0.012em; }
.bx-sell .bx-sell-profit-value {
  flex: 1 1 0; min-width: 0; margin-left: 12px; text-align: right; white-space: nowrap;
  color: var(--bx-text); letter-spacing: -0.01em; font-variant-numeric: tabular-nums;
}
.bx-sell .bx-sell-pdf { margin-top: 14px; gap: 8px; }

.bx-sell .bx-sell-well {
  display: flex; justify-content: center; align-items: flex-start;
  background: var(--bx-well); border-top: 1px solid var(--bx-line);
}
.bx-sell .bx-sell-panel .bx-sell-well { flex: 1 1 auto; min-height: 0; padding: 22px 18px; }

.bx-sell .bx-sell-list {
  position: absolute; left: 0; top: 0; width: 724px; height: 880px; overflow: hidden;
  background: var(--bx-surface); border: 1px solid var(--bx-line); border-radius: 16px;
}

.bx-sell .bx-sell-tools { display: flex; align-items: flex-start; height: 108px; padding: 16px 22px; }
.bx-sell .bx-sell-pills { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.bx-sell .bx-sell-search { flex: none; width: 220px; margin: -2px 0 0 12px; }

.bx-sell .bx-sell-lrow {
  display: flex; align-items: flex-start; gap: 10px;
  height: 52px; padding: 0 22px; border-bottom: 1px solid var(--bx-line);
}
.bx-sell .bx-sell-lrow--on { background: var(--bx-selected); }
.bx-sell .bx-sell-lhead { height: 40px; border-bottom-color: var(--bx-line2); }

.bx-sell .bx-sell-lrow > div { flex: none; min-width: 0; display: flex; align-items: center; margin-top: 17px; }
.bx-sell .bx-sell-lrow > .bx-sell-c1 { width: 64px; }
.bx-sell .bx-sell-lrow > .bx-sell-c2 { width: 84px; }
.bx-sell .bx-sell-lrow > .bx-sell-c3 { flex: 1 1 0; gap: 8px; margin-top: 16px; height: 20px; }
.bx-sell .bx-sell-lrow > .bx-sell-c4 { width: 118px; margin-top: 14px; }
.bx-sell .bx-sell-lrow > .bx-sell-c5 { width: 84px; justify-content: flex-end; }
.bx-sell .bx-sell-lrow > .bx-sell-c6 { width: 92px; justify-content: flex-end; }
.bx-sell .bx-sell-lrow.bx-sell-lhead > div { margin-top: 13px; height: auto; }
.bx-sell .bx-sell-c3 > .bx-clip { flex: 0 1 auto; }

.bx-sell .bx-sell-progress--done { background: var(--bx-paid-fill); color: var(--bx-paid-text); }

.bx-sell .bx-sell-sum { position: absolute; left: 0; top: 0; width: 358px; }
.bx-sell .bx-sell-sum .bx-sell-top { gap: 12px; }
.bx-sell .bx-sell-day { flex: none; color: var(--bx-text3); white-space: nowrap; }

.bx-sell .bx-sell-person { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.bx-sell .bx-sell-person-words { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; }
.bx-sell .bx-sell-person-words > div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bx-sell .bx-sell-person-name { color: var(--bx-text); }
.bx-sell .bx-sell-quiet { color: var(--bx-text3); }
.bx-sell .bx-sell-sum .bx-tiles { margin-top: 14px; }

.bx-sell .bx-sell-card { position: absolute; left: 0; top: 236px; width: 358px; height: 1200px; display: flex; flex-direction: column; }
.bx-sell .bx-sell-switch { flex: none; padding: 12px; }
.bx-sell .bx-sell-card .bx-sell-well { flex: 1 1 auto; padding: 18px 12px; }

.bx-sell .bx-sell-paper {
  position: relative; width: 280px; flex: none;
  padding: 18px 0 22px; border-radius: 4px; background: #fff; box-shadow: var(--bx-paper-shadow);
  color: #111111; font-size: 10.5px; line-height: 16px; letter-spacing: -0.012em;
}

.bx-sell .bx-sell-r { position: relative; top: 1px; font-size: 10.5px; line-height: 16px; letter-spacing: -0.012em; }
.bx-sell .bx-sell-r10 { position: relative; top: 0; font-size: 10px; line-height: 15px; letter-spacing: -0.012em; }
.bx-sell .bx-sell-bold { font-weight: 600; letter-spacing: -0.003em; }
.bx-sell .bx-sell-num { font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }

.bx-sell .bx-sell-ribbon {
  position: absolute; left: 0; top: 0; padding: 6px 12px;
  background: linear-gradient(105.44deg, #8a4b00, #b86e0a);
  box-shadow: 3px 3px 4.46px rgba(0, 0, 0, .2);
}
.bx-sell .bx-sell-ribbon > span {
  display: block; position: relative; top: 0;
  font-size: 11px; font-weight: 700; line-height: 14px; letter-spacing: 0; color: #fff; white-space: nowrap;
}

.bx-sell .bx-sell-rhead { display: flex; flex-direction: column; align-items: center; padding: 0 16px; text-align: center; }
.bx-sell .bx-sell-logo {
  width: 52px; height: 52px; flex: none; display: grid; place-items: center;
  border-radius: 13px; background: #0a0a0a; color: #fff;
}

.bx-sell .bx-sell-logo > span { position: relative; top: 0; font-size: 23px; font-weight: 700; line-height: 28px; letter-spacing: 0; }
.bx-sell .bx-sell-rname { margin-top: 8px; position: relative; top: 0; font-size: 14px; font-weight: 700; line-height: 21px; letter-spacing: 0; }
.bx-sell .bx-sell-gap6 { margin-top: 6px; }

.bx-sell .bx-sell-rule { height: 1px; margin: 7px 0; background: #d9d9d9; }

.bx-sell .bx-sell-rrow { display: flex; align-items: flex-start; padding: 0 16px; }
.bx-sell .bx-sell-rrow > .bx-sell-k { flex: 1 1 0; min-width: 0; }
.bx-sell .bx-sell-rrow > .bx-sell-v { flex: none; max-width: 160px; margin-left: 10px; text-align: right; }
.bx-sell .bx-sell-rline { padding: 0 16px; }
.bx-sell .bx-sell-top4 { margin-top: 4px; }
.bx-sell .bx-sell-ink { color: #6a1b9a; }

.bx-sell .bx-sell-items { padding: 0 12px; }
.bx-sell .bx-sell-irow { display: flex; align-items: flex-start; gap: 4px; }
.bx-sell .bx-sell-irow > span { flex: none; white-space: nowrap; }
.bx-sell .bx-sell-irow > .bx-sell-i1 { width: 14px; }
.bx-sell .bx-sell-irow > .bx-sell-i2 { flex: 1 1 0; min-width: 0; white-space: normal; }
.bx-sell .bx-sell-irow > .bx-sell-i3 { width: 24px; text-align: center; }
.bx-sell .bx-sell-irow > .bx-sell-i4, .bx-sell .bx-sell-irow > .bx-sell-i5 { width: 52px; text-align: right; }
.bx-sell .bx-sell-irow--ink { color: #6a1b9a; }

.bx-sell .bx-sell-rtotal { display: flex; justify-content: flex-end; align-items: flex-start; gap: 10px; padding: 0 16px; }

.bx-collect {
  position: relative;
  overflow: hidden;
  background: var(--bx-bg);
}
.bx-collect.bx-collect-laptop { width: 448px; height: 524px; }
.bx-collect.bx-collect-phone { width: 358px; height: 425px; }

.bx-collect .bx-collect-at { position: absolute; }

.bx-collect .bx-kpi-value { left: -.5px; }

.bx-collect .bx-collect-owed { display: flex; flex-direction: column; padding: 22px 22px 14px; }
.bx-collect .bx-collect-rows { margin-top: 8px; }
.bx-collect .bx-collect-foot {
  display: flex; align-items: center; gap: 12px;
  margin-top: auto; padding-top: 12px;
}
.bx-collect .bx-collect-foot > :first-child { flex: 1 1 0; }

.bx-collect .bx-collect-row {
  display: flex; align-items: center; gap: 12px;
  min-height: 54px;
  border-bottom: 1px solid var(--bx-line);
}
.bx-collect .bx-collect-who { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bx-collect .bx-collect-row .bx-c-due { color: var(--bx-due-text); }

.bx-collect .bx-collect-owed--inset { padding: 0; overflow: hidden; }
.bx-collect .bx-collect-owed--inset .bx-card-head { padding: 20px 20px 10px; }
.bx-collect .bx-collect-owed--inset .bx-collect-rows { margin-top: 0; }
.bx-collect .bx-collect-owed--inset .bx-collect-row {
  padding: 0 20px;
  border-bottom: 0;
  border-top: 1px solid var(--bx-line);
}

.bx-deliver { position: relative; overflow: hidden; background: var(--bx-bg); }
.bx-deliver.bx-deliver-laptop { width: 644px; height: 448px; }
.bx-deliver.bx-deliver-phone { width: 358px; height: 439px; }

.bx-deliver .bx-deliver-tabs { display: flex; flex-wrap: wrap; gap: 8px; }

.bx-deliver .bx-deliver-lanes { display: flex; align-items: flex-start; gap: 14px; margin-top: 16px; }
.bx-deliver .bx-deliver-lane {
  flex: none; width: 248.8px;
  background: var(--bx-well); border: 1px solid var(--bx-line); border-radius: 16px;
}
.bx-deliver .bx-deliver-lane-head { display: flex; align-items: center; gap: 8px; padding: 12px 14px 8px; }
.bx-deliver .bx-deliver-lane-head > :first-child { flex: 1 1 auto; }
.bx-deliver .bx-deliver-cards { display: flex; flex-direction: column; gap: 8px; padding: 0 10px 10px; }

.bx-deliver .bx-deliver-card {
  position: relative; min-width: 0;
  background: var(--bx-surface); border-radius: 12px;
  box-shadow: inset 0 0 0 1px var(--bx-line);
}
.bx-deliver .bx-deliver-card--stack {
  box-shadow: inset 0 0 0 1px var(--bx-line), 3px 3px 0 -1px var(--bx-surface), 3px 3px 0 0 var(--bx-line2);
}
.bx-deliver .bx-deliver-head { padding: 10px 12px; }
.bx-deliver .bx-deliver-name-row { display: flex; align-items: center; gap: 8px; }
.bx-deliver .bx-deliver-name { flex: 1 1 auto; color: var(--bx-text); }
.bx-deliver .bx-deliver-meta { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; color: var(--bx-text3); }
.bx-deliver .bx-deliver-meta-row { display: flex; align-items: center; min-width: 0; }
.bx-deliver .bx-deliver-meta-left { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; }
.bx-deliver .bx-deliver-sep { white-space: pre; flex: none; }
.bx-deliver .bx-deliver-age { display: flex; align-items: center; gap: 4px; flex: 0 1 auto; min-width: 0; }
.bx-deliver .bx-deliver-count { flex: none; margin-left: 8px; color: var(--bx-text); }

.bx-deliver .bx-deliver-line {
  display: flex; align-items: center; gap: 8px;
  min-height: 48px; padding: 6px 8px 6px 12px;
}
.bx-deliver .bx-deliver-line + .bx-deliver-line { border-top: 1px solid var(--bx-line); }
.bx-deliver .bx-deliver-line-title {
  flex: 1 1 auto; min-width: 0; overflow: hidden;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  position: relative; top: 0;
  font-size: 13.5px; font-weight: 400; line-height: 18px; letter-spacing: -0.012em; color: var(--bx-text);
}
.bx-deliver .bx-deliver-moveall {
  display: flex; align-items: center; gap: 8px;
  height: 40px; padding: 0 12px; border-top: 1px solid var(--bx-line); color: var(--bx-text-hi);
}
.bx-deliver .bx-deliver-moveall > span { flex: 1 1 auto; }

.bx-deliver .bx-deliver-strip { display: flex; gap: 6px; }
.bx-deliver .bx-deliver-column { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.bx-deliver.bx-deliver-phone .bx-deliver-card { border-radius: 16px; }
.bx-deliver.bx-deliver-phone .bx-deliver-head { padding: 14px 16px 12px; }
.bx-deliver.bx-deliver-phone .bx-deliver-line { min-height: 56px; padding: 6px 10px 6px 16px; }
.bx-deliver.bx-deliver-phone .bx-deliver-line-title { font-size: 14.5px; line-height: 20px; }

.bx-count { position: relative; overflow: hidden; background: var(--bx-bg); }
.bx-count-laptop { width: 720px; height: 745px; }
.bx-count-phone { width: 358px; height: 577px; }

.bx-count .bx-count-controls { padding: 18px 20px; }

.bx-count .bx-count-range { display: flex; align-items: flex-end; justify-content: space-between; }
.bx-count .bx-count-field { width: 240px; flex: none; }
.bx-count .bx-count-field > .bx-t-field-label { margin-bottom: 7px; }

.bx-count .bx-count-box {
  display: flex; align-items: center; gap: 8px;
  height: 44px; padding: 0 14px; border: 1px solid var(--bx-line2); border-radius: 10px;
  background: var(--bx-input); color: var(--bx-text3);
}
.bx-count .bx-count-box > span { flex: 1 1 auto; color: var(--bx-text); }

.bx-count .bx-count-picks { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.bx-count .bx-count-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }

.bx-count .bx-count-kpi {
  --kpi-label: 13px; --kpi-label-lh: 17px;
  --kpi-value: 24px; --kpi-value-lh: 29px;
  --kpi-gap: 8px; --kpi-sub-gap: 4px;
  padding: 16px 18px;
}
.bx-count .bx-count-kpi .bx-kpi-sub { min-height: 16px; }

.bx-count .bx-count-fit { zoom: var(--fit); margin-top: calc(var(--kpi-gap) / var(--fit)); }

.bx-count .bx-count-note { margin-top: 14px; }

.bx-count .bx-kpi-value.bx-count-paid { color: var(--bx-paid-text); }

.bx-count .bx-count-table {
  margin-top: 18px; background: var(--bx-surface); border: 1px solid var(--bx-line); border-radius: 16px;
  padding-bottom: 40px;
}
.bx-count .bx-count-head,
.bx-count .bx-count-row { display: flex; align-items: center; gap: 10px; padding: 0 24px; }
.bx-count .bx-count-head { height: 40px; border-bottom: 1px solid var(--bx-line2); }
.bx-count .bx-count-row { height: 50px; border-bottom: 1px solid var(--bx-line); }

.bx-count .bx-count-c { flex: 100 1 0; min-width: 0; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bx-count .bx-count-c--item { flex-grow: 160; text-align: left; overflow: visible; }
.bx-count .bx-count-c--item > div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.bx-count .bx-count-stack { display: flex; flex-direction: column; gap: 12px; }

.bx-count .bx-count-hero {
  --kpi-label: 13px; --kpi-label-lh: 17px;
  --kpi-value: 30px; --kpi-value-lh: 36px;
  --kpi-gap: 4px;
  padding: 14px 16px;
}

.bx-count .bx-count-halves { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.bx-count .bx-count-half { --kpi-value: 19px; --kpi-value-lh: 23px; }
.bx-count .bx-count-half .bx-kpi-sub { min-height: 15px; }

.bx-count .bx-count-pnote > span { font-size: 12.5px; line-height: 18px; top: 1px; }

.bx-count .bx-count-rows {
  background: var(--bx-surface); border: 1px solid var(--bx-line); border-radius: 0 0 16px 16px;
  padding-bottom: 40px;
}
.bx-count .bx-count-prow {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 16px; border-bottom: 1px solid var(--bx-line);
}
.bx-count .bx-count-pl { flex: 1 1 auto; min-width: 0; }
.bx-count .bx-count-pr { flex: none; max-width: 170px; display: flex; flex-direction: column; align-items: flex-end; }
.bx-count .bx-count-pr > .bx-sans { margin-top: 2px; }