/* =========================================================
   VIPLIO | GLOBAL.CSS
   Componentes originais preservados; isolamento por área.
   As classes vx-view-inicio, vx-view-auth e vx-view-panel
   evitam conflito de regras entre landing, autenticação e painel.
   ========================================================= */

/* =========================================================
   ROOT E DESIGN SYSTEM ORIGINAL DO PAINEL
   ========================================================= */
/* =====================================================================
   VIPLIO / VX DESIGN SYSTEM
   Bootstrap 5.3 + Bootstrap Icons — tokens centrais e componentes globais.
   Todas as cores, superfícies, sombras e gradientes são definidos em :root.
   ===================================================================== */
:root {
  /* IDENTIDADE */
  --vx-primary: #287bff;
  --vx-primary-rgb: 40,123,255;
  --vx-primary-light: #68baff;
  --vx-primary-dark: #1258d6;
  --vx-primary-muted: #91b8ef;
  --vx-primary-alt: #428eff;
  --vx-primary-2: #38a0ff;
  --vx-secondary: #163e79;
  --vx-secondary-rgb: 22,62,121;
  --vx-orange: #ffa34a;
  --vx-yellow: #ffcd70;
  --vx-green: #45d9ad;
  --vx-blue: #287bff;
  /* BACKGROUNDS */
  --vx-bg: #07142d;
  --vx-bg-2: #091933;
  --vx-bg-main: #07142d;
  --vx-bg-secondary: #08172f;
  --vx-bg-input: #0c1b35;
  --vx-bg-tag: #112747;
  --vx-body-bg: #07142d;
  /* SUPERFÍCIES */
  --vx-surface: #0d1d37;
  --vx-surface-2: #10213e;
  --vx-surface-3: #142947;
  --vx-surface-hover: #172f54;
  --vx-surface-alt: #0b1931;
  --vx-surface-2-alt: #112445;
  --vx-surface-3-alt: #183459;
  --vx-card: #0e1e39;
  --vx-card-alt: #102240;
  --vx-card-soft: #0b1932;
  --vx-card-blur: 16px;
  /* GLASS */
  --vx-glass: rgba(17,36,68,.70);
  --vx-glass-strong: rgba(9,25,50,.95);
  --vx-glass-light: rgba(222,238,255,.065);
  --vx-glass-glint: rgba(255,255,255,.13);
  --vx-glass-shine: rgba(229,240,255,.22);
  /* TEXTOS */
  --vx-text: #f5f9ff;
  --vx-text-main: #f5f9ff;
  --vx-text-soft: #d8e5fb;
  --vx-text-secondary: #a9bfdd;
  --vx-text-muted: #8aa3c6;
  --vx-text-faint: #677f9e;
  --vx-muted: #91a8ca;
  /* BORDAS */
  --vx-border: rgba(185,215,255,.13);
  --vx-border-alt: rgba(189,221,255,.19);
  --vx-border-hover: rgba(112,179,255,.40);
  --vx-border-strong: rgba(179,214,255,.30);
  --vx-border-soft: #203755;
  --vx-line: rgba(185,215,255,.12);
  /* ESTADOS */
  --vx-success: #42d9af;
  --vx-success-rgb: 66,217,175;
  --vx-info: #75b8ff;
  --vx-warning: #ffc56b;
  --vx-warning-rgb: 255,197,107;
  --vx-danger: #ff778f;
  --vx-danger-rgb: 255,119,143;
  --vx-danger-alt: #eb526c;
  --vx-online: #48e0b3;
  --vx-success-bg: rgba(66,217,175,.105);
  --vx-warning-bg: rgba(255,197,107,.11);
  --vx-danger-bg: rgba(255,119,143,.105);
  --vx-info-bg: rgba(40,123,255,.13);
  /* TIPOGRAFIA */
  --vx-font-body: "DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --vx-font-display: "Manrope","DM Sans",sans-serif;
  --vx-font-numeral: "Manrope",ui-sans-serif,sans-serif;
  /* BORDAS / LAYOUT */
  --vx-radius: 22px;
  --vx-radius-xs: 9px;
  --vx-radius-sm: 12px;
  --vx-radius-md: 17px;
  --vx-radius-lg: 22px;
  --vx-radius-xl: 30px;
  --vx-radius-pill: 999px;
  --vx-header-height: 79px;
  --vx-bottom-nav-height: 72px;
  --vx-sidebar-width: 266px;
  /* SOMBRAS */
  --vx-shadow-sm: 0 10px 26px rgba(0,5,22,.22);
  --vx-shadow-md: 0 20px 55px rgba(0,5,22,.37);
  --vx-shadow-brand: 0 13px 32px rgba(var(--vx-primary-rgb),.22);
  --vx-shadow: 0 28px 85px rgba(0,5,22,.46);
  --vx-glow: 0 0 0 1px rgba(225,239,255,.055),0 19px 52px rgba(var(--vx-primary-rgb),.12);
  /* GRADIENTES */
  --vx-grad: linear-gradient(100deg,var(--vx-primary),var(--vx-primary-2));
  --vx-brand-gradient: linear-gradient(135deg,var(--vx-primary-light),var(--vx-primary) 60%,var(--vx-primary-dark));
  --vx-brand-gradient-soft: linear-gradient(135deg,rgba(var(--vx-primary-rgb),.17),rgba(var(--vx-secondary-rgb),.07));
  --vx-gradient: linear-gradient(135deg,var(--vx-primary),var(--vx-primary-2) 55%,var(--vx-primary-light));
  --vx-gradient-soft: linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.01));
  --vx-bg-ambient: radial-gradient(ellipse at 91% -10%,rgba(var(--vx-primary-rgb),.15),transparent 35%),radial-gradient(ellipse at 3% 62%,rgba(var(--vx-primary-rgb),.05),transparent 38%);
  --vx-card-gradient: linear-gradient(145deg,var(--vx-surface-2),var(--vx-surface-alt));
  --vx-topbar-gradient: linear-gradient(110deg,rgba(20,44,81,.88),rgba(9,23,47,.85));
  --vx-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%2391a8ca' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --vx-progress-track: rgba(167,198,240,.12);
  --vx-chart-grid: rgba(185,215,255,.1);
  --vx-scrim: rgba(1,7,18,.69);
  --vx-transparent: transparent;
  /* TRANSIÇÃO */
  --vx-transition: .22s ease;
  /* Bootstrap form theme local */
  --bs-body-color: var(--vx-text);
  --bs-body-bg: var(--vx-body-bg);
  --bs-border-color: var(--vx-border);
  --bs-secondary-color: var(--vx-text-muted);
}
*,*::before,*::after {
  box-sizing: border-box;
}
html {
  min-height: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-height: 100vh;
  background: var(--vx-bg-ambient),var(--vx-body-bg);
  color: var(--vx-text);
  font-family: var(--vx-font-body);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
body.menu-open {
  overflow: hidden;
}
a {
  color: var(--vx-primary-light);
  text-decoration: none;
}
a:hover {
  color: var(--vx-text);
}
button,input,textarea,select {
  font: inherit;
}
button {
  cursor: pointer;
}
img {
  max-width: 100%;
}
h1,h2,h3,h4,h5,h6 {
  font-family: var(--vx-font-display);
  font-weight: 800;
  letter-spacing: -.035em;
  color: var(--vx-text);
}
p {
  line-height: 1.7;
}
small,.small {
  font-size: 13px;
}
::selection {
  background: var(--vx-primary);
  color: var(--vx-text);
}
:focus-visible {
  outline: 2px solid var(--vx-primary-light);
  outline-offset: 3px;
}
::placeholder {
  color: var(--vx-text-faint) !important;
}
/* FRAME */
.vx-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--vx-sidebar-width);
  z-index: 1044;
  display: flex;
  flex-direction: column;
  padding: 22px 13px 16px;
  background: var(--vx-glass-strong);
  border-right: 1px solid var(--vx-border);
  backdrop-filter: blur(26px);
  -webkit-backdrop-filter: blur(26px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--vx-border-soft) var(--vx-transparent);
}
.vx-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 23px;
  font-family: var(--vx-font-display);
  letter-spacing: -1.2px;
  font-weight: 800;
  color: var(--vx-text);
  padding: 1px 10px 24px;
}
.vx-brand:hover {
  color: var(--vx-text);
}
.vx-brand-mark {
  display: grid;
  place-items: center;
  flex: 0 0 39px;
  width: 39px;
  height: 39px;
  border-radius: 12px;
  background: var(--vx-brand-gradient);
  box-shadow: var(--vx-shadow-brand),inset 0 1px var(--vx-glass-shine);
  font-size: 19px;
}
.vx-brand-dot {
  color: var(--vx-primary-light);
}
.vx-sidebar-label {
  font-size: 10px;
  color: var(--vx-text-faint);
  text-transform: uppercase;
  letter-spacing: .13em;
  font-weight: 800;
  padding: 18px 13px 8px;
}
.vx-side-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  border: 1px solid var(--vx-transparent);
  border-radius: var(--vx-radius-sm);
  color: var(--vx-text-muted);
  font-size: 12px;
  font-weight: 750;
  transition: all var(--vx-transition);
  margin-bottom: 2px;
  min-height: 42px;
}
.vx-side-link i {
  font-size: 17px;
  width: 21px;
  text-align: center;
}
.vx-side-link:hover {
  color: var(--vx-text);
  background: var(--vx-glass-light);
}
.vx-side-link.active {
  color: var(--vx-text);
  background: var(--vx-info-bg);
  border-color: var(--vx-border-alt);
  box-shadow: inset 0 1px var(--vx-glass-light);
}
.vx-side-link.active i {
  color: var(--vx-primary-light);
}
.vx-side-count {
  margin-left: auto;
  border-radius: var(--vx-radius-pill);
  background: var(--vx-glass-light);
  font-size: 10px;
  padding: 3px 7px;
  color: var(--vx-text-soft);
}
.vx-sidebar-bottom {
  margin-top: auto;
  padding-top: 17px;
}
.vx-sidebar-plan {
  background: var(--vx-brand-gradient-soft);
  border: 1px solid var(--vx-border-alt);
  border-radius: var(--vx-radius-md);
  padding: 15px;
  margin: 8px 0 12px;
}
.vx-sidebar-plan strong {
  font-size: 12px;
}
.vx-sidebar-plan p {
  margin: 7px 0 12px;
  font-size: 11px;
  color: var(--vx-text-muted);
}
.vx-shell {
  margin-left: var(--vx-sidebar-width);
  min-height: 100vh;
  min-width: 0;
}
.vx-topbar {
  height: var(--vx-header-height);
  position: sticky;
  top: 0;
  z-index: 1020;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 34px;
  background: var(--vx-topbar-gradient);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid var(--vx-border);
}
.vx-topbar-start,.vx-topbar-end {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}
.vx-breadcrumb {
  color: var(--vx-text-muted);
  font-size: 12px;
}
.vx-breadcrumb strong {
  color: var(--vx-text-soft);
  font-weight: 750;
}
.vx-breadcrumb .bi {
  font-size: 10px;
  margin: 0 9px;
  color: var(--vx-text-faint);
}
.vx-search-shortcut {
  min-width: 200px;
  border: 1px solid var(--vx-border);
  border-radius: var(--vx-radius-sm);
  height: 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  color: var(--vx-text-faint);
  background: var(--vx-glass-light);
  font-size: 11px;
  cursor: pointer;
}
.vx-search-shortcut kbd {
  margin-left: auto;
  border: 1px solid var(--vx-border);
  border-radius: 5px;
  padding: 1px 5px;
  font-size: 10px;
  color: var(--vx-text-muted);
  background: var(--vx-surface);
}
.vx-icon-btn {
  display: inline-grid;
  place-items: center;
  width: 39px;
  height: 39px;
  flex: none;
  border-radius: var(--vx-radius-sm);
  border: 1px solid var(--vx-border);
  background: var(--vx-glass-light);
  color: var(--vx-text-muted);
  transition: all var(--vx-transition);
  position: relative;
}
.vx-icon-btn:hover {
  background: var(--vx-surface-hover);
  color: var(--vx-text);
  border-color: var(--vx-border-hover);
}
.vx-icon-btn i {
  font-size: 17px;
}
.vx-notification-dot {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 6px;
  height: 6px;
  background: var(--vx-primary-light);
  border-radius: 50%;
}
.vx-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 12px;
  border-left: 1px solid var(--vx-line);
}
.vx-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: var(--vx-text);
  background: var(--vx-brand-gradient-soft);
  border: 1px solid var(--vx-border-alt);
  font-weight: 850;
}
.vx-profile-name {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}
.vx-profile-role {
  font-size: 10px;
  color: var(--vx-text-muted);
  margin-top: 3px;
}
.vx-main {
  max-width: 1650px;
  padding: 33px 34px 95px;
  margin: 0 auto;
}
.vx-page-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 26px;
  flex-wrap: wrap;
}
.vx-page-eyebrow {
  color: var(--vx-primary-light);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .13em;
  margin: 0 0 9px;
}
.vx-page-title {
  font-size: clamp(24px,2.3vw,32px);
  line-height: 1.2;
  margin: 0 0 8px;
}
.vx-page-description {
  font-size: 12.5px;
  color: var(--vx-text-muted);
  margin: 0;
  max-width: 720px;
}
.vx-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.vx-demo-note {
  padding: 10px 13px;
  border: 1px solid var(--vx-border);
  background: var(--vx-glass-light);
  border-radius: var(--vx-radius-sm);
  font-size: 11px;
  color: var(--vx-text-muted);
  margin-bottom: 25px;
  display: flex;
  gap: 9px;
  align-items: flex-start;
}
.vx-demo-note i {
  color: var(--vx-info);
}
.vx-footer {
  padding: 0 34px 27px;
  margin-left: var(--vx-sidebar-width);
  color: var(--vx-text-faint);
  font-size: 11px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.vx-mobile-menu,.vx-mobile-nav,.vx-overlay {
  display: none;
}
/* BUTTONS */
.btn-vx-primary,.btn-vx-secondary,.btn-vx-outline,.btn-vx-danger,.btn-vx-success,.btn-vx-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid var(--vx-transparent);
  border-radius: var(--vx-radius-sm);
  font-size: 12px;
  font-weight: 800;
  min-height: 42px;
  padding: 10px 17px;
  line-height: 1.25;
  white-space: nowrap;
  transition: background var(--vx-transition),border-color var(--vx-transition),transform var(--vx-transition),box-shadow var(--vx-transition);
  text-decoration: none;
}
.btn-vx-primary {
  background: var(--vx-grad);
  color: var(--vx-text);
  box-shadow: var(--vx-shadow-brand);
  border-color: var(--vx-primary);
}
.btn-vx-primary:hover {
  color: var(--vx-text);
  filter: brightness(1.09);
  transform: translateY(-1px);
}
.btn-vx-secondary {
  background: var(--vx-surface-3);
  color: var(--vx-text-soft);
  border-color: var(--vx-border-alt);
}
.btn-vx-secondary:hover {
  color: var(--vx-text);
  background: var(--vx-surface-hover);
}
.btn-vx-outline {
  background: var(--vx-glass-light);
  color: var(--vx-text-soft);
  border-color: var(--vx-border-alt);
}
.btn-vx-outline:hover {
  background: var(--vx-surface-hover);
  color: var(--vx-text);
  border-color: var(--vx-border-hover);
}
.btn-vx-danger {
  background: var(--vx-danger-bg);
  color: var(--vx-danger);
  border-color: rgba(var(--vx-danger-rgb),.24);
}
.btn-vx-danger:hover {
  background: rgba(var(--vx-danger-rgb),.19);
  color: var(--vx-danger);
}
.btn-vx-success {
  background: var(--vx-success-bg);
  color: var(--vx-success);
  border-color: rgba(var(--vx-success-rgb),.23);
}
.btn-vx-success:hover {
  background: rgba(var(--vx-success-rgb),.2);
  color: var(--vx-success);
}
.btn-vx-ghost {
  background: var(--vx-transparent);
  color: var(--vx-text-muted);
}
.btn-vx-ghost:hover {
  background: var(--vx-glass-light);
  color: var(--vx-text);
}
.btn-vx-sm {
  min-height: 34px;
  padding: 7px 12px;
  font-size: 11px;
  border-radius: var(--vx-radius-xs);
}
.btn-vx-lg {
  min-height: 50px;
  padding: 13px 22px;
  font-size: 13px;
}
.btn-vx-primary:disabled,.btn-vx-secondary:disabled {
  cursor: not-allowed;
  opacity: .46;
  transform: none;
}
/* CONTENT COMPONENTS */
.vx-card {
  background: var(--vx-card-gradient);
  border: 1px solid var(--vx-border);
  border-radius: var(--vx-radius-lg);
  box-shadow: inset 0 1px var(--vx-glass-light);
  min-width: 0;
  overflow: hidden;
}
.vx-card-flat {
  background: var(--vx-card);
  border: 1px solid var(--vx-border);
  border-radius: var(--vx-radius-lg);
  min-width: 0;
  overflow: hidden;
}
.vx-card-body {
  padding: 24px;
}
.vx-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 23px;
  flex-wrap: wrap;
}
.vx-card-title {
  font-size: 15px;
  margin: 0 0 5px;
}
.vx-card-subtitle {
  font-size: 11.5px;
  color: var(--vx-text-muted);
  margin: 0;
}
.vx-card-divider {
  border-top: 1px solid var(--vx-line);
  margin: 20px 0;
}
.vx-card:hover.vx-hover-card {
  border-color: var(--vx-border-hover);
  transform: translateY(-3px);
}
.vx-hover-card {
  transition: transform var(--vx-transition),border-color var(--vx-transition);
}
.vx-stat-card {
  position: relative;
  min-height: 157px;
  padding: 21px;
  background: var(--vx-card-gradient);
  border: 1px solid var(--vx-border);
  border-radius: var(--vx-radius-lg);
  overflow: hidden;
  box-shadow: inset 0 1px var(--vx-glass-light);
}
.vx-stat-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vx-stat-label {
  font-size: 11px;
  color: var(--vx-text-muted);
  font-weight: 700;
}
.vx-stat-icon {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border-radius: 12px;
  border: 1px solid var(--vx-border-alt);
  background: var(--vx-info-bg);
  color: var(--vx-primary-light);
  font-size: 17px;
}
.vx-stat-value {
  font-family: var(--vx-font-numeral);
  font-size: clamp(26px,2.4vw,33px);
  font-weight: 800;
  letter-spacing: -.055em;
  margin: 13px 0 4px;
  line-height: 1.15;
}
.vx-stat-foot {
  font-size: 11px;
  color: var(--vx-text-muted);
}
.vx-stat-foot .positive {
  color: var(--vx-success);
}
.vx-stat-foot .neutral {
  color: var(--vx-primary-light);
}
.vx-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: var(--vx-radius-pill);
  font-size: 10px;
  font-weight: 800;
  padding: 6px 9px;
  border: 1px solid var(--vx-border-alt);
  color: var(--vx-text-muted);
  background: var(--vx-glass-light);
  white-space: nowrap;
}
.vx-pill i {
  font-size: 9px;
}
.vx-pill-success {
  color: var(--vx-success);
  background: var(--vx-success-bg);
  border-color: rgba(var(--vx-success-rgb),.23);
}
.vx-pill-warning {
  color: var(--vx-warning);
  background: var(--vx-warning-bg);
  border-color: rgba(var(--vx-warning-rgb),.23);
}
.vx-pill-danger {
  color: var(--vx-danger);
  background: var(--vx-danger-bg);
  border-color: rgba(var(--vx-danger-rgb),.21);
}
.vx-pill-info {
  color: var(--vx-primary-light);
  background: var(--vx-info-bg);
  border-color: var(--vx-border-hover);
}
.vx-text-muted {
  color: var(--vx-text-muted) !important;
}
.vx-text-soft {
  color: var(--vx-text-soft) !important;
}
.vx-text-primary {
  color: var(--vx-primary-light) !important;
}
.vx-text-success {
  color: var(--vx-success) !important;
}
.vx-text-danger {
  color: var(--vx-danger) !important;
}
.vx-text-warning {
  color: var(--vx-warning) !important;
}
.vx-fs-11 {
  font-size: 11px;
}
.vx-fs-12 {
  font-size: 12px;
}
.vx-fs-13 {
  font-size: 13px;
}
.vx-fw-800 {
  font-weight: 800;
}
.vx-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vx-icon-square {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  flex: none;
  border-radius: 14px;
  background: var(--vx-info-bg);
  border: 1px solid var(--vx-border-alt);
  font-size: 20px;
  color: var(--vx-primary-light);
}
.vx-icon-square.is-success {
  color: var(--vx-success);
  background: var(--vx-success-bg);
}
.vx-icon-square.is-warning {
  color: var(--vx-warning);
  background: var(--vx-warning-bg);
}
.vx-icon-square.is-danger {
  color: var(--vx-danger);
  background: var(--vx-danger-bg);
}
.vx-link {
  font-size: 12px;
  font-weight: 800;
  color: var(--vx-primary-light);
}
.vx-link:hover {
  text-decoration: underline;
}
.vx-inline-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--vx-success);
  margin-right: 4px;
}
.vx-inline-dot.off {
  background: var(--vx-warning);
}
/* TABLE / FILTER */
.vx-table-wrap {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--vx-border-soft) var(--vx-transparent);
}
.vx-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
  font-size: 12px;
}
.vx-table thead th {
  padding: 13px 14px;
  border-bottom: 1px solid var(--vx-line);
  font-size: 10px;
  color: var(--vx-text-faint);
  text-transform: uppercase;
  letter-spacing: .07em;
  font-weight: 800;
  white-space: nowrap;
  background: var(--vx-glass-light);
}
.vx-table td {
  padding: 16px 14px;
  border-bottom: 1px solid var(--vx-line);
  vertical-align: middle;
  color: var(--vx-text-soft);
}
.vx-table tr:last-child td {
  border-bottom: 0;
}
.vx-table tbody tr:hover {
  background: var(--vx-glass-light);
}
.vx-table td strong {
  font-weight: 750;
  color: var(--vx-text);
}
.vx-table .vx-table-sub {
  display: block;
  color: var(--vx-text-muted);
  font-size: 10px;
  margin-top: 4px;
}
.vx-table-empty {
  padding: 32px;
  text-align: center;
  color: var(--vx-text-muted);
}
.vx-filter-grid {
  display: grid;
  grid-template-columns: minmax(190px,1.65fr) repeat(3,minmax(145px,1fr));
  gap: 12px;
  align-items: end;
}
.vx-filter-grid.three {
  grid-template-columns: minmax(200px,1.8fr) repeat(2,minmax(170px,1fr));
}
.vx-filter-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 17px;
}
.vx-table-footer {
  border-top: 1px solid var(--vx-line);
  padding: 15px 22px;
  font-size: 11px;
  color: var(--vx-text-muted);
}
/* FORMS */
.vx-label {
  display: block;
  color: var(--vx-text-soft);
  font-size: 11.5px;
  font-weight: 800;
  margin-bottom: 8px;
}
.vx-help {
  color: var(--vx-text-muted);
  font-size: 10.5px;
  line-height: 1.6;
  margin-top: 7px;
}
.vx-field,.vx-select,.vx-textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--vx-border-alt);
  background: var(--vx-bg-input);
  border-radius: var(--vx-radius-sm);
  color: var(--vx-text);
  outline: none;
  padding: 11px 13px;
  font-size: 12px;
  transition: border-color var(--vx-transition),box-shadow var(--vx-transition);
}
.vx-field:focus,.vx-select:focus,.vx-textarea:focus {
  border-color: var(--vx-primary-light);
  box-shadow: 0 0 0 3px var(--vx-info-bg);
}
.vx-select {
  appearance: none;
  padding-right: 39px;
  background-image: var(--vx-select-chevron);
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.vx-select option {
  background: var(--vx-bg-input);
  color: var(--vx-text);
}
.vx-textarea {
  min-height: 130px;
  resize: vertical;
  line-height: 1.7;
}
.vx-input-icon {
  position: relative;
}
.vx-input-icon>i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--vx-text-faint);
  font-size: 15px;
}
.vx-input-icon .vx-field {
  padding-left: 39px;
}
.vx-input-group {
  display: flex;
}
.vx-input-group .vx-field {
  border-radius: var(--vx-radius-sm) 0 0 var(--vx-radius-sm);
}
.vx-input-group .vx-input-addon {
  display: grid;
  place-items: center;
  padding: 0 14px;
  background: var(--vx-surface-3);
  color: var(--vx-text-muted);
  border: 1px solid var(--vx-border-alt);
  border-left: 0;
  border-radius: 0 var(--vx-radius-sm) var(--vx-radius-sm) 0;
  font-size: 11px;
}
.vx-check {
  accent-color: var(--vx-primary);
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.vx-switch {
  appearance: none;
  display: inline-block;
  flex: none;
  width: 42px;
  height: 24px;
  border: 1px solid var(--vx-border-alt);
  border-radius: var(--vx-radius-pill);
  background: var(--vx-surface-3);
  cursor: pointer;
  position: relative;
  transition: background var(--vx-transition);
}
.vx-switch::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  background: var(--vx-text-muted);
  border-radius: 50%;
  transition: transform var(--vx-transition),background var(--vx-transition);
}
.vx-switch:checked {
  background: var(--vx-primary);
  border-color: var(--vx-primary);
}
.vx-switch:checked::before {
  transform: translateX(18px);
  background: var(--vx-text);
}
.vx-switch:focus-visible {
  outline: 2px solid var(--vx-primary-light);
  outline-offset: 4px;
}
.vx-setting-row {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 17px 0;
  border-bottom: 1px solid var(--vx-line);
}
.vx-setting-row:last-child {
  border: 0;
}
.vx-setting-row strong {
  font-size: 12px;
}
.vx-setting-row p {
  margin: 5px 0 0;
  font-size: 11px;
  color: var(--vx-text-muted);
}
.vx-form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 17px;
}
.vx-form-grid .full {
  grid-column: 1/-1;
}
.vx-form-section-title {
  font-size: 14px;
  margin: 0 0 5px;
}
.vx-form-section-desc {
  color: var(--vx-text-muted);
  font-size: 11.5px;
  margin: 0 0 22px;
}
.vx-form-stack {
  display: grid;
  gap: 20px;
}
.vx-dropzone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 9px;
  text-align: center;
  border: 1px dashed var(--vx-border-strong);
  background: var(--vx-glass-light);
  border-radius: var(--vx-radius-md);
  padding: 28px 20px;
  min-height: 172px;
  cursor: pointer;
  transition: border-color var(--vx-transition),background var(--vx-transition);
}
.vx-dropzone:hover,.vx-dropzone.dragover {
  border-color: var(--vx-primary-light);
  background: var(--vx-info-bg);
}
.vx-dropzone>i {
  font-size: 27px;
  color: var(--vx-primary-light);
}
.vx-dropzone strong {
  font-size: 12px;
}
.vx-dropzone small {
  color: var(--vx-text-muted);
  font-size: 11px;
}
.vx-upload-previews {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.vx-upload-preview {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--vx-border);
  padding: 7px 9px;
  border-radius: var(--vx-radius-sm);
  font-size: 10px;
  max-width: 100%;
  min-width: 0;
  background: var(--vx-surface-2);
}
.vx-upload-preview img,.vx-upload-preview video {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 8px;
}
.vx-upload-preview .file {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  background: var(--vx-info-bg);
  border-radius: 8px;
  font-size: 18px;
}
.vx-upload-preview button {
  border: 0;
  background: var(--vx-transparent);
  color: var(--vx-text-muted);
}
/* BOT CARDS & EXTRAS */
.vx-bot-card {
  display: flex;
  flex-direction: column;
  min-height: 245px;
}
.vx-bot-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.vx-bot-card h3 {
  font-size: 15px;
  margin: 17px 0 5px;
}
.vx-bot-meta {
  color: var(--vx-text-muted);
  font-size: 11px;
}
.vx-bot-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 19px 0;
}
.vx-bot-stats>div {
  padding: 12px;
  border: 1px solid var(--vx-border);
  background: var(--vx-glass-light);
  border-radius: var(--vx-radius-sm);
}
.vx-bot-stats strong {
  font-size: 17px;
  display: block;
}
.vx-bot-stats span {
  font-size: 10px;
  color: var(--vx-text-muted);
}
.vx-bot-actions {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.vx-bot-actions>* {
  flex: 1;
}
.vx-new-card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 245px;
  border: 1px dashed var(--vx-border-strong);
  border-radius: var(--vx-radius-lg);
  background: var(--vx-glass-light);
  padding: 25px;
  transition: all var(--vx-transition);
}
.vx-new-card:hover {
  border-color: var(--vx-primary-light);
  background: var(--vx-info-bg);
}
.vx-new-icon {
  width: 53px;
  height: 53px;
  border-radius: 17px;
  display: grid;
  place-items: center;
  background: var(--vx-info-bg);
  border: 1px solid var(--vx-border-hover);
  color: var(--vx-primary-light);
  font-size: 25px;
  margin: 0 auto 14px;
}
.vx-new-card h3 {
  font-size: 15px;
}
.vx-new-card p {
  font-size: 11px;
  color: var(--vx-text-muted);
  max-width: 200px;
  margin: 9px auto 0;
}
.vx-wizard-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--vx-border);
  background: var(--vx-surface);
  border-radius: var(--vx-radius-md);
  padding: 17px 20px;
  margin-bottom: 23px;
}
.vx-wizard-step {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--vx-text-faint);
  font-size: 11px;
  font-weight: 800;
}
.vx-step-circle {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  flex: none;
  border: 1px solid var(--vx-border-alt);
  border-radius: 50%;
  background: var(--vx-glass-light);
  font-size: 11px;
}
.vx-wizard-step.active {
  color: var(--vx-text);
}
.vx-wizard-step.active .vx-step-circle,.vx-wizard-step.done .vx-step-circle {
  color: var(--vx-text);
  background: var(--vx-primary);
  border-color: var(--vx-primary);
}
.vx-wizard-step.done {
  color: var(--vx-primary-light);
}
.vx-wizard-line {
  height: 1px;
  flex: 1;
  background: var(--vx-line);
  max-width: 180px;
}
.vx-wizard-panel {
  display: none;
}
.vx-wizard-panel.active {
  display: block;
  animation: vxFade .3s ease;
}
.vx-wizard-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 23px;
}
.vx-review-row {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 13px 0;
  border-bottom: 1px solid var(--vx-line);
  font-size: 12px;
}
.vx-review-row span {
  color: var(--vx-text-muted);
}
.vx-review-row strong {
  font-weight: 750;
  text-align: right;
  overflow-wrap: anywhere;
}
.vx-tabs {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  padding: 5px;
  border: 1px solid var(--vx-border);
  background: var(--vx-surface);
  border-radius: var(--vx-radius-sm);
  margin-bottom: 23px;
}
.vx-tabs .nav-link {
  border: 0;
  border-radius: 9px;
  color: var(--vx-text-muted);
  font-size: 11px;
  font-weight: 800;
  padding: 11px 15px;
}
.vx-tabs .nav-link.active {
  background: var(--vx-primary);
  color: var(--vx-text);
}
.vx-tabs .nav-link:hover {
  color: var(--vx-text);
}
.vx-duration-card {
  border: 1px solid var(--vx-border);
  border-radius: var(--vx-radius-md);
  background: var(--vx-surface-alt);
  padding: 19px;
  height: 100%;
  transition: opacity var(--vx-transition);
}
.vx-duration-card:has(.vx-switch:not(:checked)) {
  opacity: .62;
}
.vx-duration-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17px;
  font-size: 12px;
  font-weight: 850;
}
.vx-duration-inputs {
  display: grid;
  grid-template-columns: 1.5fr .8fr .85fr;
  gap: 12px;
}
.vx-plan-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 26px;
  border: 1px solid var(--vx-border);
  background: var(--vx-card-gradient);
  border-radius: var(--vx-radius-lg);
}
.vx-plan-card.featured {
  border-color: var(--vx-primary);
  box-shadow: var(--vx-glow);
}
.vx-plan-name {
  font-size: 20px;
}
.vx-plan-price {
  font-family: var(--vx-font-numeral);
  font-size: 33px;
  font-weight: 800;
  letter-spacing: -.05em;
  margin: 19px 0 0;
}
.vx-plan-desc {
  font-size: 12px;
  color: var(--vx-text-muted);
  min-height: 42px;
}
.vx-plan-list {
  list-style: none;
  padding: 0;
  margin: 17px 0 25px;
  display: grid;
  gap: 11px;
  flex: 1;
}
.vx-plan-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 11.5px;
  color: var(--vx-text-secondary);
}
.vx-plan-list i {
  color: var(--vx-success);
}
.vx-packs-cover {
  border-radius: var(--vx-radius-md);
  height: 125px;
  background: var(--vx-brand-gradient-soft);
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}
.vx-packs-cover i {
  font-size: 39px;
  color: var(--vx-primary-light);
}
.vx-packs-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vx-pack-card {
  padding: 17px;
}
.vx-pack-card h3 {
  font-size: 14px;
  margin: 16px 0 7px;
}
.vx-pack-card p {
  color: var(--vx-text-muted);
  font-size: 11px;
  min-height: 40px;
}
.vx-pack-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-top: 13px;
  border-top: 1px solid var(--vx-line);
  margin-top: 16px;
}
.vx-tg-preview {
  border: 1px solid var(--vx-border-alt);
  border-radius: var(--vx-radius-lg);
  padding: 9px;
  background: var(--vx-glass-light);
  max-width: 460px;
  margin: 0 auto;
  box-shadow: var(--vx-shadow-md);
}
.vx-tg-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 13px;
  border-bottom: 1px solid var(--vx-line);
  background: var(--vx-surface);
  border-radius: var(--vx-radius-md) var(--vx-radius-md) 0 0;
}
.vx-tg-body {
  background: var(--vx-bg-secondary);
  border-radius: 0 0 var(--vx-radius-md) var(--vx-radius-md);
  padding: 22px 15px;
  min-height: 290px;
}
.vx-tg-bubble {
  padding: 15px;
  background: var(--vx-surface-3);
  border: 1px solid var(--vx-border);
  border-radius: 5px var(--vx-radius-md) var(--vx-radius-md) var(--vx-radius-md);
  font-size: 12px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.65;
}
.vx-tg-buttons {
  display: grid;
  gap: 7px;
  margin-top: 9px;
}
.vx-tg-buttons span {
  border: 1px solid var(--vx-border-hover);
  background: var(--vx-info-bg);
  color: var(--vx-primary-light);
  border-radius: 8px;
  text-align: center;
  padding: 9px;
  font-size: 11px;
  font-weight: 750;
}
.vx-button-builder {
  display: grid;
  gap: 10px;
}
.vx-button-line {
  display: grid;
  grid-template-columns: minmax(120px,1fr) minmax(170px,1.5fr) auto;
  gap: 8px;
}
.vx-transmission-summary {
  position: sticky;
  top: calc(var(--vx-header-height) + 20px);
}
.vx-bar-legend {
  display: flex;
  gap: 17px;
  flex-wrap: wrap;
  font-size: 10.5px;
  color: var(--vx-text-muted);
  margin-top: 10px;
}
.vx-bar-legend i {
  font-size: 9px;
}
.vx-progress {
  background: var(--vx-progress-track);
  border-radius: var(--vx-radius-pill);
  height: 7px;
  overflow: hidden;
}
.vx-progress>span {
  height: 100%;
  display: block;
  background: var(--vx-grad);
  border-radius: inherit;
}
.vx-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vx-timeline li {
  display: flex;
  gap: 12px;
  padding: 0 0 21px;
}
.vx-timeline li:last-child {
  padding-bottom: 0;
}
.vx-timeline-rail {
  width: 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: none;
}
.vx-timeline-icon {
  display: grid;
  place-items: center;
  border-radius: 10px;
  width: 33px;
  height: 33px;
  border: 1px solid var(--vx-border-alt);
  background: var(--vx-info-bg);
  color: var(--vx-primary-light);
}
.vx-timeline-line {
  height: 100%;
  width: 1px;
  background: var(--vx-line);
}
.vx-timeline-content {
  padding-top: 2px;
}
.vx-timeline-content strong {
  font-size: 12px;
}
.vx-timeline-content p {
  color: var(--vx-text-muted);
  font-size: 11px;
  margin: 5px 0;
}
.vx-timeline-content time {
  color: var(--vx-text-faint);
  font-size: 10px;
}
.vx-notice-item {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  padding: 19px;
  border-bottom: 1px solid var(--vx-line);
}
.vx-notice-item:last-child {
  border: 0;
}
.vx-notice-item.unread {
  background: var(--vx-glass-light);
}
.vx-notice-item strong {
  font-size: 12px;
}
.vx-notice-item p {
  color: var(--vx-text-muted);
  font-size: 11px;
  margin: 6px 0;
}
.vx-notice-item time {
  color: var(--vx-text-faint);
  font-size: 10px;
}
/* Dialogs, toasts, empty state */
.vx-empty {
  text-align: center;
  padding: 40px 20px;
  color: var(--vx-text-muted);
}
.vx-empty>i {
  font-size: 31px;
  color: var(--vx-text-faint);
}
.vx-empty h3 {
  font-size: 15px;
  margin: 13px 0 8px;
}
.vx-empty p {
  font-size: 12px;
}
.vx-form-feedback {
  color: var(--vx-text-secondary);
  font-size: 12px;
  word-break: break-word;
}
.vx-toast-area {
  position: fixed;
  z-index: 1100;
  bottom: 23px;
  right: 23px;
  display: grid;
  gap: 8px;
  pointer-events: none;
}
.vx-toast {
  pointer-events: auto;
  background: var(--vx-glass-strong);
  border: 1px solid var(--vx-border-hover);
  border-radius: var(--vx-radius-sm);
  padding: 13px 17px;
  color: var(--vx-text);
  box-shadow: var(--vx-shadow-md);
  font-size: 12px;
  max-width: 370px;
  animation: vxFade .25s ease;
}
.vx-toast i {
  color: var(--vx-primary-light);
  margin-right: 7px;
}
.vx-modal {
  background: var(--vx-surface);
  border: 1px solid var(--vx-border-strong);
  border-radius: var(--vx-radius-lg);
  color: var(--vx-text);
}
.vx-modal .modal-header,.vx-modal .modal-footer {
  border-color: var(--vx-line);
}
.vx-modal .btn-close {
  filter: invert(1);
}
.vx-help-panel {
  border: 1px solid var(--vx-border);
  background: var(--vx-glass-light);
  border-radius: var(--vx-radius-md);
  padding: 17px;
  font-size: 11.5px;
  color: var(--vx-text-muted);
  line-height: 1.7;
}
.vx-help-panel i {
  color: var(--vx-primary-light);
}
.vx-help-panel strong {
  color: var(--vx-text-soft);
}
.vx-action-footer {
  position: sticky;
  bottom: 16px;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 17px;
  margin-top: 25px;
  background: var(--vx-glass-strong);
  border: 1px solid var(--vx-border-alt);
  border-radius: var(--vx-radius-lg);
  box-shadow: var(--vx-shadow-md);
  backdrop-filter: blur(22px);
}
.vx-action-footer small {
  color: var(--vx-text-muted);
}
.vx-action-footer>div:last-child {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}
@keyframes vxFade {
  from {
    opacity: 0;
    transform: translateY(9px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-vx-reveal] {
  opacity: 0;
  transform: translateY(17px);
  transition: opacity .55s ease,transform .55s ease;
}
[data-vx-reveal="left"] {
  transform: translateX(-18px);
}
[data-vx-reveal="right"] {
  transform: translateX(18px);
}
[data-vx-reveal].visible {
  opacity: 1;
  transform: none;
}
@media (max-width:1390px) {
  .vx-topbar {
    padding: 0 23px;
  }
  .vx-main {
    padding: 28px 23px 85px;
  }
  .vx-footer {
    padding-left: 23px;
    padding-right: 23px;
  }
  .vx-duration-inputs {
    grid-template-columns: 1fr 1fr;
  }
  .vx-duration-inputs>div:first-child {
    grid-column: 1/-1;
  }
}
@media (max-width:1199.98px) {
  :root {
    --vx-sidebar-width: 236px;
  }
  .vx-sidebar {
    padding-left: 10px;
    padding-right: 10px;
  }
  .vx-main {
    padding: 25px 20px 90px;
  }
  .vx-filter-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .vx-filter-grid.three {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .vx-search-shortcut {
    display: none;
  }
}
@media (max-width:991.98px) {
  :root {
    --vx-sidebar-width: 268px;
  }
  .vx-shell {
    margin-left: 0;
  }
  .vx-sidebar {
    transform: translateX(-105%);
    transition: transform .25s ease;
    box-shadow: var(--vx-shadow);
  }
  .menu-open .vx-sidebar {
    transform: none;
  }
  .vx-overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: var(--vx-scrim);
    z-index: 1040;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s;
  }
  .menu-open .vx-overlay {
    opacity: 1;
    pointer-events: auto;
  }
  .vx-mobile-menu {
    display: inline-grid;
  }
  .vx-topbar {
    height: 66px;
    padding: 0 18px;
  }
  .vx-main {
    padding: 26px 20px 110px;
  }
  .vx-footer {
    margin-left: 0;
    padding: 0 20px 95px;
  }
  .vx-mobile-nav {
    position: fixed;
    display: flex;
    justify-content: space-around;
    align-items: center;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vx-bottom-nav-height);
    z-index: 1010;
    padding-bottom: env(safe-area-inset-bottom);
    background: var(--vx-glass-strong);
    border-top: 1px solid var(--vx-border);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
  }
  .vx-mobile-nav a,.vx-mobile-nav button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 48px;
    flex: 1;
    background: none;
    border: 0;
    color: var(--vx-text-muted);
    font-size: 9px;
    font-weight: 800;
    padding: 8px 2px;
  }
  .vx-mobile-nav a i,.vx-mobile-nav button i {
    font-size: 20px;
  }
  .vx-mobile-nav a.active {
    color: var(--vx-primary-light);
  }
  .vx-action-footer {
    bottom: calc(var(--vx-bottom-nav-height) + 10px);
  }
}
@media (max-width:767.98px) {
  .vx-card-body {
    padding: 18px;
  }
  .vx-card-head {
    margin-bottom: 17px;
  }
  .vx-filter-grid,.vx-filter-grid.three {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .vx-filter-grid>div:first-child,.vx-filter-grid.three>div:first-child {
    grid-column: 1/-1;
  }
  .vx-form-grid {
    grid-template-columns: 1fr;
  }
  .vx-topbar .vx-profile-name,.vx-topbar .vx-profile-role {
    display: none;
  }
  .vx-profile {
    padding-left: 6px;
  }
  .vx-wizard-step {
    gap: 7px;
  }
  .vx-wizard-step span:last-child {
    font-size: 10px;
  }
  .vx-wizard-bar {
    padding: 12px;
  }
  .vx-wizard-line {
    min-width: 10px;
  }
  .vx-duration-inputs {
    grid-template-columns: 1.3fr .75fr .9fr;
  }
  .vx-duration-inputs>div:first-child {
    grid-column: auto;
  }
  .vx-page-head {
    align-items: flex-start;
  }
  .vx-transmission-summary {
    position: static;
  }
  .vx-stat-card {
    min-height: 140px;
    padding: 18px;
  }
}
@media (max-width:575.98px) {
  .vx-main {
    padding: 22px 13px 100px;
  }
  .vx-topbar {
    padding: 0 12px;
  }
  .vx-topbar-end {
    gap: 7px;
  }
  .vx-topbar-start {
    gap: 8px;
  }
  .vx-breadcrumb {
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .vx-page-head {
    margin-bottom: 18px;
  }
  .vx-page-title {
    font-size: 25px;
  }
  .vx-head-actions,.vx-head-actions>a,.vx-head-actions>button {
    width: 100%;
  }
  .vx-head-actions .btn-vx-primary,.vx-head-actions .btn-vx-secondary {
    flex: 1;
  }
  .vx-filter-grid,.vx-filter-grid.three {
    grid-template-columns: 1fr;
  }
  .vx-filter-grid>div:first-child,.vx-filter-grid.three>div:first-child {
    grid-column: auto;
  }
  .vx-card-body {
    padding: 16px;
  }
  .vx-action-footer {
    padding: 11px;
    align-items: stretch;
    flex-direction: column;
  }
  .vx-action-footer>div:last-child,.vx-action-footer button {
    width: 100%;
  }
  .vx-wizard-step span:last-child {
    display: none;
  }
  .vx-wizard-step.active span:last-child {
    display: block;
  }
  .vx-duration-inputs {
    grid-template-columns: 1fr 1fr;
  }
  .vx-duration-inputs>div:first-child {
    grid-column: 1/-1;
  }
  .vx-button-line {
    grid-template-columns: 1fr auto;
  }
  .vx-button-line input:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .vx-button-line button {
    grid-row: 1/3;
    grid-column: 2;
  }
  .vx-footer {
    padding-left: 13px;
    padding-right: 13px;
  }
  .vx-table-footer {
    padding: 12px;
  }
  .vx-profile {
    border-left: 0;
  }
  .vx-icon-btn {
    width: 37px;
    height: 37px;
  }
  .vx-tabs .nav-link {
    padding: 10px 11px;
  }
  .vx-stat-value {
    font-size: 26px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
  *,*::before,*::after {
    transition: none !important;
    animation: none !important;
  }
  [data-vx-reveal] {
    opacity: 1;
    transform: none;
  }
}

/* =========================================================
   LANDING PAGE | ESTILOS ORIGINAIS ISOLADOS
   ========================================================= */
.vx-view-inicio {
  --bg: #07142d;
  --bg2: #0a1b3c;
  --blue: #2778ff;
  --blue2: #59b8ff;
  --text: #f4f8ff;
  --muted: #98a9c6;
  --line: rgba(180,210,255,.13);
  --radius: 25px;
}
.vx-view-inicio *,
.vx-view-inicio *::before,
.vx-view-inicio *::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
.vx-view-inicio {
  font-family: "DM Sans",sans-serif;
  background: var(--bg);
  color: var(--text);
  overflow-x: hidden;
}
.vx-view-inicio h1,
.vx-view-inicio h2,
.vx-view-inicio h3,
.vx-view-inicio h4,
.vx-view-inicio h5,
.vx-view-inicio .navbar-brand {
  font-family: Manrope,sans-serif;
}
.vx-view-inicio a {
  text-decoration: none;
}
.vx-view-inicio button,
.vx-view-inicio input {
  font-family: inherit;
}
.vx-view-inicio .text-muted-blue {
  color: var(--muted);
}
.vx-view-inicio .section-pad {
  padding: 112px 0;
}
.vx-view-inicio .container {
  max-width: 1170px;
}
.vx-view-inicio ::selection {
  background: #3687ff;
  color: #fff;
}
.vx-view-inicio .ambient {
  position: absolute;
  pointer-events: none;
  filter: blur(12px);
  border-radius: 50%;
  z-index: 0;
}
.vx-view-inicio .ambient.one {
  width: 600px;
  height: 540px;
  background: radial-gradient(circle,rgba(27,102,255,.23),transparent 66%);
  top: -190px;
  right: -170px;
}
.vx-view-inicio .ambient.two {
  width: 550px;
  height: 570px;
  background: radial-gradient(circle,rgba(34,173,255,.105),transparent 67%);
  top: 210px;
  left: -250px;
}
.vx-view-inicio .nav-shell {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 16px;
  padding: 0 16px;
  transition: .3s;
}
.vx-view-inicio .main-nav {
  max-width: 1170px;
  margin: auto;
  border: 1px solid rgba(212,232,255,.16);
  background: rgba(16,34,66,.69);
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  box-shadow: inset 0 1px rgba(255,255,255,.14),0 12px 50px rgba(0,0,0,.13);
  border-radius: 19px;
  padding: 10px 16px;
}
.vx-view-inicio .nav-shell.scrolled {
  top: 8px;
}
.vx-view-inicio .nav-shell.scrolled .main-nav {
  background: rgba(9,23,48,.94);
}
.vx-view-inicio .brand-mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(140deg,#80cbff,#2676ff 65%,#1d49cc);
  font-size: 18px;
  color: white;
  box-shadow: inset 0 1px rgba(255,255,255,.45),0 4px 18px #2676ff33;
}
.vx-view-inicio .navbar-brand {
  letter-spacing: -1.1px;
  font-size: 23px;
  font-weight: 800;
  color: #fff !important;
  display: flex;
  gap: 10px;
  align-items: center;
}
.vx-view-inicio .nav-link {
  color: #adbed9 !important;
  font-size: 13px;
  font-weight: 600;
  padding: 11px 14px !important;
  transition: .2s;
}
.vx-view-inicio .nav-link:hover {
  color: white !important;
}
.vx-view-inicio .navbar-toggler {
  border: 1px solid var(--line);
  color: white;
  box-shadow: none !important;
}
.vx-view-inicio .navbar-toggler i {
  font-size: 24px;
}
.vx-view-inicio .btn {
  font-weight: 750;
  border-radius: 13px;
  padding: 13px 20px;
  font-size: 13px;
  transition: transform .25s,box-shadow .25s,background .25s;
}
.vx-view-inicio .btn:hover {
  transform: translateY(-2px);
}
.vx-view-inicio .btn-primary {
  background: #287bff;
  border-color: #287bff;
  box-shadow: 0 9px 28px rgba(20,103,255,.21);
}
.vx-view-inicio .btn-primary:hover {
  background: #4590ff;
  border-color: #4590ff;
  box-shadow: 0 12px 35px rgba(20,103,255,.31);
}
.vx-view-inicio .btn-glass {
  background: rgba(255,255,255,.065);
  border: 1px solid rgba(213,232,255,.16);
  color: #eff6ff;
  backdrop-filter: blur(12px);
}
.vx-view-inicio .btn-glass:hover {
  background: rgba(255,255,255,.12);
  color: white;
}
.vx-view-inicio .btn-sm-custom {
  padding: 10px 15px !important;
  font-size: 12px;
}
.vx-view-inicio .hero {
  position: relative;
  overflow: hidden;
  padding: 196px 0 100px;
  background: radial-gradient(ellipse at 68% 35%,#102f6d 0%,#0a1c3e 34%,#07142d 75%);
}
.vx-view-inicio .hero:after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(155,195,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(155,195,255,.035) 1px,transparent 1px);
  background-size: 55px 55px;
  mask-image: linear-gradient(to bottom,transparent,#000 15%,transparent 90%);
  pointer-events: none;
}
.vx-view-inicio .hero .container {
  position: relative;
  z-index: 2;
}
.vx-view-inicio .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #86c6ff;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
}
.vx-view-inicio .eyebrow .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #52b1ff;
  box-shadow: 0 0 15px #36a0ff;
}
.vx-view-inicio .hero h1 {
  font-size: clamp(39px,4.5vw,65px);
  line-height: 1.11;
  letter-spacing: -.055em;
  font-weight: 800;
  margin: 23px 0 22px;
}
.vx-view-inicio .gradient-text {
  background: linear-gradient(110deg,#c7e6ff 5%,#62acff 48%,#4e7bff);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
.vx-view-inicio .hero-lead {
  font-size: 16px;
  color: #a8bad6;
  line-height: 1.85;
  max-width: 520px;
}
.vx-view-inicio .hero-ctas {
  margin-top: 29px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.vx-view-inicio .hero-proof {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  margin-top: 34px;
  color: #9caeca;
  font-size: 12px;
}
.vx-view-inicio .hero-proof i {
  color: #6eaaff;
  margin-right: 7px;
}
.vx-view-inicio .micro-note {
  font-size: 11px;
  color: #8196b7;
  margin-top: 15px;
}
.vx-view-inicio .dashboard {
  position: relative;
  border: 1px solid rgba(174,210,255,.22);
  background: linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 46%);
  padding: 9px;
  border-radius: 25px;
  box-shadow: 0 30px 90px rgba(0,5,22,.55),inset 0 1px rgba(255,255,255,.24);
  backdrop-filter: blur(19px);
}
.vx-view-inicio .dash-inside {
  background: #0b1931;
  border: 1px solid rgba(191,220,255,.09);
  border-radius: 18px;
  overflow: hidden;
}
.vx-view-inicio .dash-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 17px;
  border-bottom: 1px solid var(--line);
}
.vx-view-inicio .dash-dots {
  display: flex;
  gap: 5px;
}
.vx-view-inicio .dash-dots i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4f6385;
}
.vx-view-inicio .dash-dots i:first-child {
  background: #407af5;
}
.vx-view-inicio .dash-header-label {
  font-size: 10px;
  color: #a9b8d2;
  font-weight: 700;
}
.vx-view-inicio .dash-layout {
  display: grid;
  grid-template-columns: 60px 1fr;
  min-height: 335px;
}
.vx-view-inicio .dash-sidebar {
  border-right: 1px solid var(--line);
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 23px;
  color: #647a9d;
}
.vx-view-inicio .dash-sidebar .active {
  color: #78b6ff;
  background: #193c75;
  border-radius: 10px;
  padding: 10px;
  margin: -10px;
}
.vx-view-inicio .dash-content {
  padding: 21px;
}
.vx-view-inicio .dash-title {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.vx-view-inicio .dash-sub {
  font-size: 10px;
  color: #7990b4;
}
.vx-view-inicio .dash-stats {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 9px;
  margin-top: 18px;
}
.vx-view-inicio .dash-stat {
  padding: 13px;
  background: #101f3b;
  border: 1px solid #223657;
  border-radius: 12px;
}
.vx-view-inicio .dash-stat small {
  display: block;
  font-size: 9px;
  color: #91a5c2;
}
.vx-view-inicio .dash-stat strong {
  display: block;
  font-size: 19px;
  letter-spacing: -.04em;
  margin-top: 6px;
}
.vx-view-inicio .dash-stat em {
  font-size: 9px;
  color: #4cd5b0;
  font-style: normal;
}
.vx-view-inicio .dash-chart {
  height: 135px;
  background: #0f203c;
  border: 1px solid #223657;
  border-radius: 13px;
  padding: 13px 15px 8px;
  margin-top: 11px;
  position: relative;
}
.vx-view-inicio .chart-bars {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  top: 40px;
  display: flex;
  align-items: end;
  gap: 7px;
}
.vx-view-inicio .chart-bars span {
  flex: 1;
  border-radius: 4px 4px 1px 1px;
  background: linear-gradient(0deg,rgba(37,109,247,.17),#2676ff);
  min-height: 8px;
}
.vx-view-inicio .chart-label {
  font-size: 10px;
  font-weight: 700;
  color: #c7d7ef;
}
.vx-view-inicio .float-card {
  position: absolute;
  z-index: 4;
  background: rgba(28,52,94,.86);
  border: 1px solid rgba(185,221,255,.24);
  border-radius: 14px;
  padding: 13px 15px;
  backdrop-filter: blur(20px);
  box-shadow: 0 12px 40px #0005;
}
.vx-view-inicio .float-card.top {
  right: -30px;
  top: -28px;
}
.vx-view-inicio .float-card.bottom {
  left: -38px;
  bottom: 14px;
}
.vx-view-inicio .float-card .f-icon {
  height: 34px;
  width: 34px;
  display: grid;
  place-items: center;
  background: #1b6657;
  color: #70f4cf;
  border-radius: 10px;
  font-size: 18px;
}
.vx-view-inicio .float-card strong {
  font-size: 11px;
}
.vx-view-inicio .float-card small {
  display: block;
  font-size: 10px;
  color: #9fb6d7;
  margin-top: 4px;
}
.vx-view-inicio .glass-caption {
  font-size: 10px;
  color: #899bb8;
  margin-top: 13px;
  text-align: center;
}
.vx-view-inicio .numbers-strip {
  position: relative;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #0a1935;
}
.vx-view-inicio .metric {
  padding: 31px 15px;
  text-align: center;
  position: relative;
}
.vx-view-inicio .metric:not(:last-child):after {
  content: "";
  width: 1px;
  position: absolute;
  right: 0;
  top: 27px;
  bottom: 27px;
  background: var(--line);
}
.vx-view-inicio .metric strong {
  font-family: Manrope,sans-serif;
  letter-spacing: -.04em;
  font-size: 32px;
  display: block;
}
.vx-view-inicio .metric small {
  color: #94a9c9;
  font-size: 11px;
}
.vx-view-inicio .section-heading {
  max-width: 650px;
  margin: 0 auto 50px;
  text-align: center;
}
.vx-view-inicio .section-heading h2 {
  font-size: clamp(30px,3vw,43px);
  font-weight: 800;
  letter-spacing: -.046em;
  line-height: 1.17;
  margin: 17px 0;
}
.vx-view-inicio .section-heading p {
  color: #9cadc9;
  line-height: 1.8;
  font-size: 14px;
}
.vx-view-inicio .feature-card {
  height: 100%;
  border: 1px solid var(--line);
  background: linear-gradient(155deg,#112343,#0b1b36 80%);
  border-radius: 21px;
  padding: 27px;
  transition: transform .28s,border-color .28s,background .28s;
}
.vx-view-inicio .feature-card:hover {
  transform: translateY(-6px);
  border-color: #3976d65e;
  background: #122b54;
}
.vx-view-inicio .feature-icon {
  width: 47px;
  height: 47px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 21px;
  color: #87c3ff;
  background: linear-gradient(145deg,#1a4483,#142c52);
  border: 1px solid #37609c;
  margin-bottom: 24px;
}
.vx-view-inicio .feature-card h3 {
  font-size: 17px;
  letter-spacing: -.03em;
  font-weight: 800;
}
.vx-view-inicio .feature-card p {
  font-size: 12.5px;
  line-height: 1.85;
  color: #99aeca;
  margin: 12px 0 0;
}
.vx-view-inicio .soft-section {
  background: linear-gradient(180deg,#0a1a36,#08162f);
}
.vx-view-inicio .split-title {
  font-size: clamp(30px,3.4vw,46px);
  letter-spacing: -.05em;
  line-height: 1.17;
  font-weight: 800;
  margin: 20px 0;
}
.vx-view-inicio .split-text {
  color: #9baccc;
  line-height: 1.85;
  font-size: 14px;
}
.vx-view-inicio .steps {
  display: grid;
  gap: 17px;
  margin-top: 31px;
}
.vx-view-inicio .step {
  display: flex;
  gap: 16px;
}
.vx-view-inicio .step-num {
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #153461;
  border: 1px solid #285595;
  color: #8ec7ff;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 800;
}
.vx-view-inicio .step h4 {
  font-size: 14px;
  font-weight: 800;
  margin: 2px 0 6px;
}
.vx-view-inicio .step p {
  color: #92a6c6;
  font-size: 12px;
  line-height: 1.75;
  margin: 0;
}
.vx-view-inicio .telegram-preview {
  max-width: 420px;
  margin: auto;
  position: relative;
  border: 1px solid #3a5e91;
  background: linear-gradient(130deg,#152b50,#08182f);
  border-radius: 30px;
  padding: 10px;
  box-shadow: 0 20px 70px #01071688,0 0 85px #1761d018;
}
.vx-view-inicio .tg-screen {
  background: #0d1d37;
  border-radius: 23px;
  overflow: hidden;
  border: 1px solid #22395d;
}
.vx-view-inicio .tg-top {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--line);
}
.vx-view-inicio .tg-avatar {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg,#61b7ff,#2359e5);
  border-radius: 50%;
  font-size: 18px;
}
.vx-view-inicio .tg-top strong {
  font-size: 12px;
}
.vx-view-inicio .tg-top small {
  font-size: 10px;
  color: #7db2eb;
  display: block;
}
.vx-view-inicio .tg-chat {
  padding: 20px 17px;
  min-height: 340px;
  background-image: radial-gradient(#23446555 .8px,transparent .8px);
  background-size: 15px 15px;
}
.vx-view-inicio .tg-bubble {
  max-width: 85%;
  padding: 12px 14px;
  border-radius: 15px 15px 15px 4px;
  background: #1c3458;
  font-size: 12px;
  color: #dfecff;
  line-height: 1.55;
}
.vx-view-inicio .tg-bubble strong {
  display: block;
  font-size: 13px;
  margin-bottom: 6px;
}
.vx-view-inicio .tg-buttons {
  display: grid;
  gap: 7px;
  width: 85%;
  margin-top: 8px;
}
.vx-view-inicio .tg-buttons span {
  display: block;
  border: 1px solid #3273ba;
  background: #1b497f;
  text-align: center;
  padding: 10px;
  border-radius: 9px;
  font-size: 11px;
  color: #e4f3ff;
  font-weight: 700;
}
.vx-view-inicio .tg-reply {
  display: flex;
  gap: 9px;
  margin-top: 20px;
  justify-content: flex-end;
}
.vx-view-inicio .tg-reply span {
  background: #235c7d;
  border-radius: 14px 14px 3px 14px;
  padding: 10px 13px;
  font-size: 11px;
}
.vx-view-inicio .tg-bottom {
  padding: 12px 16px;
  border-top: 1px solid var(--line);
  font-size: 11px;
  color: #849bb9;
}
.vx-view-inicio .gateway-card {
  border: 1px solid #2c4773;
  background: #102443;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  box-shadow: inset 0 1px #ffffff11;
}
.vx-view-inicio .gateway-logo {
  height: 49px;
  width: 49px;
  display: grid;
  place-items: center;
  font-size: 23px;
  border-radius: 15px;
  background: #183d74;
  color: #9ad4ff;
}
.vx-view-inicio .gateway-card h3 {
  font-size: 17px;
  font-weight: 800;
  margin-bottom: 6px;
}
.vx-view-inicio .gateway-card p {
  font-size: 12px;
  color: #a2b5d0;
  margin: 0;
}
.vx-view-inicio .payment-chip {
  padding: 11px 14px;
  border-radius: 11px;
  border: 1px solid #355379;
  background: #173355;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.vx-view-inicio .payment-chip i {
  color: #6bb9ff;
  margin-right: 6px;
}
.vx-view-inicio .payment-disclaimer {
  color: #7d93b4;
  font-size: 11px;
  line-height: 1.7;
}
.vx-view-inicio .pricing-section {
  position: relative;
  background: radial-gradient(ellipse at 50% 15%,#123465 0,#08172f 52%,#07142d 100%);
}
.vx-view-inicio .billing {
  display: inline-flex;
  gap: 5px;
  padding: 5px;
  border: 1px solid #294365;
  background: #102344;
  border-radius: 13px;
}
.vx-view-inicio .billing button {
  background: transparent;
  color: #8ea7ca;
  border: 0;
  border-radius: 9px;
  padding: 10px 16px;
  font-weight: 750;
  font-size: 12px;
}
.vx-view-inicio .billing button.active {
  background: #2b73e6;
  color: white;
  box-shadow: 0 2px 15px #145ddd44;
}
.vx-view-inicio .price-card {
  height: 100%;
  position: relative;
  background: #10213d;
  border: 1px solid #2a4162;
  border-radius: 23px;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  transition: transform .3s,border-color .3s;
}
.vx-view-inicio .price-card:hover {
  transform: translateY(-5px);
}
.vx-view-inicio .price-card.featured {
  background: linear-gradient(175deg,#15386d 0%,#102544 33%,#10213d 100%);
  border: 1px solid #3a90ff;
  box-shadow: 0 15px 55px #155bce22;
}
.vx-view-inicio .price-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vx-view-inicio .price-card h3 {
  font-weight: 800;
  font-size: 20px;
  letter-spacing: -.035em;
}
.vx-view-inicio .price-card .plan-desc {
  color: #94a9c8;
  font-size: 12px;
  line-height: 1.7;
  min-height: 44px;
}
.vx-view-inicio .price {
  margin: 23px 0 4px;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.vx-view-inicio .price .currency {
  font-size: 19px;
  color: #d4e8ff;
}
.vx-view-inicio .price .amount {
  font-family: Manrope,sans-serif;
  font-size: 46px;
  font-weight: 800;
  letter-spacing: -.065em;
}
.vx-view-inicio .price .frequency {
  font-size: 12px;
  color: #9caecb;
}
.vx-view-inicio .billing-note {
  min-height: 24px;
  font-size: 11px;
  color: #93abcb;
}
.vx-view-inicio .price-divider {
  border-top: 1px solid #304561;
  margin: 23px 0;
}
.vx-view-inicio .price-list {
  list-style: none;
  padding: 0;
  margin: 0 0 27px;
  display: grid;
  gap: 15px;
  flex: 1;
}
.vx-view-inicio .price-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 12px;
  color: #c7d7ec;
  line-height: 1.4;
}
.vx-view-inicio .price-list i {
  color: #69adff;
  font-size: 16px;
}
.vx-view-inicio .plan-tag {
  background: #2c7dff;
  color: #fff;
  padding: 7px 9px;
  border-radius: 8px;
  font-size: 9px;
  font-weight: 800;
}
.vx-view-inicio .price-card .btn {
  width: 100%;
}
.vx-view-inicio .pricing-foot {
  color: #859cc0;
  font-size: 12px;
  text-align: center;
  margin-top: 25px;
}
.vx-view-inicio .faq .accordion-item {
  border: 1px solid #243c60;
  background: #10203c;
  border-radius: 15px !important;
  overflow: hidden;
  margin-bottom: 12px;
}
.vx-view-inicio .faq .accordion-button {
  background: #10203c;
  color: #e5efff;
  font-weight: 750;
  font-size: 13px;
  padding: 20px 22px;
  box-shadow: none !important;
}
.vx-view-inicio .faq .accordion-button:not(.collapsed) {
  color: #90c7ff;
  background: #142b50;
}
.vx-view-inicio .faq .accordion-button:after {
  filter: invert(1) hue-rotate(160deg);
  background-size: 15px;
}
.vx-view-inicio .faq .accordion-body {
  color: #9eb1cf;
  line-height: 1.85;
  font-size: 12px;
  padding: 0 22px 21px;
}
.vx-view-inicio .cta-box {
  padding: 68px 35px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 29px;
  border: 1px solid #3e72b8;
  background: radial-gradient(ellipse at 50% -20%,#2967b0 0%,#15325a 48%,#0e2546 100%);
  box-shadow: inset 0 1px #ffffff22;
}
.vx-view-inicio .cta-box:before {
  content: "";
  height: 250px;
  width: 250px;
  position: absolute;
  border: 1px solid #a4cdff21;
  border-radius: 50%;
  left: -100px;
  top: -130px;
}
.vx-view-inicio .cta-box:after {
  content: "";
  height: 300px;
  width: 300px;
  position: absolute;
  border: 1px solid #a4cdff21;
  border-radius: 50%;
  right: -125px;
  bottom: -220px;
}
.vx-view-inicio .cta-box h2 {
  font-size: clamp(27px,3vw,43px);
  font-weight: 800;
  letter-spacing: -.04em;
}
.vx-view-inicio .cta-box p {
  color: #b1c7e3;
  font-size: 14px;
  margin: 15px auto 23px;
  max-width: 520px;
  line-height: 1.8;
}
.vx-view-inicio .site-footer {
  border-top: 1px solid var(--line);
  padding: 43px 0 26px;
}
.vx-view-inicio .footer-links {
  display: flex;
  gap: 19px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.vx-view-inicio .footer-links a {
  font-size: 12px;
  color: #97aaca;
}
.vx-view-inicio .footer-links a:hover {
  color: white;
}
.vx-view-inicio .footer-bottom {
  border-top: 1px solid var(--line);
  padding-top: 20px;
  margin-top: 33px;
  color: #7e94b6;
  font-size: 11px;
  line-height: 1.7;
}
.vx-view-inicio [data-reveal] {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .7s ease,transform .7s ease;
}
.vx-view-inicio [data-reveal="left"] {
  transform: translateX(-34px);
}
.vx-view-inicio [data-reveal="right"] {
  transform: translateX(34px);
}
.vx-view-inicio [data-reveal].visible {
  opacity: 1;
  transform: translate(0,0);
}
@media (max-width:991px) {
  .vx-view-inicio .navbar-collapse {
    padding: 16px 0 6px;
  }
  .vx-view-inicio .nav-link {
    padding: 10px !important;
  }
  .vx-view-inicio .hero {
    padding: 155px 0 80px;
  }
  .vx-view-inicio .hero-copy {
    text-align: center;
  }
  .vx-view-inicio .hero-lead {
    margin: auto;
  }
  .vx-view-inicio .hero-ctas,
  .vx-view-inicio .hero-proof {
    justify-content: center;
  }
  .vx-view-inicio .dashboard-wrap {
    max-width: 535px;
    margin: 62px auto 0;
  }
  .vx-view-inicio .metric strong {
    font-size: 28px;
  }
  .vx-view-inicio .metric:nth-child(2):after {
    display: none;
  }
  .vx-view-inicio .section-pad {
    padding: 82px 0;
  }
  .vx-view-inicio .footer-links {
    justify-content: flex-start;
    margin-top: 23px;
  }
}
@media (max-width:575px) {
  .vx-view-inicio .hero {
    padding-top: 144px;
  }
  .vx-view-inicio .hero h1 {
    font-size: 40px;
  }
  .vx-view-inicio .hero-lead {
    font-size: 14px;
  }
  .vx-view-inicio .hero-ctas .btn {
    width: 100%;
  }
  .vx-view-inicio .hero-proof {
    gap: 12px 18px;
  }
  .vx-view-inicio .float-card.top {
    right: -5px;
    top: -35px;
  }
  .vx-view-inicio .float-card.bottom {
    left: -5px;
    bottom: -24px;
  }
  .vx-view-inicio .float-card {
    padding: 10px;
  }
  .vx-view-inicio .float-card strong {
    font-size: 10px;
  }
  .vx-view-inicio .dash-content {
    padding: 12px;
  }
  .vx-view-inicio .dash-layout {
    grid-template-columns: 40px 1fr;
    min-height: 320px;
  }
  .vx-view-inicio .dash-sidebar {
    font-size: 11px;
  }
  .vx-view-inicio .dash-stats {
    gap: 5px;
  }
  .vx-view-inicio .dash-stat {
    padding: 10px 6px;
  }
  .vx-view-inicio .dash-stat strong {
    font-size: 15px;
  }
  .vx-view-inicio .dash-stat small {
    font-size: 8px;
  }
  .vx-view-inicio .metric strong {
    font-size: 24px;
  }
  .vx-view-inicio .metric small {
    font-size: 10px;
  }
  .vx-view-inicio .metric {
    padding: 25px 7px;
  }
  .vx-view-inicio .gateway-card {
    padding: 20px;
  }
  .vx-view-inicio .price-card {
    padding: 26px;
  }
  .vx-view-inicio .cta-box {
    padding: 50px 20px;
  }
  .vx-view-inicio .section-heading {
    margin-bottom: 35px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
  .vx-view-inicio *,
  .vx-view-inicio *::before,
  .vx-view-inicio *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
  .vx-view-inicio [data-reveal] {
    opacity: 1;
    transform: none;
  }
}

/* =========================================================
   LOGIN E CADASTRO | ESTILOS ORIGINAIS ISOLADOS
   ========================================================= */
.vx-view-auth {
  --bg: #07142d;
  --blue: #2778ff;
  --blue2: #59b8ff;
  --text: #f4f8ff;
  --muted: #98a9c6;
  --line: rgba(180,210,255,.15);
}
.vx-view-auth * {
  box-sizing: border-box;
}
html {
  min-height: 100%;
}
.vx-view-auth {
  min-height: 100vh;
  margin: 0;
  background: #07142d;
  color: var(--text);
  font-family: "DM Sans",sans-serif;
}
.vx-view-auth a {
  color: #80bcff;
  text-decoration: none;
  transition: color .2s;
}
.vx-view-auth a:hover {
  color: #c4e2ff;
}
.vx-view-auth h1,
.vx-view-auth h2,
.vx-view-auth h3,
.vx-view-auth .brand {
  font-family: Manrope,sans-serif;
}
.vx-view-auth .auth-page {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0,1.07fr) minmax(450px,.93fr);
}
.vx-view-auth .auth-showcase {
  min-height: 100vh;
  padding: 38px clamp(30px,5vw,95px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse at 80% 38%,#17428b 0%,#0c2757 39%,#081936 75%);
}
.vx-view-auth .auth-showcase:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .58;
  background-image: linear-gradient(rgba(172,203,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(172,203,255,.05) 1px,transparent 1px);
  background-size: 55px 55px;
  mask-image: linear-gradient(90deg,#000,transparent 93%);
  pointer-events: none;
}
.vx-view-auth .auth-showcase:after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  left: -280px;
  bottom: -265px;
  background: #1f6cff;
  filter: blur(130px);
  opacity: .20;
  pointer-events: none;
}
.vx-view-auth .showcase-inner {
  position: relative;
  z-index: 1;
  max-width: 550px;
  margin: auto 0;
}
.vx-view-auth .brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  letter-spacing: -1.1px;
  color: #fff !important;
  font-size: 24px;
  position: relative;
  z-index: 1;
}
.vx-view-auth .brand-mark {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(145deg,#8bd5ff,#287bff 65%,#1d49cc);
  color: white;
  font-size: 20px;
  box-shadow: inset 0 1px rgba(255,255,255,.4),0 10px 26px #2778ff40;
}
.vx-view-auth .label-top {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: #88c5ff;
  display: flex;
  align-items: center;
  gap: 9px;
}
.vx-view-auth .label-top:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #62b7ff;
  box-shadow: 0 0 14px #62b7ff;
}
.vx-view-auth .showcase-inner h2 {
  font-size: clamp(36px,3.75vw,61px);
  font-weight: 800;
  line-height: 1.13;
  letter-spacing: -.055em;
  margin: 23px 0;
}
.vx-view-auth .accent {
  background: linear-gradient(100deg,#d8edff,#67b3ff,#628bff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.vx-view-auth .showcase-desc {
  font-size: 15px;
  line-height: 1.9;
  color: #b5c8e7;
  max-width: 490px;
}
.vx-view-auth .glass-demo {
  margin-top: 35px;
  border: 1px solid rgba(216,235,255,.23);
  border-radius: 23px;
  padding: 10px;
  background: linear-gradient(125deg,rgba(255,255,255,.14),rgba(255,255,255,.025));
  box-shadow: 0 30px 75px #020c2659,inset 0 1px rgba(255,255,255,.2);
  backdrop-filter: blur(25px);
  transform: perspective(1100px) rotateY(-5deg);
  animation: rise 1s both;
}
.vx-view-auth .glass-inner {
  background: #091b37eb;
  border: 1px solid #ffffff13;
  border-radius: 16px;
  padding: 20px;
}
.vx-view-auth .demo-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 17px;
  border-bottom: 1px solid #ffffff18;
}
.vx-view-auth .bot-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: linear-gradient(135deg,#4bb7ff,#2855d7);
  display: grid;
  place-items: center;
  font-size: 24px;
  flex-shrink: 0;
}
.vx-view-auth .demo-title {
  font-weight: 800;
  font-size: 14px;
}
.vx-view-auth .demo-small {
  color: #91a5c5;
  font-size: 11px;
  margin-top: 3px;
}
.vx-view-auth .status {
  font-size: 10px;
  color: #82ddc0;
  background: #1bc89d19;
  padding: 6px 9px;
  border: 1px solid #52d5b332;
  border-radius: 100px;
  white-space: nowrap;
}
.vx-view-auth .demo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
}
.vx-view-auth .metric {
  border-radius: 13px;
  background: #ffffff08;
  border: 1px solid #ffffff10;
  padding: 14px;
}
.vx-view-auth .metric-label {
  font-size: 11px;
  color: #98b0d0;
}
.vx-view-auth .metric-num {
  font-family: Manrope,sans-serif;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 6px;
}
.vx-view-auth .metric-foot {
  font-size: 10px;
  color: #6cdfb7;
  margin-top: 4px;
}
.vx-view-auth .demo-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 2px 0;
  font-size: 11px;
  color: #a5bbd9;
}
.vx-view-auth .demo-bottom i {
  color: #6baaff;
}
.vx-view-auth .showcase-footer {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  color: #91a9cd;
  font-size: 11px;
}
.vx-view-auth .auth-side {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 30px;
  background: radial-gradient(circle at 88% 10%,#132f5d65,transparent 38%),#07142d;
}
.vx-view-auth .auth-side:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(transparent,#ffffff20,transparent);
}
.vx-view-auth .form-wrap {
  width: 100%;
  max-width: 425px;
  animation: formIn .7s ease both;
}
.vx-view-auth .back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #8ba1c3;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 39px;
}
.vx-view-auth .back:hover {
  color: white;
}
.vx-view-auth .section-kicker {
  color: #77b9ff;
  font-size: 11px;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-weight: 800;
}
.vx-view-auth .form-wrap h1 {
  font-size: clamp(28px,2.6vw,36px);
  font-weight: 800;
  letter-spacing: -.045em;
  margin: 9px 0 9px;
}
.vx-view-auth .form-sub {
  color: #9aadc9;
  font-size: 13px;
  line-height: 1.75;
  margin-bottom: 30px;
}
.vx-view-auth .field-label {
  font-size: 12px;
  font-weight: 750;
  color: #dce8f9;
  margin-bottom: 9px;
}
.vx-view-auth .form-control {
  background: #ffffff09;
  border: 1px solid #c6dcff24;
  border-radius: 12px;
  color: #f6faff;
  min-height: 51px;
  padding: 13px 15px;
  font-size: 13px;
  box-shadow: none !important;
  transition: .2s;
}
.vx-view-auth .form-control:focus {
  background: #ffffff0d;
  border-color: #4b9aff;
  color: white;
  box-shadow: 0 0 0 3px #397dfb22 !important;
}
.vx-view-auth .form-control::placeholder {
  color: #7085a6;
}
.vx-view-auth .input-wrap {
  position: relative;
}
.vx-view-auth .input-wrap .form-control {
  padding-right: 48px;
}
.vx-view-auth .eye-button {
  position: absolute;
  right: 8px;
  top: 7px;
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: #97aac9;
  border-radius: 8px;
  display: grid;
  place-items: center;
}
.vx-view-auth .eye-button:hover {
  color: white;
  background: #ffffff13;
}
.vx-view-auth .forgot {
  font-size: 12px;
  font-weight: 700;
}
.vx-view-auth .btn-main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  border: 1px solid #3885ff;
  border-radius: 13px;
  padding: 14px 20px;
  min-height: 51px;
  background: linear-gradient(105deg,#2274fa,#388eff);
  color: white;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 12px 26px #156dff31;
  transition: .23s;
}
.vx-view-auth .btn-main:hover {
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px #156dff4f;
}
.vx-view-auth .form-check-input {
  background-color: #0a2145;
  border-color: #546988;
}
.vx-view-auth .form-check-input:checked {
  background-color: #287bff;
  border-color: #287bff;
}
.vx-view-auth .form-check-label {
  font-size: 12px;
  color: #a9b9d3;
  line-height: 1.6;
}
.vx-view-auth .auth-switch {
  margin-top: 26px;
  padding: 19px 8px 0;
  border-top: 1px solid var(--line);
  text-align: center;
  color: #a6bad6;
  font-size: 12px;
}
.vx-view-auth .auth-switch a {
  font-weight: 800;
}
.vx-view-auth .trust-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #748bab;
  font-size: 11px;
  margin-top: 25px;
}
.vx-view-auth .trust-line i {
  color: #7aaeff;
}
.vx-view-auth .form-note {
  font-size: 11px;
  color: #8ea2c1;
  line-height: 1.65;
}
.vx-view-auth .password-strength {
  height: 4px;
  border-radius: 9px;
  background: #ffffff17;
  overflow: hidden;
  margin: 9px 0 6px;
}
.vx-view-auth .password-strength>span {
  display: block;
  height: 100%;
  width: 0;
  background: #e77b7b;
  transition: .25s;
}
.vx-view-auth .requirement {
  font-size: 11px;
  color: #8ca2c3;
}
.vx-view-auth .alert-custom {
  border: 1px solid #e9af6347;
  background: #e9af630d;
  color: #ffd4a7;
  padding: 12px 13px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.6;
}
@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: perspective(1100px) rotateY(-5deg);
  }
}
@keyframes formIn {
  from {
    opacity: 0;
    transform: translateX(25px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (max-width:991.98px) {
  .vx-view-auth .auth-page {
    display: block;
  }
  .vx-view-auth .auth-showcase {
    min-height: auto;
    padding: 22px 26px 28px;
  }
  .vx-view-auth .showcase-inner,
  .vx-view-auth .glass-demo,
  .vx-view-auth .showcase-footer,
  .vx-view-auth .label-top {
    display: none;
  }
  .vx-view-auth .auth-side {
    min-height: calc(100vh - 90px);
    padding: 35px 24px 60px;
  }
  .vx-view-auth .auth-side:after {
    display: none;
  }
  .vx-view-auth .back {
    margin-bottom: 29px;
  }
}
@media (max-width:480px) {
  .vx-view-auth .auth-showcase {
    padding: 17px 20px;
  }
  .vx-view-auth .auth-side {
    padding: 30px 20px 45px;
  }
  .vx-view-auth .form-wrap {
    max-width: none;
  }
  .vx-view-auth .form-sub {
    margin-bottom: 24px;
  }
  .vx-view-auth .demo-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  .vx-view-auth *,
  .vx-view-auth *::before,
  .vx-view-auth *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   COMPONENTES DA REFATORAÇÃO (SEM REDESENHO)
   ========================================================= */
.vx-view-inicio, .vx-view-auth { min-height: 100vh; }
.vx-view-inicio .vx-error-content { min-height: 64vh; display: flex; align-items: center; }
.vx-view-inicio .vx-error-content .container { padding-top: 165px; padding-bottom: 90px; }
.vx-view-inicio .vx-error-content h1 { font-size: clamp(34px, 5vw, 56px); }

/* =========================================================
   ESTILOS ESTÁTICOS MIGRADOS DE ATRIBUTOS INLINE
   ========================================================= */
.vx-auth-logo-dot { color:#63b2ff; }
.vx-landing-logo-dot { color:#5daeff; }
.vx-icon-tiny { font-size:6px; }
.vx-icon-blue-lg { color:#78baff;font-size:23px; }
.vx-centered-spaced { text-align:center;margin-top:18px; }
.vx-small-highlight-link { color:#7bb9ff;font-size:12px;font-weight:700;text-decoration:none; }
.vx-muted-label { color:#7292bc; }
.vx-success-caption { color:#5de6bf;font-size:10px; }
.vx-blue-caption { color:#79b4ff;font-size:12px; }
.vx-muted-caption { font-size:10px;color:#90a7c6; }
.vx-success-mini { font-size:10px;color:#64ddba; }
.vx-blue-pill { background:#1d427a;color:#92c7ff; }
.vx-blue-soft { color:#81baff; }
.vx-muted-soft { color:#85a0c5; }
.vx-feature-icon-blue { font-size:25px;color:#6abaff; }
.vx-blue-light { color:#95d0ff; }
.vx-chart-height-295 { height:295px; }
.vx-chart-height-312 { height:312px; }
.vx-full-width { width:100%; }
.vx-progress-45 { width:45.47%; }
.vx-preview-bar-32 { height:32%; }
.vx-preview-bar-49 { height:49%; }
.vx-preview-bar-43 { height:43%; }
.vx-preview-bar-63 { height:63%; }
.vx-preview-bar-55 { height:55%; }
.vx-preview-bar-77 { height:77%; }
.vx-preview-bar-94 { height:94%; }
.vx-preview-bar-71 { height:71%; }
.vx-preview-bar-88 { height:88%; }


.vx-footer-description { font-size: 12px; max-width: 370px; line-height: 1.8; }


/* =========================================================
   PAINEL — METAS E CONQUISTAS (PLACAS)
   Cores e medidas utilizam os tokens do :root existente.
   ========================================================= */
.app-page-metas .vx-page-head {
  margin-bottom: 25px;
}
.vx-goals-head-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 15px;
  background: var(--vx-warning-bg);
  border: 1px solid rgba(var(--vx-warning-rgb), .24);
  border-radius: var(--vx-radius-pill);
  color: var(--vx-warning);
  font-size: 11px;
  font-weight: 800;
}
.vx-goals-head-pill i {
  font-size: 15px;
}
.vx-goals-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  gap: 18px;
  margin-bottom: 38px;
}
.vx-goals-hero-main,
.vx-goals-next {
  position: relative;
  overflow: hidden;
  min-width: 0;
  border: 1px solid var(--vx-border-alt);
  border-radius: var(--vx-radius-lg);
  background: var(--vx-card-gradient);
  box-shadow: inset 0 1px var(--vx-glass-light), var(--vx-shadow-sm);
  padding: 27px 30px;
}
.vx-goals-hero-main::after {
  content: '';
  position: absolute;
  width: 220px;
  height: 220px;
  right: -85px;
  top: -105px;
  border-radius: 50%;
  background: var(--vx-brand-gradient-soft);
  pointer-events: none;
}
.vx-goals-overline {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--vx-text-secondary);
}
.vx-goals-overline i {
  font-size: 16px;
  color: var(--vx-primary-light);
}
.vx-goals-total {
  margin: 10px 0 7px;
  font-family: var(--vx-font-numeral);
  font-size: clamp(31px, 4vw, 48px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.2;
  color: var(--vx-text);
}
.vx-goals-hero-description {
  margin: 0;
  font-size: 12px;
  color: var(--vx-text-muted);
}
.vx-goals-hero-stats {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  margin-top: 29px;
  padding-top: 17px;
  border-top: 1px solid var(--vx-line);
}
.vx-goals-hero-stats > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.vx-goals-hero-stats strong {
  font-size: 19px;
  font-family: var(--vx-font-numeral);
  letter-spacing: -.04em;
  color: var(--vx-text);
}
.vx-goals-hero-stats strong span {
  font-weight: 600;
  color: var(--vx-text-muted);
  font-size: 13px;
}
.vx-goals-hero-stats small {
  font-size: 11px;
  color: var(--vx-text-muted);
}
.vx-goals-next {
  border-color: var(--vx-border-hover);
  background: linear-gradient(145deg, var(--vx-surface-2), var(--vx-bg-secondary));
}
.vx-goals-next-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vx-goals-next-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: var(--vx-radius-sm);
  background: var(--vx-info-bg);
  color: var(--vx-primary-light);
  font-size: 18px;
}
.vx-goals-next-amount {
  font-size: clamp(25px, 2.6vw, 33px);
  letter-spacing: -.04em;
  margin: 9px 0 1px;
}
.vx-goals-next-name {
  color: var(--vx-text-muted);
  margin: 0 0 19px;
  font-size: 12px;
}
.vx-goals-progress-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  font-size: 11px;
  color: var(--vx-text-muted);
}
.vx-goals-progress-heading strong {
  color: var(--vx-text-soft);
  font-family: var(--vx-font-numeral);
  font-size: 12px;
}
progress.vx-goals-progress {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 8px;
  border: 0;
  border-radius: var(--vx-radius-pill);
  background: var(--vx-progress-track);
  overflow: hidden;
}
progress.vx-goals-progress::-webkit-progress-bar {
  background: var(--vx-progress-track);
  border-radius: var(--vx-radius-pill);
}
progress.vx-goals-progress::-webkit-progress-value {
  border-radius: var(--vx-radius-pill);
  background: var(--vx-goal-accent, var(--vx-grad));
  transition: width .5s ease;
}
progress.vx-goals-progress::-moz-progress-bar {
  border-radius: var(--vx-radius-pill);
  background: var(--vx-goal-accent, var(--vx-grad));
}
progress.vx-goals-progress-hero {
  height: 10px;
  --vx-goal-accent: var(--vx-grad);
}
.vx-goals-next-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
  font-size: 10px;
  color: var(--vx-text-muted);
}
.vx-goals-next-bottom strong {
  color: var(--vx-primary-light);
  font-size: 12px;
  font-weight: 800;
}
.vx-goals-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 19px;
}
.vx-goals-section-head h2 {
  font-size: 21px;
  margin: 0 0 5px;
}
.vx-goals-section-head p {
  font-size: 12px;
  color: var(--vx-text-muted);
  margin: 0;
}
.vx-goals-counter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  color: var(--vx-text-soft);
  padding: 9px 12px;
  border: 1px solid var(--vx-border);
  border-radius: var(--vx-radius-pill);
  background: var(--vx-glass-light);
}
.vx-goals-counter i {
  color: var(--vx-warning);
}
.vx-goals-grid > div {
  display: flex;
}
.vx-goal-plaque {
  --vx-goal-accent: var(--vx-text-faint);
  --vx-goal-tint: var(--vx-glass-light);
  isolation: isolate;
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--vx-border-alt);
  padding: 7px;
  border-radius: var(--vx-radius-lg);
  background: linear-gradient(145deg, var(--vx-surface-3-alt), var(--vx-surface), var(--vx-surface-2-alt));
  box-shadow: var(--vx-shadow-sm), inset 0 1px var(--vx-glass-glint);
  transition: transform var(--vx-transition), border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-goal-plaque::before,
.vx-goal-plaque::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 13px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--vx-border-strong);
  box-shadow: inset 0 1px var(--vx-glass-shine);
}
.vx-goal-plaque::before { left: 13px; }
.vx-goal-plaque::after { right: 13px; }
.vx-goal-plaque:hover {
  transform: translateY(-3px);
  border-color: var(--vx-border-hover);
  box-shadow: var(--vx-shadow-md);
}
.vx-goal-plaque.is-done {
  --vx-goal-accent: var(--vx-success);
  --vx-goal-tint: var(--vx-success-bg);
  border-color: rgba(var(--vx-success-rgb), .27);
}
.vx-goal-plaque.is-next {
  --vx-goal-accent: var(--vx-primary-light);
  --vx-goal-tint: var(--vx-info-bg);
  border-color: var(--vx-border-hover);
  box-shadow: var(--vx-glow);
}
.vx-goal-plaque.is-locked {
  opacity: .79;
}
.vx-goal-plaque.is-locked:hover,
.vx-goal-plaque.is-locked:focus-within {
  opacity: 1;
}
.vx-goal-plaque-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 19px 19px 14px;
  border: 1px solid var(--vx-border);
  border-radius: calc(var(--vx-radius-lg) - 6px);
  background: linear-gradient(180deg, var(--vx-goal-tint), var(--vx-card-soft) 47%, var(--vx-surface-alt));
  text-align: center;
}
.vx-goal-plaque-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  text-align: left;
}
.vx-goal-number {
  color: var(--vx-text-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}
.vx-goal-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--vx-goal-accent);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.vx-goal-emblem {
  display: grid;
  place-items: center;
  align-self: center;
  width: 76px;
  height: 76px;
  border: 1px solid var(--vx-border-alt);
  border-radius: 50%;
  margin: 21px 0 15px;
  color: var(--vx-goal-accent);
  background: var(--vx-goal-tint);
  box-shadow: 0 0 0 6px var(--vx-glass-light), inset 0 1px var(--vx-glass-shine);
}
.vx-goal-emblem i {
  font-size: 33px;
}
.vx-goal-type {
  font-size: 9px;
  letter-spacing: .13em;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--vx-text-muted);
}
.vx-goal-plaque-value {
  font-size: clamp(23px, 2.4vw, 29px);
  letter-spacing: -.05em;
  margin: 5px 0;
  font-family: var(--vx-font-numeral);
}
.vx-goal-plaque-name {
  margin: 0;
  color: var(--vx-text-secondary);
  font-size: 12px;
  min-height: 22px;
}
.vx-goal-plaque-divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--vx-goal-accent);
  margin: 20px 0 14px;
}
.vx-goal-plaque-divider::before,
.vx-goal-plaque-divider::after {
  content: '';
  height: 1px;
  flex: 1;
  background: var(--vx-line);
}
.vx-goal-plaque-divider span {
  padding: 0 12px;
  font-size: 12px;
}
.vx-goal-remaining {
  margin: 10px 0 17px;
  min-height: 16px;
  font-size: 11px;
  color: var(--vx-text-muted);
}
.vx-goal-remaining strong {
  color: var(--vx-text-soft);
}
.vx-goal-plaque.is-done .vx-goal-remaining {
  color: var(--vx-success);
}
.vx-goal-message {
  margin-top: auto;
  border-top: 1px solid var(--vx-line);
  padding-top: 10px;
  text-align: left;
}
.vx-goal-message summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: var(--vx-text-secondary);
  font-weight: 750;
  font-size: 11px;
  list-style: none;
  cursor: pointer;
  padding: 4px;
}
.vx-goal-message summary::-webkit-details-marker {
  display: none;
}
.vx-goal-message summary i {
  font-size: 10px;
  transition: transform var(--vx-transition);
}
.vx-goal-message[open] summary i {
  transform: rotate(180deg);
}
.vx-goal-message-content {
  padding: 15px 3px 4px;
  margin-top: 11px;
  border-top: 1px solid var(--vx-line);
  color: var(--vx-text-secondary);
  font-size: 11.5px;
  line-height: 1.7;
}
.vx-goal-message-content > strong {
  display: block;
  color: var(--vx-text);
  margin-bottom: 8px;
}
.vx-goal-message-content p {
  margin: 0 0 12px;
}
.vx-goal-message-content blockquote {
  margin: 0;
  padding: 9px 12px;
  border-left: 2px solid var(--vx-goal-accent);
  background: var(--vx-glass-light);
  border-radius: 0 var(--vx-radius-xs) var(--vx-radius-xs) 0;
  color: var(--vx-text-soft);
}
.vx-goals-footnote {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 20px 0 0;
  font-size: 11px;
  color: var(--vx-text-faint);
}
.vx-goals-footnote i {
  color: var(--vx-info);
}
@media (max-width: 991.98px) {
  .vx-goals-hero {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .vx-goals-hero-main,
  .vx-goals-next {
    padding: 22px 19px;
  }
  .vx-goals-section-head h2 {
    font-size: 19px;
  }
  .vx-goal-plaque-inner {
    padding: 20px 17px 14px;
  }
  .vx-goals-hero-stats {
    gap: 25px;
  }
  .vx-goals-next-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vx-goal-plaque,
  .vx-goal-message summary i,
  progress.vx-goals-progress::-webkit-progress-value {
    transition: none;
  }
}

/* Legibilidade e componentes funcionais */
.vx-view-panel .vx-page-description,.vx-view-panel .vx-card-subtitle,.vx-view-panel .vx-text-muted,.vx-view-panel .vx-help,.vx-view-panel .vx-setting-row p,.vx-view-panel .vx-plan-desc{font-size:.92rem;line-height:1.65}
.vx-view-panel .vx-side-link,.vx-view-panel .vx-label,.vx-view-panel .vx-table,.vx-view-panel .vx-pill,.vx-view-panel .btn-vx-sm{font-size:.875rem}
.vx-view-panel .vx-field,.vx-view-panel .vx-select,.vx-view-panel .vx-textarea,.vx-view-panel button{font-size:.94rem}
.vx-view-panel .vx-card-title,.vx-form-section-title{font-size:1.05rem}
.vx-dropzone strong{font-size:.95rem}.vx-dropzone small{font-size:.84rem}.vx-upload-preview{font-size:.84rem;padding:9px 11px}
.vx-upload-preview button{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--vx-danger);background:var(--vx-danger-bg)}
.vx-current-media{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;border:1px solid var(--vx-border);background:var(--vx-surface-2);border-radius:var(--vx-radius-md);padding:12px}
.vx-current-media img,.vx-current-media video{width:150px;height:110px;object-fit:cover;border-radius:12px;background:#050c18}.vx-current-media span{display:block;color:var(--vx-text-muted);font-size:.84rem;overflow-wrap:anywhere}
.vx-button-fixed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vx-button-fixed-option{border:1px solid var(--vx-border);background:var(--vx-surface-2);border-radius:var(--vx-radius-md);padding:14px;display:grid;gap:12px}
.vx-check-option{display:flex;align-items:center;gap:9px;cursor:pointer}.vx-check-option input{accent-color:var(--vx-primary);width:17px;height:17px}
.vx-button-line{grid-template-columns:minmax(140px,1fr) minmax(190px,1.35fr) minmax(118px,.7fr) 100px 110px auto;align-items:center}
.vx-tg-media-preview{overflow:hidden;border-radius:var(--vx-radius-md) var(--vx-radius-md) 5px 5px;border:1px solid var(--vx-border);border-bottom:0;background:#050c18}.vx-tg-media-preview img,.vx-tg-media-preview video{display:block;width:100%;max-height:290px;object-fit:cover}.vx-tg-media-preview:not([hidden])+.vx-tg-bubble{border-radius:0 0 var(--vx-radius-md) var(--vx-radius-md)}
.vx-tg-buttons span.is-primary{background:rgba(var(--vx-primary-rgb),.28);color:#fff}.vx-tg-buttons span.is-success{background:var(--vx-success-bg);border-color:rgba(var(--vx-success-rgb),.45);color:var(--vx-success)}.vx-tg-buttons span.is-danger{background:var(--vx-danger-bg);border-color:rgba(var(--vx-danger-rgb),.45);color:var(--vx-danger)}
.vx-copy-field{display:flex;gap:10px;align-items:center}.vx-copy-field .vx-field{min-width:0}
.vx-checkout-cycle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vx-checkout-cycle label{cursor:pointer}.vx-checkout-cycle input{position:absolute;opacity:0;pointer-events:none}.vx-checkout-cycle span{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--vx-border);border-radius:var(--vx-radius-md);background:var(--vx-surface-2)}.vx-checkout-cycle input:checked+span{border-color:var(--vx-primary-light);background:var(--vx-info-bg);box-shadow:0 0 0 2px rgba(var(--vx-primary-rgb),.12)}.vx-checkout-cycle small{color:var(--vx-text-muted)}
.vx-checkout-summary{position:sticky;top:calc(var(--vx-header-height) + 20px)}.vx-checkout-total-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;color:var(--vx-text-secondary)}.vx-checkout-total-row strong{color:var(--vx-text)}.vx-checkout-total-row.total{font-size:1.2rem;color:var(--vx-text)}.vx-checkout-total-row.total strong{font-size:1.65rem;color:var(--vx-primary-light)}
@media (max-width:991px){.vx-button-fixed-grid{grid-template-columns:1fr}.vx-button-line{grid-template-columns:1fr 1fr}.vx-button-line button{grid-column:1/-1;justify-self:end}}
@media (max-width:575px){.vx-current-media{grid-template-columns:1fr}.vx-current-media img,.vx-current-media video{width:100%;height:200px}.vx-checkout-cycle,.vx-button-line{grid-template-columns:1fr}.vx-copy-field{flex-direction:column;align-items:stretch}}
.vx-view-inicio .nav-link,.vx-view-inicio .hero-proof,.vx-view-inicio .feature-card p,.vx-view-inicio .step p,.vx-view-inicio .plan-desc,.vx-view-inicio .price-list,.vx-view-inicio .billing-note,.vx-view-inicio .accordion-body,.vx-view-inicio .footer-links,.vx-view-inicio .pricing-foot{font-size:.95rem;line-height:1.7}
.vx-view-inicio .eyebrow,.vx-view-inicio .section-heading>p,.vx-view-inicio .gateway-card p{font-size:1rem}
.vx-view-auth .showcase-desc,.vx-view-auth .form-sub,.vx-view-auth .field-label,.vx-view-auth .form-check-label,.vx-view-auth .metric-label,.vx-view-auth .metric-foot,.vx-view-auth .demo-small,.vx-view-auth .showcase-footer{font-size:.9rem;line-height:1.65}