.module-console {
      display: block;
      margin-top: 18px;
    }
    .module-detail {
      min-height: 360px;
    }
    .module-detail-body {
      display: grid;
      gap: 16px;
    }
    .module-detail-title {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }
    .module-detail-title h3,
    .module-detail-title p {
      margin: 0;
    }
    .module-detail-title h3 {
      font-size: 20px;
    }
    .module-detail-title p {
      margin-top: 6px;
      color: var(--muted);
      line-height: 1.45;
    }
    .module-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .module-summary-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .module-summary-item {
      min-height: 118px;
      padding: 14px;
      border: 1px solid var(--soft-border);
      border-radius: 8px;
      background: var(--panel-3);
    }
    .module-summary-item strong,
    .module-summary-item span {
      display: block;
    }
    .module-summary-item span {
      margin-top: 7px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }
    .workflow-list {
      display: grid;
      gap: 8px;
    }
    .workflow-step {
      padding: 10px 12px;
      border: 1px solid var(--soft-border);
      border-radius: 8px;
      background: var(--panel-3);
    }
    .workflow-step strong,
    .workflow-step span {
      display: block;
    }
    .workflow-step span {
      margin-top: 3px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
    }
    .executive-dashboard {
      display: grid;
      gap: 16px;
      margin-top: 18px;
    }
    .executive-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
      gap: 16px;
      align-items: start;
    }
    .exec-card {
      display: grid;
      gap: 12px;
      padding: 16px;
      border: 1px solid var(--soft-border);
      border-radius: 8px;
      background: var(--panel);
    }
    .exec-card h3,
    .exec-card p {
      margin: 0;
    }
    .exec-card h3 {
      font-size: 16px;
    }
    .exec-card p {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }
    .finance-grid,
    .quick-grid {
      display: grid;
      gap: 10px;
    }
    .finance-grid {
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    .quick-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .metric-cell {
      min-height: 82px;
      padding: 12px;
      border: 1px solid var(--soft-border);
      border-radius: 8px;
      background: var(--panel-3);
    }
    .metric-link,
    .stat-card-link,
    .exec-row-link {
      color: var(--text);
      text-decoration: none;
    }
    .metric-link:hover,
    .stat-card-link:hover,
    .exec-row-link:hover {
      border-color: rgba(59, 130, 246, .36);
      background: rgba(59, 130, 246, .09);
    }
    .metric-cell span,
    .metric-cell strong {
      display: block;
    }
    .metric-cell span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .metric-cell strong {
      margin-top: 7px;
      font-size: 18px;
    }
    .pipeline-list,
    .exec-list {
      display: grid;
      gap: 8px;
    }
    .pipeline-row {
      display: grid;
      grid-template-columns: minmax(120px, .55fr) minmax(0, 1fr) 44px;
      gap: 10px;
      align-items: center;
      font-size: 13px;
    }
    .pipeline-track {
      height: 9px;
      overflow: hidden;
      border-radius: 999px;
      background: rgba(148, 163, 184, .16);
    }
    .pipeline-fill {
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #3B82F6, #22C55E);
    }
    .exec-row {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 12px;
      border: 1px solid var(--soft-border);
      border-radius: 8px;
      background: var(--panel-3);
    }
    .exec-row strong,
    .exec-row span {
      display: block;
    }
    .exec-row span {
      margin-top: 3px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .quick-link {
      position: relative;
      display: grid;
      gap: 6px;
      min-height: 72px;
      padding: 13px 14px 13px 44px;
      border: 1px solid color-mix(in srgb, var(--soft-border) 80%, transparent);
      border-radius: 10px;
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel-3) 88%, transparent), color-mix(in srgb, var(--panel-2) 96%, transparent));
      color: var(--text);
      text-decoration: none;
      box-shadow: 0 8px 20px rgba(2, 6, 23, .08);
      text-align: left;
      cursor: pointer;
    }
    .quick-link::before {
      content: "";
      position: absolute;
      left: 14px;
      top: 15px;
      width: 17px;
      height: 17px;
      border-radius: 6px;
      background: color-mix(in srgb, var(--muted) 28%, transparent);
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--muted) 30%, transparent);
    }
    .quick-link strong {
      font-size: 14px;
      line-height: 1.2;
    }
    .quick-link span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .quick-link:hover {
      border-color: rgba(59, 130, 246, .38);
      background: rgba(59, 130, 246, .10);
    }
    .quick-link.primary {
      border: 1px solid transparent;
      background:
        linear-gradient(135deg, rgba(37, 99, 235, .22), rgba(11, 18, 32, .72) 48%, rgba(34, 197, 94, .16)) padding-box,
        linear-gradient(135deg, rgba(59, 130, 246, .98), rgba(34, 197, 94, .95)) border-box;
      box-shadow:
        0 0 0 1px rgba(34, 197, 94, .08),
        0 14px 32px rgba(37, 99, 235, .14);
    }
    .quick-link.primary::before {
      background: linear-gradient(135deg, #2563eb, #0ea5e9);
      box-shadow: 0 8px 18px rgba(37, 99, 235, .24);
    }
    html[data-theme="light"] .quick-link.primary {
      background:
        linear-gradient(135deg, rgba(37, 99, 235, .12), rgba(255,255,255,.94) 48%, rgba(34, 197, 94, .10)) padding-box,
        linear-gradient(135deg, rgba(37, 99, 235, .78), rgba(34, 197, 94, .82)) border-box;
      box-shadow:
        0 0 0 1px rgba(34, 197, 94, .08),
        0 14px 30px rgba(15, 23, 42, .08);
    }
    .hub-service-modal {
      position: fixed;
      inset: 0;
      z-index: 1200;
      display: grid;
      place-items: center;
      padding: 18px;
      background: rgba(2, 6, 23, .72);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }
    .hub-service-modal.hidden {
      display: none;
    }
    .hub-service-modal-frame {
      grid-area: 1 / 1;
      width: min(1280px, calc(100vw - 18px));
      height: min(900px, calc(100vh - 18px));
      border: 0;
      border-radius: 14px;
      background: transparent;
      filter: drop-shadow(0 28px 80px rgba(2, 6, 23, .44));
      opacity: 1;
      transition: opacity .12s ease;
    }
    .hub-service-modal.loading .hub-service-modal-frame {
      opacity: 0;
      pointer-events: none;
    }
    .hub-service-modal.loading::after {
      content: "Carregando pagamentos e serviços...";
      grid-area: 1 / 1;
      place-self: center;
      padding: 12px 14px;
      border: 1px solid rgba(148, 163, 184, .22);
      border-radius: 12px;
      background: rgba(15, 23, 42, .9);
      color: #e5edf8;
      font-size: 13px;
      box-shadow: 0 18px 44px rgba(2, 6, 23, .34);
    }
    @media (max-width: 980px) {
      .module-summary-grid {
        grid-template-columns: 1fr;
      }
      .executive-grid,
      .finance-grid,
      .quick-grid {
        grid-template-columns: 1fr;
      }
    }