:root {
      --bg-0: #05090f;
      --bg-1: #0a1320;
      --bg-2: #0d2236;
      --bg-3: #142a42;
      --surface: rgba(8, 16, 26, 0.88);
      --surface-2: rgba(10, 20, 34, 0.75);
      --stroke: rgba(110, 160, 220, 0.22);
      --ink: #f2f6ff;
      --ink-dim: rgba(242, 246, 255, 0.72);
      --ink-muted: rgba(242, 246, 255, 0.45);
      --accent: #4cc6ff;
      --accent-2: #2f8bff;
      --accent-3: #1b5dd6;
      --ok: #43d19d;
      --warn: #f2c36f;
      --bad: #ff6f7d;
      --shadow: rgba(2, 6, 14, 0.6);
      --chart-line: #54c2ff;
      --chart-fill: rgba(84, 194, 255, 0.18);
      --chart-line-alt: #7bd4ff;
      --chart-fill-alt: rgba(14, 149, 209, 0.3);
      --chart-grid: rgba(242, 246, 255, 0.08);
      --chart-tick: rgba(242, 246, 255, 0.9);
      --chart-legend: rgba(242, 246, 255, 0.9);
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      min-height: 100vh;
      font-family: "Space Grotesk", "Segoe UI", sans-serif;
      color: var(--ink);
      background: radial-gradient(700px 520px at 12% 10%, rgba(76, 198, 255, 0.2), transparent 60%),
                  radial-gradient(640px 420px at 88% 0%, rgba(47, 139, 255, 0.2), transparent 55%),
                  linear-gradient(145deg, var(--bg-0) 0%, var(--bg-1) 42%, var(--bg-2) 75%, var(--bg-3) 100%);
    }

    .bg {
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
    }

    .bg::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        radial-gradient(420px 240px at 14% 22%, rgba(76, 198, 255, 0.22), transparent 70%),
        radial-gradient(380px 220px at 86% 18%, rgba(27, 93, 214, 0.22), transparent 70%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent 40%),
        repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 6px);
      opacity: 0.8;
    }

    .bg::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: radial-gradient(1px 1px at 20px 20px, rgba(255, 255, 255, 0.06) 0, transparent 2px);
      background-size: 120px 120px;
      opacity: 0.4;
    }

    header.top {
      position: sticky;
      top: 0;
      z-index: 10;
      padding: 20px 24px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(5, 10, 18, 0.86);
      backdrop-filter: blur(12px);
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      align-items: center;
      justify-content: space-between;
    }

    .brand {
      display: flex;
      gap: 12px;
      align-items: center;
    }

    .logo {
      width: 46px;
      height: 46px;
      border-radius: 16px;
      background: linear-gradient(135deg, #7ed8ff, #2a74de);
      color: #031422;
      font-weight: 800;
      display: grid;
      place-items: center;
      letter-spacing: 0.8px;
      box-shadow: 0 18px 36px rgba(39, 90, 170, 0.45);
    }

    .brand h1 {
      margin: 0;
      font-size: 18px;
      font-weight: 800;
    }

    .brand p {
      margin: 4px 0 0;
      font-size: 12px;
      color: var(--ink-dim);
    }

    .controls {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }

    .icon-link {
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 14px;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(11, 22, 36, 0.9);
      color: var(--ink);
      text-decoration: none;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      white-space: nowrap;
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }

    .icon-link:hover {
      transform: translateY(-1px);
      border-color: rgba(76, 198, 255, 0.5);
      box-shadow: 0 10px 20px rgba(9, 24, 45, 0.5);
    }

    .icon-link svg {
      width: 20px;
      height: 20px;
      fill: currentColor;
      flex: 0 0 auto;
    }

    .icon-link-label {
      line-height: 1;
    }

    .select {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      color: var(--ink-dim);
    }

    select {
      appearance: none;
      border: 1px solid rgba(255, 255, 255, 0.2);
      background: rgba(6, 14, 24, 0.9);
      color: var(--ink);
      border-radius: 12px;
      padding: 8px 12px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.2px;
    }

    .btn {
      border: none;
      padding: 10px 16px;
      border-radius: 14px;
      font-weight: 700;
      letter-spacing: 0.2px;
      cursor: pointer;
      color: #02111f;
      background: linear-gradient(135deg, var(--accent), var(--accent-2));
      box-shadow: 0 18px 36px rgba(29, 98, 170, 0.45);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .btn.ghost {
      background: rgba(6, 14, 24, 0.7);
      color: var(--ink);
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-shadow: none;
    }

    .recent-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      color: var(--ink-dim);
      margin-top: 10px;
    }

    .recent-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .recent-chip {
      border: 1px solid rgba(255, 255, 255, 0.18);
      background: rgba(6, 14, 24, 0.7);
      color: var(--ink);
      border-radius: 999px;
      padding: 6px 10px;
      font-size: 12px;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .recent-chip:hover {
      border-color: rgba(76, 198, 255, 0.4);
      box-shadow: 0 10px 20px rgba(12, 30, 60, 0.4);
    }

    .wrap {
      position: relative;
      z-index: 1;
      max-width: 1320px;
      margin: 0 auto;
      padding: 30px 24px 60px;
      display: grid;
      gap: 18px;
    }

    .card {
      background: var(--surface);
      border: 1px solid var(--stroke);
      border-radius: 18px;
      padding: 18px;
      box-shadow: 0 20px 45px var(--shadow);
      backdrop-filter: blur(12px);
      position: relative;
      overflow: hidden;
    }

    .card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(260px 140px at 8% 0%, rgba(76, 198, 255, 0.18), transparent 60%);
      pointer-events: none;
    }

    .section-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }

    .section-head h2 {
      margin: 0;
      font-size: 28px;
      font-weight: 800;
    }

    .section-head p {
      margin: 6px 0 0;
      color: var(--ink-dim);
      font-size: 13px;
      max-width: 560px;
    }

    .mono { font-family: "JetBrains Mono", "Segoe UI", monospace; }

    .form-row {
      display: grid;
      grid-template-columns: 1.4fr 1fr auto auto;
      gap: 12px;
      align-items: start;
    }

    .form-row input,
    .wallet-search-form input {
      border: 1px solid rgba(255, 255, 255, 0.2);
      background: rgba(6, 14, 24, 0.9);
      color: var(--ink);
      border-radius: 12px;
      padding: 10px 12px;
      font-size: 13px;
      outline: none;
    }

    .field-stack {
      display: grid;
      gap: 6px;
      min-width: 0;
    }

    .field-stack input {
      width: 100%;
    }

    .wallet-search-card {
      padding: 22px;
    }

    .wallet-search-card .section-head {
      margin-bottom: 16px;
    }

    .wallet-search-card .section-head h2 {
      font-size: clamp(2rem, 3vw, 2.35rem);
    }

    .wallet-search-form {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr) auto auto;
      gap: 12px;
      align-items: start;
    }

    .wallet-search-meta {
      display: grid;
      gap: 12px;
      margin-top: 14px;
      padding-top: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .field-hint {
      min-height: 16px;
      font-size: 11px;
      color: var(--ink-muted);
      line-height: 1.35;
      padding-left: 2px;
    }

    .field-hint[data-state="ok"] { color: #7fe7c3; }
    .field-hint[data-state="error"] { color: #ff8d8d; }
    .field-hint[data-state="loading"] { color: #f7c26a; }

    .status-line {
      font-size: 12px;
      color: var(--ink-dim);
    }

    .status-line[data-state="ok"] { color: #7fe7c3; }
    .status-line[data-state="error"] { color: #ff8d8d; }
    .status-line[data-state="loading"] { color: #f7c26a; }

    .kpi-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
    }

    .wallet-overview-grid {
      grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr));
      align-items: stretch;
    }

    .kpi-card {
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(11, 16, 26, 0.85);
      border-radius: 14px;
      padding: 14px 16px;
      display: grid;
      gap: 6px;
      min-height: 120px;
    }

    .wallet-overview-grid .kpi-card {
      min-height: 134px;
    }

    .kpi-card.kpi-card-feature {
      grid-column: span 2;
      padding: 18px 18px 16px;
      background:
        linear-gradient(180deg, rgba(76, 198, 255, 0.12), transparent 60%),
        rgba(11, 16, 26, 0.9);
    }

    .kpi-card.kpi-card-feature .kpi-value {
      font-size: 30px;
      line-height: 1.1;
    }

    .kpi-card.kpi-card-accent {
      background:
        linear-gradient(180deg, rgba(47, 139, 255, 0.15), transparent 60%),
        rgba(11, 16, 26, 0.9);
    }

    .kpi-label {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--ink-muted);
    }

    .kpi-value {
      font-size: 20px;
      font-weight: 800;
    }

    .kpi-sub {
      font-size: 12px;
      color: var(--ink-dim);
    }

    .summary-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 12px;
    }

    .wallet-summary-card .section-head {
      margin-bottom: 16px;
    }

    .wallet-summary-layout {
      display: grid;
      gap: 14px;
    }

    .wallet-referral-card .section-head {
      margin-bottom: 16px;
    }

    .wallet-referral-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.9fr);
      gap: 18px;
      align-items: start;
    }

    .wallet-referral-primary,
    .wallet-referral-secondary,
    .wallet-referral-meta,
    .referral-recent-grid {
      display: grid;
      gap: 14px;
    }

    .wallet-referral-primary .summary-item strong,
    .wallet-referral-secondary .summary-item strong {
      display: block;
      line-height: 1.4;
    }

    .wallet-referral-secondary {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-content: start;
    }

    .wallet-referral-secondary .summary-item.is-wide {
      grid-column: 1 / -1;
    }

    .wallet-referral-secondary .summary-item.is-accent {
      background:
        linear-gradient(180deg, rgba(76, 198, 255, 0.1), transparent 72%),
        rgba(10, 22, 36, 0.82);
      border-color: rgba(76, 198, 255, 0.18);
    }

    .wallet-referral-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px;
    }

    .wallet-referral-display {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: end;
    }

    .wallet-referral-display label {
      display: block;
      margin-bottom: 6px;
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--ink-muted);
    }

    .wallet-referral-display input {
      width: 100%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      background: rgba(6, 14, 24, 0.9);
      color: var(--ink);
      border-radius: 12px;
      padding: 10px 12px;
      font-size: 13px;
      outline: none;
    }

    .wallet-referral-program {
      font-size: 12px;
      line-height: 1.6;
      color: var(--ink-dim);
      padding: 14px 16px;
      border-radius: 16px;
      border: 1px solid rgba(120, 170, 230, 0.12);
      background: rgba(8, 16, 28, 0.52);
    }

    .wallet-referral-attribution {
      display: grid;
      gap: 8px;
    }

    .wallet-referral-attribution small {
      color: var(--ink-dim);
      font-size: 12px;
      line-height: 1.55;
    }

    .referral-recent-shell {
      margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .referral-recent-grid {
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      margin-top: 12px;
    }

    .referral-recent-item {
      padding: 14px;
      border-radius: 16px;
      background: rgba(8, 16, 28, 0.72);
      border: 1px solid rgba(120, 170, 230, 0.12);
      display: grid;
      gap: 5px;
    }

    .referral-recent-item strong {
      font-size: 14px;
      color: var(--ink);
    }

    .referral-recent-item span,
    .referral-recent-item small {
      color: var(--ink-dim);
      font-size: 12px;
      line-height: 1.5;
    }

    .referral-empty {
      color: var(--ink-dim);
      font-size: 12px;
      line-height: 1.6;
      padding: 14px;
      border-radius: 16px;
      border: 1px dashed rgba(120, 170, 230, 0.18);
      background: rgba(8, 16, 28, 0.45);
    }

    .wallet-summary-lead,
    .wallet-summary-meta {
      display: grid;
      gap: 12px;
    }

    .wallet-summary-lead {
      grid-template-columns: minmax(0, 1.45fr) repeat(3, minmax(0, 1fr));
    }

    .wallet-summary-meta {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .summary-item {
      padding: 14px;
      border-radius: 16px;
      background: rgba(8, 16, 28, 0.78);
      border: 1px solid rgba(120, 170, 230, 0.12);
      font-size: 12px;
      min-width: 0;
    }

    .summary-item span {
      display: block;
      color: var(--ink-dim);
      margin-bottom: 6px;
    }

    .summary-item strong {
      font-size: 15px;
      color: var(--ink);
    }

    .summary-item.summary-item-wide {
      background: rgba(10, 22, 36, 0.82);
    }

    .summary-item.summary-item-wide strong {
      display: block;
      font-size: 16px;
      line-height: 1.45;
      word-break: break-word;
    }

    .summary-item.summary-item-accent {
      background:
        linear-gradient(180deg, rgba(76, 198, 255, 0.12), transparent 70%),
        rgba(10, 22, 36, 0.82);
      border-color: rgba(76, 198, 255, 0.2);
    }

    .summary-item.summary-item-accent strong {
      font-size: 18px;
    }

    .stats-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 12px;
    }

    .wallet-activity-card .section-head {
      margin-bottom: 16px;
    }

    .wallet-activity-layout {
      display: grid;
      grid-template-columns: 340px minmax(0, 1fr);
      gap: 16px;
      align-items: stretch;
    }

    .wallet-activity-sidebar {
      display: grid;
      gap: 12px;
      align-content: start;
    }

    .wallet-metric-hero {
      background:
        linear-gradient(180deg, rgba(76, 198, 255, 0.12), transparent 65%),
        rgba(8, 16, 28, 0.84);
      border: 1px solid rgba(120, 170, 230, 0.16);
      border-radius: 18px;
      padding: 16px;
      display: grid;
      gap: 6px;
    }

    .wallet-metric-hero .value {
      font-size: 30px;
      line-height: 1.1;
    }

    .wallet-mini-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .wallet-mini-grid .stat-block {
      min-height: 96px;
    }

    .wallet-inline-stats {
      display: grid;
      gap: 10px;
      padding: 14px 16px;
      border-radius: 16px;
      background: rgba(8, 16, 28, 0.7);
      border: 1px solid rgba(120, 160, 220, 0.12);
    }

    .wallet-inline-stat {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      font-size: 12px;
      color: var(--ink-dim);
    }

    .wallet-inline-stat strong {
      color: var(--ink);
      font-size: 14px;
      font-weight: 800;
    }

    .stat-block {
      background: rgba(8, 16, 28, 0.75);
      border-radius: 14px;
      padding: 12px;
      border: 1px solid rgba(120, 160, 220, 0.12);
    }

    .label {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--ink-muted);
      margin-bottom: 8px;
    }

    .value {
      font-size: 18px;
      font-weight: 800;
    }

    .chart-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 14px;
    }

    .chart-shell {
      background: rgba(8, 12, 20, 0.85);
      border-radius: 18px;
      border: 1px solid rgba(120, 140, 180, 0.18);
      padding: 12px 14px 16px;
      min-height: 430px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .wallet-activity-card .chart-shell {
      min-height: 100%;
      margin-top: 0;
    }

    .chart-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .chart-select {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(10, 14, 22, 0.8);
      font-size: 12px;
      color: var(--ink);
    }

    .chart-select .caret {
      font-size: 10px;
      opacity: 0.7;
    }

    .chart-select label {
      font-size: 12px;
      color: var(--ink-dim);
    }

    .chart-area {
      flex: 1;
      min-height: 280px;
    }

    .chart-area canvas {
      width: 100%;
      height: 100% !important;
      display: block;
    }

    .muted {
      color: var(--ink-dim);
      font-size: 12px;
    }

    .workers-shell {
      overflow-x: auto;
      border-radius: 16px;
      border: 1px solid rgba(120, 160, 220, 0.14);
      background: rgba(8, 16, 28, 0.62);
    }

      .workers-table {
        width: 100%;
        min-width: 940px;
        border-collapse: collapse;
      }

    .workers-table th,
    .workers-table td {
      padding: 12px 14px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      text-align: left;
      font-size: 12px;
      vertical-align: middle;
    }

    .workers-table th {
      color: var(--ink-muted);
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-weight: 700;
      background: rgba(5, 10, 18, 0.72);
      position: sticky;
      top: 0;
      z-index: 1;
    }

    .workers-table tbody tr:hover {
      background: rgba(22, 38, 63, 0.28);
    }

    .workers-table tbody tr:last-child td {
      border-bottom: none;
    }

    .worker-name {
      max-width: 260px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .worker-status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 10px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      border: 1px solid transparent;
    }

    .worker-status.active {
      color: #8bf0cc;
      background: rgba(16, 71, 54, 0.34);
      border-color: rgba(86, 221, 179, 0.28);
    }

    .worker-status.idle {
      color: #f6cf8a;
      background: rgba(92, 64, 12, 0.28);
      border-color: rgba(238, 190, 83, 0.24);
    }

    @media (max-width: 1180px) {
      .wallet-search-form,
      .wallet-activity-layout,
      .wallet-referral-layout,
      .wallet-summary-lead,
      .wallet-summary-meta,
      .wallet-overview-grid {
        grid-template-columns: 1fr;
      }

      .kpi-card.kpi-card-feature {
        grid-column: auto;
      }
    }

    @media (max-width: 900px) {
      .form-row {
        grid-template-columns: 1fr;
      }

      .wallet-referral-display,
      .wallet-mini-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 760px) {
      header.top {
        position: static;
        padding: 16px;
        align-items: flex-start;
      }

      .controls {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
      }

      .controls .select {
        grid-column: 1 / -1;
        display: grid;
        gap: 6px;
      }

      .controls .select select {
        width: 100%;
        min-width: 0;
      }

      .wallet-search-card,
      .card,
      .chart-shell {
        border-radius: 18px;
      }

      .wallet-search-form .btn,
      .wallet-referral-actions .btn,
      .wallet-referral-actions .copy-btn {
        width: 100%;
        justify-content: center;
      }

      .workers-shell {
        margin-inline: 0;
        overflow: visible;
      }

      .workers-table thead {
        display: none;
      }

      .workers-table,
      .workers-table tbody,
      .workers-table tr,
      .workers-table td {
        display: block;
        width: 100%;
      }

      .workers-table tbody {
        display: grid;
        gap: 12px;
      }

      .workers-table tbody tr {
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 16px;
        background: rgba(8, 16, 28, 0.72);
        padding: 12px;
      }

      .workers-table tbody td {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        border: 0;
        padding: 6px 0;
        font-size: 12px;
      }

      .workers-table tbody td::before {
        content: attr(data-label);
        flex: 0 0 auto;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ink-muted);
      }

      .workers-table tbody td.worker-name-cell {
        display: grid;
        gap: 4px;
        padding-top: 0;
      }

      .workers-table tbody td.worker-name-cell::before {
        content: attr(data-label);
      }

      .workers-table tbody td:last-child {
        padding-bottom: 0;
      }
    }

    body.is-mobile-client .bg {
      display: none;
    }

    body.is-mobile-client header.top,
    body.is-mobile-client .card,
    body.is-mobile-client .chart-shell {
      backdrop-filter: none;
    }

    body.is-mobile-client .wrap {
      padding: 20px 14px 40px;
    }

    body.is-mobile-client header.top {
      position: static;
      padding: 16px;
      align-items: flex-start;
    }

    body.is-mobile-client .controls {
      width: 100%;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      justify-content: initial;
    }

    body.is-mobile-client .controls .select {
      grid-column: 1 / -1;
      display: grid;
      gap: 6px;
    }

    body.is-mobile-client .controls .select select {
      width: 100%;
      min-width: 0;
    }

    body.is-mobile-client .btn,
    body.is-mobile-client .icon-link,
    body.is-mobile-client select,
    body.is-mobile-client input {
      min-height: 44px;
    }

    body.is-mobile-client .section-head h2 {
      font-size: clamp(2rem, 8vw, 2.5rem);
    }

    body.is-mobile-client .chart-shell {
      min-height: 320px;
      box-shadow: 0 14px 30px rgba(2, 9, 18, 0.3);
    }

    body.is-mobile-client .wallet-search-card {
      padding: 18px;
    }

    body.is-mobile-client .wallet-search-form .btn,
    body.is-mobile-client .wallet-referral-actions .btn,
    body.is-mobile-client .wallet-referral-actions .copy-btn {
      width: 100%;
      justify-content: center;
    }

    body.is-mobile-client .wallet-search-form,
    body.is-mobile-client .wallet-overview-grid,
    body.is-mobile-client .wallet-referral-layout,
    body.is-mobile-client .wallet-summary-lead,
    body.is-mobile-client .wallet-summary-meta,
    body.is-mobile-client .wallet-activity-layout,
    body.is-mobile-client .wallet-mini-grid {
      grid-template-columns: 1fr;
    }

    body.is-mobile-client .wallet-referral-secondary,
    body.is-mobile-client .wallet-referral-display {
      grid-template-columns: 1fr;
    }

    body.is-mobile-client .kpi-card.kpi-card-feature {
      grid-column: auto;
    }

    body.is-mobile-client .workers-shell {
      margin-inline: 0;
      overflow: visible;
    }

    body.is-mobile-client .workers-table thead {
      display: none;
    }

    body.is-mobile-client .workers-table,
    body.is-mobile-client .workers-table tbody,
    body.is-mobile-client .workers-table tr,
    body.is-mobile-client .workers-table td {
      display: block;
      width: 100%;
    }

    body.is-mobile-client .workers-table tbody {
      display: grid;
      gap: 12px;
    }

    body.is-mobile-client .workers-table tbody tr {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 16px;
      background: rgba(8, 16, 28, 0.72);
      padding: 12px;
    }

    body.is-mobile-client .workers-table tbody td {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      border: 0;
      padding: 6px 0;
      font-size: 12px;
    }

    body.is-mobile-client .workers-table tbody td::before {
      content: attr(data-label);
      flex: 0 0 auto;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--ink-muted);
    }

    body.is-mobile-client .workers-table tbody td.worker-name-cell {
      display: grid;
      gap: 4px;
      padding-top: 0;
    }

    body.is-mobile-client .workers-table tbody td.worker-name-cell::before {
      content: attr(data-label);
    }

    body.is-mobile-client .workers-table tbody td:last-child {
      padding-bottom: 0;
    }

.mt-10 { margin-top: 10px; }