/* Preserved business-component layout; standard controls use Frest. */
body.vozooh .vz-mono{
  font-family: var(--font-panel); font-variant-numeric: tabular-nums;
}
body.vozooh .vz-topbar{ display: flex; align-items: center; gap: 16px; padding-inline: 0 28px; }
body.vozooh .vz-brand svg{ width: 32px; height: 32px; flex: 0 0 32px; color: var(--p-primary); }
body.vozooh .vz-brand small{ display: block; color: var(--p-muted); font-size: 10px; font-weight: 400; }
body.vozooh .vz-breadcrumb{ display: flex; align-items: center; gap: 9px; color: var(--p-muted); font-size: 12px; min-width: 0; }
body.vozooh .vz-breadcrumb strong{ color: var(--p-text); font-weight: 550; }
body.vozooh .vz-breadcrumb [aria-current]{ color: var(--p-text); font-weight: 550; }
body.vozooh .vz-top-actions{ display: flex; align-items: center; gap: 9px; margin-inline-start: auto; min-width: 0; }
body.vozooh .vz-icon-button{
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; flex-shrink: 0;
  padding: 0; border: 1px solid var(--p-line); border-radius: 10px;
  color: var(--p-muted); background: var(--p-surface);
  font-size: 15px; line-height: 1; cursor: pointer;
}
body.vozooh .vz-icon-button:hover{ background: var(--p-hover); color: var(--p-text); }
body.vozooh .vz-icon-button svg{ width: 18px; height: 18px; }
body.vozooh .vz-command-trigger{
  display: inline-flex; align-items: center; gap: 10px; height: 40px;
  padding: 0 13px; border: 1px solid var(--p-line); border-radius: 10px;
  background: var(--p-subtle); color: var(--p-muted); font-size: 12px; cursor: pointer;
}
body.vozooh .vz-page-heading h1{ margin: 0 0 3px; font-size: 26px; font-weight: 750; letter-spacing: -.6px; }
body.vozooh .vz-page-heading p{ margin: 0; color: var(--p-muted); font-size: 12px; }
body.vozooh .vz-page-actions{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
body.vozooh .vz-panel{
  min-width: 0; margin-bottom: 20px;
  background: var(--p-surface); color: var(--p-text);
  border: 1px solid var(--p-line); border-radius: var(--p-radius);
  box-shadow: var(--p-shadow);
}
body.vozooh .vz-panel{ padding: 22px; }
body.vozooh .vz-panel-heading{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
body.vozooh .vz-panel-heading h2{ margin: 0; font-size: 15px; }
body.vozooh .vz-panel-heading h3{ margin: 0; font-size: 15px; }
body.vozooh .vz-panel-heading h4{ margin: 0; font-size: 15px; }
body.vozooh .vz-panel-heading p{ margin: 5px 0 0; color: var(--p-muted); font-size: 12px; }
body.vozooh .vz-panel-heading > a{ font-size: 12px; font-weight: 550; }
body.vozooh .vz-kpi{ position: relative; min-height: 158px; padding: 20px 22px; text-align: start; }
body.vozooh a.vz-kpi{ display: block; text-decoration: none; }
body.vozooh .vz-kpi-value{ display: block; margin: 0; color: var(--p-text); font-size: 30px; line-height: 1.5; font-weight: 700; letter-spacing: -.7px; font-variant-numeric: tabular-nums; }
body.vozooh .vz-kpi-value small{ color: var(--p-muted); font-size: 12px; font-weight: 450; letter-spacing: 0; }
body.vozooh .vz-kpi-note{ display: block; margin: 8px 0 0; color: var(--p-muted); font-size: 11px; }
body.vozooh .vz-kpi-icon{ position: absolute; inset-block-start: 20px; inset-inline-end: 20px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--p-subtle); color: var(--p-primary); font-size: 15px; }
body.vozooh .vz-kpi-icon i{ opacity: 1; font-size: 15px; }
body.vozooh .vz-eyebrow{ display: block; margin-bottom: 7px; color: var(--p-primary); font-size: 12px; font-weight: 550; }
body.vozooh .vz-hero-copy{ flex: 1; min-width: 0; }
body.vozooh .vz-hero-copy h2{ margin: 0 0 10px; font-size: 24px; font-weight: 700; }
body.vozooh .vz-hero-copy p{ color: var(--p-muted); font-size: 13px; margin: 0; }
body.vozooh .vz-hero-actions{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
body.vozooh .vz-service-meta{ display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px; color: var(--p-muted); font-size: 12px; }
body.vozooh .vz-service-meta strong{ display: block; color: var(--p-text); font-size: 15px; font-weight: 600; }
body.vozooh .vz-shortcut{ display: flex; align-items: center; gap: 12px; padding: 18px; border: 1px solid var(--p-line); border-radius: 13px; background: var(--p-surface); color: var(--p-text); text-decoration: none; font-size: 13px; font-weight: 550; }
body.vozooh .vz-shortcut:hover{ border-color: var(--p-primary); color: var(--p-primary); background: var(--p-subtle); }
body.vozooh .vz-shortcut > i{ display: grid; place-items: center; width: 36px; height: 36px; background: var(--p-active-bg); color: var(--p-primary); border-radius: 10px; font-size: 16px; flex-shrink: 0; }
body.vozooh .vz-shortcut small{ display: block; color: var(--p-muted); font-size: 11px; font-weight: 400; }
body.vozooh .vz-referral{ display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
body.vozooh .vz-referral > :first-child{ flex: 1 1 190px; }
body.vozooh .vz-referral-field{ display: flex; flex: 1 1 310px; gap: 8px; min-width: 0; }
body.vozooh .vz-referral-field .form-control{ min-width: 0; font-size: 12px; }
body.vozooh .vz-chart-legend{ display: flex; align-items: center; flex-wrap: wrap; gap: 14px; color: var(--p-muted); font-size: 11px; }
body.vozooh .vz-activity-list{ max-height: 400px; overflow-y: auto; }
body.vozooh .vz-drawer .modal-dialog{ position: absolute; inset: 0; margin: 0; margin-inline-start: auto; width: min(520px, 100%); height: 100%; max-width: 100%; transform: none; }
body.vozooh .vz-drawer .modal-content{ min-height: 100%; border-radius: 0; border: 0; border-inline-start: 1px solid var(--p-line); }
body.vozooh .vz-drawer .modal-body{ overflow-y: auto; }
body.vozooh .vz-drawer .modal-footer{ border-radius: 0; }
body.vozooh .vz-detail-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
body.vozooh .vz-detail-grid > div{ min-width: 0; padding: 15px 0; border-bottom: 1px solid var(--p-line); overflow-wrap: anywhere; }
body.vozooh .vz-detail-grid dt{ margin-bottom: 5px; color: var(--p-muted); font-size: 12px; }
body.vozooh .vz-detail-grid label{ margin-bottom: 5px; color: var(--p-muted); font-size: 12px; }
body.vozooh .vz-detail-grid dd{ margin: 0; color: var(--p-text); font-size: 14px; }
body.vozooh #vz-command-modal .modal-dialog{ margin: 14vh auto 32px; max-width: 600px; }
body.vozooh .vz-command-results{ list-style: none; padding: 0; margin: 14px 0 0; max-height: 48vh; overflow-y: auto; }
body.vozooh .vz-command-results a{ display: flex; align-items: center; gap: 12px; padding: 12px; color: var(--p-text); border-radius: 8px; }
body.vozooh .vz-command-results a:hover{ background: var(--p-hover); }
body.vozooh .vz-command-results a:focus{ background: var(--p-hover); }
body.vozooh .vz-table-toolbar{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px 0; }
body.vozooh .vz-table-search{ position: relative; min-width: 180px; flex: 1 1 240px; max-width: 360px; }
body.vozooh .vz-table-search > i{ position: absolute; inset-inline-start: 13px; top: 14px; color: var(--p-muted); font-size: 13px; }
body.vozooh .vz-table-search input{ padding-inline-start: 36px; width: 100%; }
body.vozooh .vz-skeleton-rows{ display: grid; gap: 12px; padding: 16px 0; }
body.vozooh .vz-skeleton-rows > *{ height: 38px; border-radius: 7px; background: linear-gradient(90deg, var(--p-subtle) 20%, var(--p-hover) 45%, var(--p-subtle) 75%); background-size: 220% 100%; animation: vz-loading 1.4s ease-in-out infinite; }
@keyframes vz-loading{ 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
@media (max-width: 1199.98px){body.vozooh .vz-shortcuts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.vozooh .vz-topbar{ gap: 11px; padding-inline-end: 22px; }
body.vozooh .vz-breadcrumb{ font-size: 11px; }
body.vozooh .vz-command-trigger{ max-width: 190px; }
body.vozooh .vz-command-trigger kbd{ display: none; }}
@media (max-width: 991.98px){body.vozooh .vz-topbar{ padding-inline: 16px; gap: 10px; }
body.vozooh .vz-brand{ flex: 0 1 auto; padding: 0; border: 0; font-size: 17px; gap: 8px; }
body.vozooh .vz-brand svg{ width: 28px; height: 28px; flex-basis: 28px; }
body.vozooh .vz-brand small{ font-size: 9px; }
body.vozooh .vz-breadcrumb{ display: none; }
body.vozooh .vz-top-actions{ gap: 7px; }
body.vozooh .vz-page-heading h1{ font-size: 23px; }
body.vozooh .vz-kpi{ min-height: 147px; }
body.vozooh .vz-hero-copy h2{ font-size: 22px; }}
@media (max-width: 767.98px){body.vozooh .vz-page-heading{ align-items: flex-start; flex-wrap: wrap; gap: 14px; margin-bottom: 20px; }
body.vozooh .vz-page-heading h1{ font-size: 22px; }
body.vozooh .vz-page-heading p{ font-size: 12px; }
body.vozooh .vz-page-actions{ gap: 6px; }
body.vozooh .vz-panel{ padding: 18px; }
body.vozooh .vz-panel{ margin-bottom: 16px; }
body.vozooh .vz-kpi{ padding: 17px; min-height: 140px; }
body.vozooh .vz-kpi-value{ font-size: 28px; }
body.vozooh .vz-kpi-icon{ inset-block-start: 16px; inset-inline-end: 16px; width: 30px; height: 30px; font-size: 13px; }
body.vozooh .vz-hero-actions{ width: 100%; }
body.vozooh .vz-hero-actions .btn{ flex: 1 1 auto; }
body.vozooh .vz-referral-field{ flex-basis: 100%; }
body.vozooh .vz-shortcuts{ gap: 10px; }
body.vozooh .vz-shortcut{ padding: 14px; font-size: 12px; gap: 9px; }
body.vozooh .vz-shortcut > i{ width: 31px; height: 31px; font-size: 14px; }
body.vozooh .vz-topbar{ padding-inline: 12px; gap: 8px; }
body.vozooh .vz-top-actions{ gap: 5px; }
body.vozooh .vz-icon-button{ width: 36px; height: 36px; }
body.vozooh .vz-command-trigger{ width: 36px; height: 36px; justify-content: center; padding: 0; flex-shrink: 0; border-color: var(--p-line); background: var(--p-surface); }
body.vozooh .vz-command-trigger > span{ display: none; }
body.vozooh .vz-command-trigger kbd{ display: none; }
body.vozooh .vz-table-toolbar{ align-items: stretch; gap: 8px; }
body.vozooh .vz-table-search{ flex-basis: 100%; max-width: none; }
body.vozooh #vz-command-modal .modal-dialog{ margin: 82px 12px 24px; }}
@media (max-width: 399.98px){body.vozooh .vz-brand{ gap: 6px; font-size: 15px; }
body.vozooh .vz-brand svg{ width: 25px; height: 25px; flex-basis: 25px; }
body.vozooh .vz-topbar{ gap: 6px; padding-inline: 10px; }
body.vozooh .vz-top-actions{ gap: 4px; }
body.vozooh .vz-shortcut{ padding: 12px; gap: 7px; }
body.vozooh .vz-shortcut small{ font-size: 10px; }
body.vozooh .vz-kpi{ padding: 15px; }
body.vozooh .vz-kpi-value{ font-size: 25px; }
body.vozooh .vz-kpi-icon{ width: 26px; height: 26px; inset-block-start: 14px; inset-inline-end: 14px; }
body.vozooh .vz-detail-grid{ grid-template-columns: minmax(0, 1fr); }}
@media print{body.vozooh .vz-page-actions{ display: none; }
body.vozooh .vz-panel{ box-shadow: none; break-inside: avoid; border-color: var(--p-active-bg); }}
body.vozooh .vz-icon{ display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.vozooh .btn > .vz-icon{ margin-inline-end: 6px; }
body.vozooh .vz-brand{
  display: flex; align-items: center; justify-content: flex-start;
  flex: 0 0 var(--p-sidebar); align-self: stretch;
  padding-inline: 23px 16px; border-inline-end: 1px solid var(--p-line);
  color: var(--p-text); font-weight: 750; white-space: nowrap;
  text-decoration: none; overflow: hidden; font-size: 14px; gap: 10px; }
body.vozooh .vz-brand img{ object-fit: contain; max-width: 112px; width: auto; height: 32px; flex-shrink: 1; }
body.vozooh .vz-brand > span{ font-size: 11px; color: var(--p-muted); white-space: normal; line-height: 1.7; }
body.vozooh .vz-brand .vz-logo-dark{ display: none; }
html[data-theme="dark"] body.vozooh .vz-brand .vz-logo-light{ display: none; }
html[data-theme="dark"] body.vozooh .vz-brand .vz-logo-dark{ display: block; }
body.vozooh .vz-profile-trigger{ display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 7px; border: 0; border-radius: 10px; background: transparent; color: var(--p-muted); cursor: pointer; }
body.vozooh .vz-profile-trigger:hover{ background: var(--p-hover); }
body.vozooh .vz-avatar{ display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; background: var(--p-active-bg); color: var(--p-primary); border: 1px solid var(--p-line); border-radius: 50%; font-size: 12px; font-weight: 600; }
body.vozooh .vz-skip-link{ position: fixed; z-index: 2000; inset-block-start: 8px; inset-inline-start: 16px; padding: 9px 16px; background: var(--p-surface); border: 2px solid var(--p-primary); border-radius: 8px; transform: translateY(-180%); }
body.vozooh .vz-kpi:hover{ border-color: var(--p-primary); }
body.vozooh .vz-kpi-label{ display: block; margin: 0 0 8px; color: var(--p-muted); font-size: 12px; font-weight: 450; padding-inline-end: 32px; }
body.vozooh .vz-chart-legend span::before{ content: ""; width: 7px; height: 7px; margin-inline-end: 6px; background: var(--p-primary); border-radius: 50%; display: none; }
body.vozooh .vz-chart-legend .list-inline-item{ margin: 0; }
body.vozooh .vz-chart-legend .fa-circle{ margin-inline-end: 4px; font-size: 9px; }
body.vozooh .vz-service-heading{ display: flex; align-items: center; gap: 14px; width: 100%; }
body.vozooh .vz-service-heading > .vz-icon{ width: 42px; height: 42px; flex-basis: 42px; padding: 10px; border-radius: 12px; background: var(--p-surface); color: var(--p-primary); }
body.vozooh .vz-service-heading > div{ flex: 1; min-width: 0; }
body.vozooh .vz-service-heading h2{ margin: 0; font-size: 22px; overflow-wrap: anywhere; }
body.vozooh .vz-service-heading .vz-eyebrow{ margin: 0 0 3px; }
body.vozooh .vz-service-actions{ display: flex; gap: 8px; flex-wrap: wrap; }
body.vozooh .vz-shortcuts{ display: grid; gap: 12px; margin-bottom: 20px; grid-template-columns: repeat(2,minmax(0,1fr)); }
body.vozooh .vz-shortcut > span{ flex: 1; min-width: 0; }
body.vozooh .vz-shortcut > span > strong{ display: block; font-weight: 600; }
body.vozooh .vz-shortcut > span > span{ display: block; margin-top: 3px; color: var(--p-muted); font-size: 11px; font-weight: 400; }
body.vozooh .vz-shortcut > i:last-child{ width: 20px; height: 20px; padding: 0; font-size: 12px; background: none; }
body.vozooh .vz-table-toolbar > select.form-control{ width: auto; flex: 0 1 168px; display: block; }
body.vozooh .vz-table-toolbar > .btn{ min-height: 42px; white-space: nowrap; }
body.vozooh .vz-enhanced-table .dataTables_filter{ display: none; }
body.vozooh .vz-detail-trigger{ display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; padding: 5px; width: 30px; height: 30px; margin-inline-start: 7px; border: 1px solid var(--p-line); border-radius: 7px; background: var(--p-surface); color: var(--p-muted); cursor: pointer; }
body.vozooh .vz-detail-trigger:hover{ background: var(--p-active-bg); color: var(--p-primary); }
body.vozooh .vz-compact th{ padding-block: 7px; }
body.vozooh .vz-compact td{ padding-block: 7px; }
body.vozooh .vz-table-status{ display: flex; align-items: center; gap: 8px; font-size: 12px; padding-block: 10px; flex-wrap: wrap; padding: 18px; margin-block: 12px; border: 1px solid var(--p-line); border-radius: 10px; background: var(--p-warning-bg); color: var(--p-warning); }
body.vozooh .vz-table-status p{ margin: 0; }
body.vozooh .vz-table-loading .vz-table-scroll{ opacity: .5; }
body.vozooh .vz-detail-actions{ display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
body.vozooh .vz-detail-note{ padding: 14px; background: var(--p-subtle); border-radius: 9px; font-size: 12px; }
body.vozooh .vz-column-choice{ display: flex; align-items: center; gap: 11px; min-height: 43px; border-bottom: 1px solid var(--p-line); margin: 0; font-weight: 450; cursor: pointer; }
body.vozooh .vz-command-results .vz-command-result{ display: flex; align-items: center; gap: 12px; padding: 12px; width: 100%; border: 0; border-radius: 8px; background: transparent; color: var(--p-text); text-align: start; font-size: 13px; cursor: pointer; text-decoration: none; }
body.vozooh .vz-command-result:hover{ background: var(--p-hover); }
body.vozooh .vz-command-result:focus{ background: var(--p-hover); }
body.vozooh .vz-command-result small{ display: block; color: var(--p-muted); margin-top: 3px; }
body.vozooh .vz-toast{ position: fixed; inset-block-end: 24px; inset-inline-end: 24px; z-index: 2100; max-width: min(420px,calc(100vw - 32px)); padding: 14px 20px; background: var(--p-text); color: var(--p-surface); border-radius: 11px; box-shadow: 0 8px 28px var(--p-shadow-color); font-size: 13px; }
@media (max-width: 1199.98px){body.vozooh .vz-breadcrumb{ display: none; }}
@media (max-width: 991.98px){body.vozooh .vz-brand img{ max-width: 108px; height: 30px; }
body.vozooh .vz-brand > span{ display: none; }}
@media (max-width: 767.98px){body.vozooh .vz-top-actions > .right-bar-toggle{ display: none; }
body.vozooh .vz-command-trigger > [data-vz-icon]{ display: inline-flex; }
body.vozooh .vz-profile-trigger{ padding: 0; }
body.vozooh .vz-profile-trigger > [data-vz-icon]{ display: none; }
body.vozooh .vz-grid > [class*=col-]{ flex: 0 0 50%; max-width: 50%; }
body.vozooh .vz-kpi{ min-height: 150px; }
body.vozooh .vz-kpi-icon{ position: static; width: 28px; height: 28px; margin-bottom: 10px; }
body.vozooh .vz-kpi-label{ padding: 0; font-size: 11px; }
body.vozooh .vz-kpi-value{ font-size: 23px; overflow-wrap: anywhere; }
body.vozooh .vz-kpi-note{ font-size: 10px; }
body.vozooh .vz-kpi-note i{ display: none; }
body.vozooh .vz-service-heading{ gap: 10px; }
body.vozooh .vz-service-heading h2{ font-size: 19px; }
body.vozooh .vz-service-heading > .vz-icon{ width: 36px; height: 36px; flex-basis: 36px; padding: 8px; }
body.vozooh .vz-service-heading > .badge{ font-size: 10px; }
body.vozooh .vz-shortcuts{ grid-template-columns: minmax(0,1fr); }
body.vozooh .vz-table-toolbar > select.form-control{ flex: 1 1 140px; width: auto; min-width: 0; }
body.vozooh .vz-table-toolbar > .btn{ flex: 1; }
body.vozooh .vz-toast{ inset-block-end: 84px; inset-inline-end: 16px; }
body.vozooh .vz-drawer .modal-dialog{ margin: 0; width: 100%; max-width: 100%; }}
@media (max-width: 399.98px){body.vozooh .vz-brand img{ max-width: 83px; }
body.vozooh .vz-topbar{ gap: 7px; }
body.vozooh .vz-top-actions{ gap: 5px; }}
body.vozooh[data-vz-panel="user"] .vz-table-scroll{clear:both;width:100%;max-width:100%}
body.vozooh[data-vz-panel="user"] .vz-shortcuts{grid-template-columns:1fr}
body.vozooh .plans-page{padding-bottom:28px}
body.vozooh .plans-page-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;margin-bottom:24px;border:1px solid var(--p-line);border-radius:24px;background:linear-gradient(115deg,var(--p-surface) 40%,var(--p-active-bg));position:relative;overflow:hidden}
body.vozooh .plans-page-title{font-size:clamp(25px,2.5vw,38px);line-height:1.6;font-weight:750;margin:10px 0;color:var(--p-text)}
body.vozooh .plans-page-description{font-size:14px;max-width:600px;color:var(--p-muted);margin:0}
body.vozooh .plans-category-box{flex:0 0 260px;margin:0;padding:18px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:16px}
body.vozooh .plans-category-box label{font-size:12px;font-weight:600;display:block;margin-bottom:8px;color:var(--p-muted)}
body.vozooh .plans-category-box .custom-select{background-color:var(--p-surface);color:var(--p-text)}
body.vozooh .vz-purchase-steps{display:flex;gap:28px;padding:0;margin:0 0 26px;list-style:none;color:var(--p-muted);font-size:13px}
body.vozooh .vz-purchase-steps li{display:flex;align-items:center;gap:10px}
body.vozooh .vz-purchase-steps b{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--p-line);width:30px;height:30px;border-radius:50%;font-weight:500}
body.vozooh .vz-purchase-steps [aria-current]{color:var(--p-primary);font-weight:650}
body.vozooh .vz-purchase-steps [aria-current] b{background:var(--p-primary);color:var(--p-surface);border-color:var(--p-primary)}
body.vozooh .vz-plan-tools{display:flex;align-items:flex-end;gap:14px;margin-bottom:22px;flex-wrap:wrap}
body.vozooh .vz-plan-tools label{font-size:12px;color:var(--p-muted);margin:0;min-width:190px}
body.vozooh .vz-plan-tools label:first-child{flex:1}
body.vozooh .vz-plan-tools .form-control{margin-top:6px}
body.vozooh #vz-plan-count{padding:12px 0;font-size:12px;color:var(--p-muted)}
body.vozooh .vz-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin:0}
body.vozooh .vz-plan-grid>.plan-column-modern{display:flex;max-width:none;width:auto;padding:0;min-width:0;margin:0}
body.vozooh .plan-column-modern[hidden]{display:none}
body.vozooh #vz-plan-selection[hidden]{display:none}
body.vozooh #vz-plan-empty[hidden]{display:none}
body.vozooh .plan-card-modern{position:relative;display:flex;flex-direction:column;flex:1;padding:26px;min-height:0;background:var(--p-surface);border:1px solid var(--p-line);border-radius:20px;transition:border-color .18s,box-shadow .18s;box-shadow:var(--p-shadow)}
body.vozooh .plan-card-modern:hover{border-color:var(--p-primary)}
body.vozooh .plan-card-modern.vz-plan-selected{border:2px solid var(--p-primary);padding:25px;box-shadow:0 0 0 4px var(--p-active-bg)}
body.vozooh .plan-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
body.vozooh .plan-card-identity{display:flex;align-items:center;gap:12px;min-width:0}
body.vozooh .plan-card-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:var(--p-active-bg);color:var(--p-primary);border-radius:14px;font-size:18px}
body.vozooh .plan-card-name{font-size:18px;margin:0 0 4px;overflow-wrap:anywhere}
body.vozooh .plan-card-subtitle{font-size:12px;color:var(--p-muted);margin:0}
body.vozooh .plan-card-badges{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
body.vozooh .plan-card-badge{font-size:10px;border-radius:6px;background:var(--p-active-bg);color:var(--p-primary);padding:4px 8px;white-space:nowrap}
body.vozooh .plan-card-price{margin:26px 0 18px;display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}
body.vozooh .plan-card-price-value{font-size:34px;line-height:1.35;font-weight:750;font-variant-numeric:tabular-nums;color:var(--p-text)}
body.vozooh .plan-card-currency{font-size:12px;color:var(--p-muted)}
body.vozooh .plan-card-old-price{font-size:12px;color:var(--p-muted)}
body.vozooh .plan-card-old-price{flex-basis:100%}
body.vozooh .plan-card-features{list-style:none;padding:18px 0;margin:0 0 20px;border-top:1px solid var(--p-line);flex:1}
body.vozooh .plan-card-features li{display:flex;align-items:flex-start;gap:9px;padding:6px 0;font-size:13px;color:var(--p-text)}
body.vozooh .vz-plan-choice{display:flex;align-items:center;gap:10px;padding:12px;margin:0 0 12px;background:var(--p-subtle);border-radius:10px;cursor:pointer;font-size:13px}
body.vozooh .vz-plan-choice input{width:18px;height:18px;accent-color:var(--p-primary)}
body.vozooh .plan-card-buy{display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--p-line);padding:12px 16px;border-radius:10px;text-decoration:none;background:var(--p-surface);color:var(--p-primary);font-size:13px;font-weight:600}
body.vozooh .vz-plan-selected .plan-card-buy{background:var(--p-primary);border-color:var(--p-primary);color:var(--p-surface)}
body.vozooh .vz-plan-selection{position:sticky;bottom:20px;z-index:99;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px;padding:20px 24px;border:1px solid var(--p-primary);border-radius:18px;background:var(--p-surface);box-shadow:0 8px 30px var(--p-shadow-color)}
body.vozooh .vz-plan-selection h2{font-size:17px;margin:2px 0}
body.vozooh #vz-selected-price{color:var(--p-muted);font-size:13px}
body.vozooh .plans-footer-note{font-size:12px;color:var(--p-muted);text-align:center;margin-top:24px}
body.vozooh .vz-plan-empty{padding:32px;text-align:center;border:1px dashed var(--p-line);border-radius:16px;background:var(--p-surface)}
@media(max-width:767px){body.vozooh .plans-page-header{padding:22px;flex-direction:column;align-items:stretch;gap:20px}
body.vozooh .plans-category-box{flex:auto;width:100%;padding:12px}
body.vozooh .vz-purchase-steps{gap:12px;justify-content:space-between;font-size:11px}
body.vozooh .vz-purchase-steps li{gap:5px}
body.vozooh .vz-purchase-steps b{width:24px;height:24px}
body.vozooh .vz-plan-tools label{min-width:140px}
body.vozooh .vz-plan-tools label:first-child{flex-basis:100%}
body.vozooh .vz-plan-tools label:nth-child(2){flex:1}
body.vozooh .vz-plan-selection{bottom:78px;padding:14px;gap:12px;flex-wrap:wrap}
body.vozooh .vz-plan-selection>.btn{width:100%}
body.vozooh .plan-card-modern{padding:22px}
body.vozooh .plan-card-modern.vz-plan-selected{padding:21px}
body.vozooh .plans-page-title{font-size:26px}
body.vozooh .vz-plan-grid{grid-template-columns:1fr}}
body.vozooh .vz-page-heading{ display: flex; align-items: center; justify-content: space-between; gap: 20px;position:static;min-height:0;padding:0;margin-bottom:24px}
body.vozooh .vz-skip-link:focus{clip:auto;clip-path:none;transform:none;z-index:10000;top:8px;right:8px;padding:16px;background:var(--p-surface);color:var(--p-text)}
.p-empty{padding:24px;text-align:center;color:var(--p-muted)}
body.vozooh .vz-table-scroll{ overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--p-line) transparent;clear:both;display:block;width:100%;max-width:100%;margin:0}
.p-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}
.p-action-menu{position:fixed;z-index:1090;width:200px;max-height:320px;overflow:auto;background:var(--p-surface);border:1px solid var(--p-line);border-radius:12px;padding:8px;box-shadow:0 12px 32px var(--p-shadow-color)}
.p-action-menu[hidden]{display:none}
.p-action-menu .btn{display:flex;align-items:center;gap:8px;width:100%;margin:2px 0;justify-content:flex-start;white-space:normal}
body.vozooh #RechargeDepositForm .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
body.vozooh #RechargeDepositForm .pricing-column{width:auto;max-width:none;padding:0;margin:0;display:flex}
body.vozooh #RechargeDepositForm .RowProduct{width:100%;height:100%;min-width:0;margin:0;padding:16px;background:var(--p-surface);color:var(--p-text);border:2px solid var(--p-line);transform:none;cursor:pointer;overflow:hidden;text-align:center;transition:border-color .15s,background .15s}
body.vozooh #RechargeDepositForm .RowProduct.selected{border-color:var(--p-primary);box-shadow:inset 0 0 0 1px var(--p-primary);background:var(--p-active-bg)}
body.vozooh #RechargeDepositForm .plan-title{font-size:14px;line-height:1.8;overflow-wrap:anywhere;color:var(--p-text);min-height:50px}
body.vozooh #RechargeDepositForm .plan-stats{font-size:12px;color:var(--p-muted)}
body.vozooh #RechargeDepositForm .modal-footer{gap:8px;margin-top:16px}
.p-wallet-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.p-wallet-summary strong{font-size:clamp(24px,4vw,32px);color:var(--p-secondary)}
@media(max-width:600px){body.vozooh #RechargeDepositForm .row{grid-template-columns:1fr;gap:8px}
body.vozooh #RechargeDepositForm .plan-title{min-height:0}
body.vozooh #RechargeDepositForm .plan-price{font-size:28px;margin:0}
.p-wallet-summary{align-items:flex-start;flex-direction:column}}
body.vozooh .vz-skip-link:not(:focus){position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;min-width:0;min-height:0}
body.vozooh #RechargeDepositForm .plan-price{line-height:1.5;overflow-wrap:anywhere;margin:16px 0 0;color:var(--p-text);font-variant-numeric:tabular-nums;letter-spacing:normal;white-space:nowrap;font-size:clamp(20px,2vw,26px);font-family:inherit}
body.vozooh .p-wallet-summary #AddBalance{width:auto;flex:0 0 auto;max-width:100%}
body.vozooh .p-wallet-summary strong{letter-spacing:normal}
body.vozooh .p-action-menu .btn{font-size:14px}
.cu-tablebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;min-width:0}
.cu-tablebar h2{margin:0;font-size:16px}
.cu-table-controls{display:flex;align-items:center;gap:8px;min-width:0}
.cu-table-controls .vz-table-search{width:240px;max-width:100%}
.cu-tools{display:flex;gap:8px}
.cu-tools button{width:44px;height:44px;flex:0 0 44px;padding:10px;border:1px solid var(--p-line);background:var(--p-surface);color:var(--p-primary);border-radius:8px}
body.vozooh[data-vz-panel=user] .vz-table-scroll{margin:0}
.cu-login-frame{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1fr);max-width:880px;width:100%;margin:auto;background:var(--p-surface);border:1px solid var(--p-line);border-radius:24px;overflow:hidden;box-shadow:var(--p-shadow)}
.cu-login-brand{padding:40px 32px;background:var(--p-active-bg);display:flex;flex-direction:column;justify-content:center;gap:16px;color:var(--p-text)}
.cu-login-brand img{display:block;width:144px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;align-self:center}
.cu-login-brand h2{font-size:24px}
.cu-login-brand p{line-height:1.9;margin:0}
.cu-login-form{padding:32px;min-width:0}
.cu-login-form h1{font-size:24px;margin:0 0 8px}
.cu-login-form>p{color:var(--p-muted);margin-bottom:24px}
.cu-login-form .form-group{margin-bottom:16px}
.cu-login-form label{display:block;margin-bottom:8px}
.cu-login-form input.form-control{height:48px;min-width:0;padding-inline:12px;border:1px solid var(--p-line);background:var(--p-surface);color:var(--p-text);border-radius:10px;direction:rtl;text-align:start}
.cu-password{position:relative}
.cu-login-form .cu-password input{padding-inline-end:64px}
.cu-password button{position:absolute;inset-inline-end:4px;top:2px;height:44px;min-width:52px;border:0;background:transparent;color:var(--p-primary);border-radius:8px;font-size:12px}
.cu-login-form input::placeholder{font-family:var(--font-panel);font-size:13px;color:var(--p-muted);opacity:1}
.cu-login-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}
.cu-login-meta label{display:flex;align-items:center;gap:8px;margin:0;min-height:44px}
.cu-login-meta input{width:18px;height:18px}
.cu-login-meta a{display:flex;align-items:center;min-height:44px;font-size:13px}
.cu-login-form #LoginBt{width:100%;height:48px}
.cu-field-error{display:block;font-size:12px;color:var(--p-danger);margin-top:8px}
.cu-login-form [aria-invalid=true]{border-color:var(--p-danger)}
.cu-login-status:not(:empty){padding:12px;border:1px solid var(--p-danger);color:var(--p-danger);background:var(--p-danger-bg);border-radius:8px;margin-bottom:16px}
.cu-captcha{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cu-captcha input{max-width:160px}
@media(max-width:767px){.cu-tablebar{align-items:stretch;flex-direction:column;gap:8px}
.cu-table-controls{flex-wrap:wrap}
.cu-table-controls .vz-table-search{flex:1;width:140px;min-width:120px}
.cu-tools{gap:4px}
.cu-login-frame{grid-template-columns:1fr;max-width:480px}
.cu-login-brand{padding:24px;gap:8px}
.cu-login-brand h2{display:none}
.cu-login-brand p{display:none}
.cu-login-brand img{width:96px}
.cu-login-form{padding:24px}
.cu-login-meta{gap:8px}
.cu-login-meta label{font-size:12px}
.cu-login-meta a{font-size:12px}}
@media print{.cu-tablebar{display:none}
.p-actions{display:none}}
body.vozooh .vz-table-scroll{background:var(--p-surface)}
body.vozooh .vz-table-search{background-color:var(--p-surface);color:var(--p-text);border-color:var(--p-line)}
.vd-color-1{--vd-color:var(--chart-1)}
.vd-color-2{--vd-color:var(--chart-2)}
.vd-color-3{--vd-color:var(--chart-3)}
.vd-color-4{--vd-color:var(--chart-4)}
.vd-color-5{--vd-color:var(--chart-5)}
.vd-color-6{--vd-color:var(--chart-6)}
.vd-dashboard{margin-bottom:24px}
.vd-dashboard h2{font-size:16px;margin:0 0 8px}
.vd-card>p{color:var(--p-muted);font-size:12px}
.vd-dashboard small{color:var(--p-muted);font-size:12px}
.vd-card{min-width:0;padding:16px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:16px}
.vd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vd-kpi{border-top:3px solid var(--vd-color)}
.vd-kpi-title{display:flex;align-items:center;gap:8px;color:var(--vd-color)}
.vd-kpi-title h2{margin:0}
.vd-kpi-title>.vz-icon{width:24px;height:24px;flex-shrink:0}
.vd-kpi-title>span{width:24px;height:24px;flex-shrink:0}
.vd-kpi>strong{display:block;font-size:clamp(23px,2.3vw,32px);margin-top:8px;overflow-wrap:anywhere;color:var(--p-text)}
.vd-delta{margin:8px 0}
.vd-positive{color:var(--p-active)!important}
.vd-negative{color:var(--p-danger)!important}
.vd-spark{color:var(--vd-color);min-height:56px}
.vd-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}
.vd-quick a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:8px;border:1px solid var(--p-line);border-radius:12px;background:var(--p-surface);color:var(--vd-color);font-weight:700}
.vd-quick .vz-icon{width:22px;height:22px}
.vd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:16px;align-items:start}
.vd-wide{grid-column:span 7}
.vd-narrow{grid-column:span 5}
.vd-full{grid-column:1/-1}
.vd-expiry{border-inline-start:4px solid var(--chart-2);scroll-margin-top:calc(var(--p-header) + 16px)}
.vd-expiry-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--p-line)}
.vd-expiry-row:last-child{border:0}
.vd-expiry-row>div{flex:1;min-width:0}
.vd-expiry-row strong{display:block;overflow-wrap:anywhere}
.vd-expiry-row time{display:block;font-size:12px;color:var(--p-warning)}
.vd-expiry-row .btn{flex-shrink:0}
.vd-progress{height:8px;background:var(--p-hover);border-radius:8px;margin:8px 0;overflow:hidden}
.vd-progress span{display:block;height:100%;background:var(--vd-color)}
.vd-status-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;gap:3px;background:var(--p-hover)}
.vd-segment{background:var(--vd-color)}
.vd-legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:8px;font-size:12px;color:var(--p-muted)}
.vd-legend span{color:var(--vd-color)}
.vd-donut-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.vd-donut-wrap svg{flex:0 0 160px}
.vd-donut-ring{stroke:var(--vd-color)}
.vd-total{fill:var(--p-text);font-size:24px;font-weight:700}
.vd-donut-legend{flex:1;min-width:140px;margin:0;padding-inline-start:24px}
.vd-donut-legend li{color:var(--vd-color);padding:4px 0;font-size:13px}
.vd-balance{display:block;font-size:28px;color:var(--chart-3)}
.vd-transaction{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--p-line);font-size:12px}
.vd-transactions{margin-bottom:16px}
#vd-transactions{margin-bottom:16px}
.vd-transaction time{color:var(--p-muted)}
.vd-empty{padding:24px 8px;text-align:center;color:var(--p-muted)}
.vd-empty:before{content:'◇';display:block;font-size:24px;color:var(--chart-3)}
.vd-area{direction:ltr;color:var(--chart-4);width:100%;min-width:0}
.vd-gridline{stroke:var(--p-line);stroke-width:1;stroke-dasharray:3 4}
.vd-axis{fill:var(--p-muted);font-size:11px}
.vd-line{stroke:currentColor;stroke-width:2.5;fill:none}
.vd-area-fill{fill:currentColor;opacity:.12}
.vd-dot{fill:currentColor}
.vd-month-tools{display:flex;direction:ltr;justify-content:space-around;gap:4px;flex-wrap:wrap;margin-top:8px}
.vd-month{position:relative;border:0;border-radius:8px;background:var(--p-hover);color:var(--p-text);min-width:44px;min-height:44px;padding:8px;font:inherit;font-size:12px}
.vd-tooltip{position:absolute;z-index:2;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:160px;padding:8px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface);color:var(--p-text);box-shadow:var(--p-shadow);pointer-events:none;visibility:hidden;direction:rtl}
.vd-month:first-child .vd-tooltip{left:0;transform:none}
.vd-month:last-child .vd-tooltip{left:auto;right:0;transform:none}
.vd-month:hover .vd-tooltip{visibility:visible}
.vd-month:focus .vd-tooltip{visibility:visible}
.vd-bars{display:flex;direction:ltr;align-items:flex-end;justify-content:space-around;gap:8px;height:208px;margin:32px 0 16px;padding-inline:32px 8px;position:relative}
.vd-bar-grid{position:absolute;inset-inline:0;border-top:1px dashed var(--p-line);color:var(--p-muted);font-size:11px;text-align:start;height:1px}
.vd-bar-group{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:8px;z-index:1}
.vd-bar{position:relative;min-height:3px;width:24px;max-width:40%;background:var(--vd-color);border-radius:4px 4px 0 0}
.vd-bar:nth-child(2){background:repeating-linear-gradient(0deg,var(--vd-color) 0 6px,var(--p-surface) 6px 8px)}
.vd-bar>span{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:11px;color:var(--p-text)}
@media(max-width:1199px){.vd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.vd-wide{grid-column:span 6}
.vd-narrow{grid-column:span 6}}
@media(max-width:767px){.vd-kpis{gap:8px}
.vd-quick{gap:8px}
.vd-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
.vd-grid{grid-template-columns:1fr}
.vd-wide{grid-column:1/-1}
.vd-narrow{grid-column:1/-1}
.vd-kpi{padding:12px}
.vd-kpi-title h2{font-size:13px}
.vd-kpi-title{gap:4px}
.vd-kpi>strong{font-size:23px}
.vd-bars{gap:4px;padding-inline:24px 0}
.vd-bar-group{gap:4px}
.vd-card{overflow-wrap:anywhere}}
.vd-stack{display:grid;gap:16px;align-content:start;min-width:0}
.vd-stack>.vd-card{grid-column:auto}
.vd-tooltip-dismissed .vd-tooltip{visibility:hidden!important}
.vd-bar-group{min-width:0}
body.vozooh .vd-dashboard h2{font-size:16px;line-height:1.8}
@media(max-width:767px){body.vozooh .vd-kpi-title h2{font-size:13px}}
@media(max-width:767px){.vd-kpi>strong{font-size:20px;white-space:nowrap}
.vd-kpi-title{align-items:flex-start}}
body.vozooh .vd-quick .vd-color-1{background:var(--quick-1-bg);color:var(--chart-1)}
body.vozooh .vd-quick .vd-color-2{background:var(--quick-2-bg);color:var(--chart-2)}
body.vozooh .vd-quick .vd-color-3{background:var(--quick-3-bg);color:var(--chart-3)}
body.vozooh .vd-quick .vd-color-4{background:var(--quick-4-bg);color:var(--chart-4)}
.ve-password{display:flex;align-items:center;gap:8px}
.ve-password input{min-width:0;flex:1}
.ve-password button{width:44px;height:44px;flex:0 0 44px;padding:10px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface);color:var(--p-primary)}
.ve-password button svg{width:22px;height:22px}
.ve-clipboard-fallback{position:fixed;inset:0 auto auto 0;width:1px;height:1px;opacity:0}
#ve-copy-help{display:block;color:var(--p-muted);margin-top:8px}
body.vozooh #vs-details .modal-dialog{width:calc(100% - 32px);max-width:640px;margin-inline:auto}
body.vozooh #vs-details .modal-content{padding:0;max-height:calc(100dvh - 48px);overflow:hidden}
body.vozooh #vs-details .modal-header{position:sticky;top:0;background:var(--p-surface);align-items:center;gap:8px;padding:16px;flex-shrink:0}
body.vozooh #vs-title{font-size:16px;line-height:1.8;margin:0}
.vs-success{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--p-active);background:var(--p-active-bg)}
body.vozooh #vs-details .modal-body{max-height:65vh;overflow:auto;padding:16px}
#vs-list{display:grid;grid-template-columns:minmax(96px,1fr) minmax(0,2fr);margin:0;gap:0}
#vs-list dt,#vs-list dd{padding:8px 0;margin:0;border-bottom:1px solid var(--p-line);overflow-wrap:anywhere}
#vs-list dt{padding-inline-end:16px;color:var(--p-muted);font-weight:500}
#vs-list dd{color:var(--p-text)}
#vs-list button,#vs-extra-actions button{margin:4px;min-width:44px;min-height:44px}
body.vozooh .p-action-menu .btn{background:var(--p-surface);border-color:var(--p-line);color:var(--p-text)}
body.vozooh .p-action-menu .btn i{color:var(--p-primary)}
body.vozooh .p-action-menu :is(.Remove,.CancelService){background:var(--p-danger-bg);color:var(--p-danger)}
body.vozooh .p-action-menu :is(.Remove,.CancelService) i{color:var(--p-danger)}
#vd-expiry-list{max-height:328px;overflow:auto;scrollbar-gutter:stable;padding-inline-end:8px}
.vd-kpis{align-items:start}
.vd-number{direction:ltr;unicode-bidi:isolate;display:inline-block}
.vd-credit-note{font-size:12px;color:var(--p-muted)}
@media print{#EditmodalBox,#vs-details{display:none!important}}
body.vozooh[data-vz-panel=user] :is(input,select,textarea,button,h1,h2,h3,h4,h5,h6,.btn,.dropdown-menu,table,.badge,.plan-price,.vz-number,kbd){font-family:var(--font-panel);font-synthesis:none;font-feature-settings:'kern' 1,'tnum' 1;font-variant-numeric:tabular-nums;letter-spacing:normal}
#vd-expiry-list{max-height:224px}
.vd-credit-note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.vd-credit-note p{margin:0;font-size:11px}
@media(max-width:767px){.vd-credit-note{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.vozooh :is(.btn,.vz-icon-button,.paginate_button a){min-height:44px;min-width:44px}