:root{
  --v122-gold:var(--arena-primary,#d4a637);
  --v122-blue:var(--arena-secondary,#0d6efd);
  --v122-accent:var(--arena-accent,#39f7d3);
  --v122-bg:var(--arena-background,#0b0b0d);
  --v122-surface:var(--arena-surface,#2e3138);
  --v122-deep:#111820;
  --v122-text:var(--arena-text,#f3f0e8);
  --v122-muted:var(--arena-muted,#b9bbc2);
  --v122-success:var(--arena-success,#68cb82);
  --v122-danger:var(--arena-danger,#ed6b6b);
  --v122-warning:#f3a72f;
}

.v122-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:34px;
  margin-bottom:20px;
  border:1px solid color-mix(
    in srgb,
    var(--v122-gold) 38%,
    transparent
  );
  border-radius:24px;
  background:
    radial-gradient(
      circle at 88% 12%,
      color-mix(
        in srgb,
        var(--v122-blue) 20%,
        transparent
      ),
      transparent 35%
    ),
    linear-gradient(135deg,#10141d,var(--v122-surface));
}

.v122-hero.compact{padding:25px}

.v122-hero h1{
  margin:.3rem 0 .6rem;
  max-width:780px;
  font-size:clamp(2rem,4.8vw,4rem);
  line-height:1.03;
}

.v122-hero p{
  max-width:780px;
  color:var(--v122-muted);
}

.backup-hero{
  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(57,247,211,.16),
      transparent 34%
    ),
    linear-gradient(135deg,#0d141d,#29343e);
}

.insight-hero{
  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(139,92,246,.22),
      transparent 35%
    ),
    linear-gradient(135deg,#10131d,#302b45);
}

.v122-plan-chip{
  flex:0 0 auto;
  min-width:210px;
  padding:20px;
  text-align:center;
  border:1px solid color-mix(
    in srgb,
    var(--v122-gold) 55%,
    transparent
  );
  border-radius:19px;
  background:#0b1018;
}

.v122-plan-chip small,
.v122-plan-chip strong,
.v122-plan-chip span{
  display:block;
}

.v122-plan-chip strong{
  margin:.25rem 0;
  color:var(--v122-gold);
  font-size:1.3rem;
}

.v122-plan-chip small,
.v122-plan-chip span{
  color:var(--v122-muted);
}

.v122-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:20px;
}

.v122-kpis article{
  min-width:0;
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:var(--v122-surface);
}

.v122-kpis strong,
.v122-kpis span{
  display:block;
}

.v122-kpis strong{
  overflow-wrap:anywhere;
  color:var(--v122-gold);
  font-size:1.45rem;
}

.v122-kpis span{
  margin-top:4px;
  color:var(--v122-muted);
}

.v122-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:20px;
}

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

.v122-section-head h2{
  margin:.25rem 0;
  font-size:clamp(1.5rem,3vw,2.35rem);
}

.v122-section-head p{
  max-width:760px;
  color:var(--v122-muted);
}

.v122-state{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:var(--v122-muted);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.v122-state.ok,
.v122-state.verified,
.v122-state.status-completed{
  color:var(--v122-success);
  background:color-mix(
    in srgb,
    var(--v122-success) 14%,
    transparent
  );
}

.v122-state.danger,
.v122-state.failed,
.v122-state.status-failed,
.v122-state.status-deleted{
  color:var(--v122-danger);
  background:color-mix(
    in srgb,
    var(--v122-danger) 14%,
    transparent
  );
}

.v122-state.gold,
.v122-state.pending,
.v122-state.status-running{
  color:var(--v122-gold);
  background:color-mix(
    in srgb,
    var(--v122-gold) 14%,
    transparent
  );
}

.v122-state.info,
.v122-state.status-needs_data{
  color:#69a9ff;
  background:rgba(105,169,255,.14);
}

.v122-state.muted{
  color:var(--v122-muted);
}

.v122-definitions{
  display:grid;
  gap:0;
  margin:0;
}

.v122-definitions div{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.v122-definitions dt{
  color:var(--v122-muted);
}

.v122-definitions dd{
  margin:0;
  max-width:65%;
  text-align:right;
  font-weight:800;
  overflow-wrap:anywhere;
}

.v122-definitions code{
  color:var(--v122-accent);
}

.v122-note{
  margin-top:18px;
  padding:17px;
  border-left:4px solid var(--v122-gold);
  border-radius:13px;
  background:color-mix(
    in srgb,
    var(--v122-gold) 7%,
    transparent
  );
}

.v122-note p{
  margin-bottom:0;
  color:var(--v122-muted);
}

.v122-alert{
  padding:14px;
  border-radius:12px;
  background:rgba(255,255,255,.05);
}

.v122-alert.danger{
  border-left:4px solid var(--v122-danger);
  background:rgba(237,107,107,.08);
}

.v122-policy-grid{
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(360px,1fr)
  );
  gap:16px;
}

.v122-policy-card{
  display:grid;
  gap:16px;
  padding:20px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:17px;
  background:var(--v122-deep);
}

.v122-policy-title{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
}

.v122-policy-title small{
  display:block;
  color:var(--v122-gold);
}

.v122-policy-title input{
  font-size:1.15rem;
  font-weight:800;
}

.v122-switch{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}

.v122-switch input,
.v122-checks input{
  accent-color:var(--v122-gold);
}

.v122-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.v122-form-grid label,
.v122-plan-editor label,
.v122-athlete-selector label{
  display:grid;
  gap:6px;
  color:var(--v122-text);
  font-weight:750;
}

.v122-form-grid small,
.v122-plan-editor small{
  color:var(--v122-muted);
  font-weight:400;
}

.v122-full{
  display:grid;
  gap:7px;
  grid-column:1/-1;
}

.v122-checks{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.v122-checks label{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:10px 12px;
  border-radius:11px;
  background:rgba(255,255,255,.04);
}

.v122-table-wrap{
  overflow:auto;
}

.v122-table{
  width:100%;
  min-width:1050px;
  border-collapse:collapse;
}

.v122-table th,
.v122-table td{
  padding:13px;
  border-bottom:1px solid rgba(255,255,255,.09);
  text-align:left;
  vertical-align:top;
}

.v122-table td small{
  display:block;
  margin-top:5px;
  color:var(--v122-muted);
}

.v122-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.v122-actions form{
  margin:0;
}

.v122-error{
  color:var(--v122-danger)!important;
}

.v122-empty{
  padding:22px;
  border:1px dashed rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.v122-empty p{
  color:var(--v122-muted);
}

.v122-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  margin:0 0 20px;
}

.v122-tabs a,
.v122-chip{
  flex:0 0 auto;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:var(--v122-surface);
  color:var(--v122-text);
  text-decoration:none;
}

.v122-tabs a:hover,
.v122-chip.active{
  border-color:var(--v122-gold);
  color:var(--v122-gold);
}

.v122-plan-section{
  scroll-margin-top:90px;
  margin-bottom:20px;
}

.v122-plan-grid{
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(280px,1fr)
  );
  gap:15px;
}

.v122-plan-card{
  display:flex;
  flex-direction:column;
  gap:13px;
  padding:20px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:17px;
  background:var(--v122-deep);
}

.v122-plan-card.featured{
  border-color:color-mix(
    in srgb,
    var(--v122-gold) 70%,
    transparent
  );
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}

.v122-plan-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.v122-plan-card-head>div{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.v122-plan-card h3{
  margin:.2rem 0 0;
  font-size:1.55rem;
}

.v122-plan-card code{
  color:var(--v122-accent);
}

.v122-price strong,
.v122-price span{
  display:block;
}

.v122-price strong{
  color:var(--v122-gold);
  font-size:1.7rem;
}

.v122-price span{
  color:var(--v122-muted);
}

.v122-feature-list{
  display:grid;
  gap:7px;
  margin:0;
  padding-left:20px;
}

.v122-feature-list li::marker{
  color:var(--v122-gold);
}

.v122-plan-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:auto;
}

.v122-plan-stats span{
  padding:10px;
  text-align:center;
  border-radius:11px;
  background:rgba(255,255,255,.04);
  color:var(--v122-muted);
  font-size:.78rem;
}

.v122-plan-stats strong{
  display:block;
  color:var(--v122-text);
  font-size:1.2rem;
}

.v122-plan-editor{
  display:grid;
  gap:18px;
}

.v122-module-selector{
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(250px,1fr)
  );
  gap:11px;
}

.v122-module-option{
  display:flex!important;
  align-items:flex-start;
  gap:11px!important;
  padding:15px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:var(--v122-deep);
  cursor:pointer;
}

.v122-module-option:has(input:checked){
  border-color:var(--v122-gold);
  background:color-mix(
    in srgb,
    var(--v122-gold) 7%,
    var(--v122-deep)
  );
}

.v122-module-option input{
  margin-top:4px;
  accent-color:var(--v122-gold);
}

.v122-module-option span,
.v122-module-option strong,
.v122-module-option small,
.v122-module-option em{
  display:block;
}

.v122-module-option small{
  color:var(--v122-gold);
}

.v122-module-option em{
  margin-top:5px;
  color:var(--v122-muted);
  font-style:normal;
  font-weight:400;
}

.v122-analysis-quota-grid{
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(310px,1fr)
  );
  gap:11px;
}

.v122-analysis-quota-grid label{
  display:grid;
  grid-template-columns:1fr 90px;
  align-items:center;
  gap:14px;
  padding:15px;
  border-radius:14px;
  background:var(--v122-deep);
}

.v122-analysis-quota-grid strong,
.v122-analysis-quota-grid small{
  display:block;
}

.v122-analysis-quota-grid small{
  margin-top:4px;
  color:var(--v122-muted);
}

.v122-sticky-actions{
  position:sticky;
  bottom:14px;
  z-index:5;
  display:flex;
  gap:9px;
  width:max-content;
  max-width:100%;
  padding:10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  background:rgba(11,16,24,.94);
  box-shadow:0 18px 50px rgba(0,0,0,.36);
  backdrop-filter:blur(12px);
}

.v122-inline{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-bottom:20px;
}

.v122-tool-grid{
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(260px,1fr)
  );
  gap:13px;
}

.v122-tool-card{
  display:flex;
  gap:14px;
  min-height:190px;
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:var(--v122-deep);
  color:var(--v122-text);
  text-decoration:none;
  transition:transform .18s,border-color .18s;
}

.v122-tool-card:hover{
  transform:translateY(-3px);
  border-color:var(--v122-gold);
}

.v122-tool-card.locked{
  opacity:.86;
  background:
    linear-gradient(
      145deg,
      rgba(212,166,55,.05),
      var(--v122-deep)
    );
}

.v122-tool-card.disabled{
  opacity:.75;
}

.v122-tool-card.system{
  border-color:rgba(105,169,255,.28);
}

.v122-tool-icon{
  flex:0 0 auto;
  width:55px;
  height:55px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(255,255,255,.05);
}

.v122-tool-icon img{
  width:34px;
  height:34px;
  object-fit:contain;
}

.v122-tool-icon span{
  color:var(--v122-gold);
  font-size:1.5rem;
  font-weight:900;
}

.v122-tool-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.v122-tool-copy>div{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.v122-tool-copy h3{
  margin:.75rem 0 .35rem;
  font-size:1.3rem;
}

.v122-tool-copy p{
  color:var(--v122-muted);
}

.v122-tool-action{
  margin-top:auto;
  color:var(--v122-gold);
}

.v122-menu-section{
  margin-bottom:18px;
}

.v122-module-center-grid{
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(290px,1fr)
  );
  gap:14px;
}

.v122-module-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:260px;
  gap:17px;
}

.v122-module-card.is-on{
  border-color:rgba(104,203,130,.25);
}

.v122-module-card.is-locked{
  border-style:dashed;
}

.v122-module-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.v122-module-card h2{
  margin:.7rem 0 .35rem;
}

.v122-module-card p{
  color:var(--v122-muted);
}

.v122-athlete-selector{
  min-width:min(100%,520px);
}

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

.v122-insight-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:310px;
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:var(--v122-deep);
}

.v122-insight-card.available{
  border-color:rgba(105,169,255,.26);
}

.v122-insight-card.locked{
  opacity:.72;
}

.v122-insight-card-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
}

.v122-insight-card-head>div{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.v122-quota{
  color:var(--v122-gold);
  white-space:nowrap;
}

.v122-insight-card h3{
  margin:.2rem 0;
  font-size:1.35rem;
}

.v122-insight-card p{
  color:var(--v122-muted);
}

.v122-data-message{
  margin-top:auto;
  padding:11px;
  border-radius:11px;
  background:rgba(255,255,255,.04);
  color:var(--v122-muted);
  font-size:.86rem;
}

.v122-report-list{
  display:grid;
  gap:9px;
}

.v122-report-list>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:15px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:var(--v122-deep);
  color:var(--v122-text);
  text-decoration:none;
}

.v122-report-list>a:hover{
  border-color:var(--v122-gold);
}

.v122-report-list h3{
  margin:.45rem 0 .2rem;
}

.v122-report-list p,
.v122-report-list small{
  color:var(--v122-muted);
}

.v122-report-list>a>div:last-child{
  text-align:right;
}

.v122-report-layout{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:18px;
}

.v122-report-layout aside{
  display:grid;
  align-content:start;
  gap:16px;
}

.v122-report-content{
  font-size:1.04rem;
  line-height:1.72;
}

.v122-report-content h2{
  margin-top:0;
  font-size:2rem;
}

.v122-report-content h3{
  margin-top:1.8rem;
  color:var(--v122-gold);
}

.v122-report-content li{
  margin-bottom:.65rem;
}

@media(max-width:960px){
  .v122-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .v122-columns,
  .v122-report-layout{
    grid-template-columns:1fr;
  }

  .v122-plan-stats{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  .v122-hero{
    flex-direction:column;
    align-items:stretch;
    padding:24px;
  }

  .v122-plan-chip{
    min-width:0;
    width:100%;
  }

  .v122-form-grid{
    grid-template-columns:1fr;
  }

  .v122-policy-grid{
    grid-template-columns:1fr;
  }

  .v122-section-head,
  .v122-policy-title,
  .v122-plan-card-head,
  .v122-insight-card-head{
    flex-direction:column;
  }

  .v122-analysis-quota-grid label{
    grid-template-columns:1fr;
  }

  .v122-sticky-actions{
    width:100%;
    flex-direction:column;
  }

  .v122-report-list>a{
    flex-direction:column;
    align-items:flex-start;
  }

  .v122-report-list>a>div:last-child{
    text-align:left;
  }
}

@media(max-width:520px){
  .v122-kpis{
    grid-template-columns:1fr;
  }

  .v122-tool-card{
    flex-direction:column;
  }
}

.v122-filter-form{
  display:flex;
  align-items:end;
  gap:12px;
  flex-wrap:wrap;
}

.v122-filter-form label{
  display:grid;
  gap:7px;
  min-width:190px;
}

.v122-filter-form .grow{
  flex:1 1 280px;
}

.v122-commercial-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
  gap:16px;
}

.v122-commercial-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:470px;
}

.v122-commercial-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.v122-commercial-head h2{
  margin:.3rem 0 0;
  font-size:1.45rem;
}

.v122-status{
  display:inline-flex;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:var(--v122-muted);
  font-size:.75rem;
  font-weight:900;
  text-transform:uppercase;
}

.v122-status.status-active{
  color:var(--v122-success);
  background:color-mix(
    in srgb,
    var(--v122-success) 14%,
    transparent
  );
}

.v122-status.status-idea{
  color:var(--v122-gold);
  background:color-mix(
    in srgb,
    var(--v122-gold) 14%,
    transparent
  );
}

.v122-status.status-parked{
  color:var(--v122-warning);
  background:rgba(243,167,47,.14);
}

.v122-definition-list{
  display:grid;
  gap:0;
  margin:0;
}

.v122-definition-list div{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.v122-definition-list dt{
  color:var(--v122-muted);
}

.v122-definition-list dd{
  margin:0;
  text-align:right;
  font-weight:800;
  overflow-wrap:anywhere;
}

.v122-card-actions{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top:auto;
}

.v122-card-actions form{
  display:flex;
  align-items:end;
  gap:7px;
  flex-wrap:wrap;
  margin:0;
}

@media(max-width:720px){
  .v122-commercial-grid{
    grid-template-columns:1fr;
  }

  .v122-commercial-head,
  .v122-card-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .v122-definition-list div{
    grid-template-columns:1fr;
  }

  .v122-definition-list dd{
    text-align:left;
  }
}