.account-nav-link{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
}

.account-nav-link::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--green,#22d3ee);
  box-shadow:0 0 12px rgba(34,211,238,.8);
  opacity:.85;
}

#accountDetailsModal{
  z-index:1300;
}

.cybernet-account-card{
  width:min(760px,calc(100vw - 28px));
  max-height:min(88vh,820px);
  overflow:auto;
  padding:28px;
}

.cybernet-account-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
  padding-right:36px;
}

.cn-account-title-row{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.cn-account-title-icon{
  width:40px;
  height:40px;
  min-width:40px;
  overflow:visible;
  flex-shrink:0;
  display:block;
  margin-top:4px;
}

.cybernet-account-head h2{
  margin:5px 0 6px;
  font-size:clamp(25px,4vw,38px);
}

.cybernet-account-head p{
  color:var(--muted,#7d93ad);
  line-height:1.65;
}

.cybernet-account-live-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  border:1px solid rgba(34,211,238,.28);
  border-radius:999px;
  padding:8px 11px;
  color:var(--green-bright,#a5f0ff);
  background:rgba(34,211,238,.07);
  font-family:var(--font-mono,monospace);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.cybernet-account-live-badge::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 10px rgba(52,211,153,.85);
}

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

.cybernet-account-item{
  min-width:0;
  padding:16px;
  border:1px solid var(--glass-border,rgba(56,189,248,.16));
  border-radius:14px;
  background:rgba(2,9,18,.38);
}

.cybernet-account-item.wide{
  grid-column:1/-1;
}

.cybernet-account-item > span{
  display:block;
  margin-bottom:8px;
  color:var(--muted,#7d93ad);
  font-family:var(--font-mono,monospace);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.cybernet-account-item strong{
  display:block;
  color:var(--text,#eaf3fb);
  font-size:15px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.cybernet-account-plan{
  display:flex!important;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.cybernet-account-plan-badge{
  display:inline-flex;
  width:max-content;
  border-radius:999px;
  padding:6px 10px;
  background:rgba(34,211,238,.12);
  border:1px solid rgba(34,211,238,.32);
  color:var(--green-bright,#a5f0ff);
  font-family:var(--font-mono,monospace);
  font-size:12px;
  font-style:normal;
  text-transform:uppercase;
}

.cybernet-account-usage-track{
  height:8px;
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}

.cybernet-account-usage-track > span{
  display:block;
  height:100%;
  width:0;
  margin:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#22d3ee,#3b82f6);
  box-shadow:0 0 15px rgba(34,211,238,.35);
  transition:width .35s ease;
}

.cybernet-account-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}

.cybernet-account-actions .primary-btn,
.cybernet-account-actions .secondary-btn{
  flex:1 1 180px;
}

.cybernet-account-message{
  min-height:20px;
  margin-top:14px;
  color:var(--muted,#7d93ad);
  font-size:12px;
  line-height:1.6;
}

.cybernet-account-message.error{color:var(--danger,#ff6b6b)}
.cybernet-account-message.success{color:var(--safe,#34d399)}

.cybernet-byok-panel{
  margin:18px 0 12px;
  padding:16px;
  border:1px solid rgba(34,211,238,.22);
  border-radius:15px;
  background:
    linear-gradient(145deg,rgba(34,211,238,.075),rgba(59,130,246,.035)),
    rgba(2,9,18,.42);
}

.cybernet-byok-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.cybernet-byok-title-row h5{
  margin:0;
  color:var(--text,#eaf3fb);
  font-size:14px;
}

.cybernet-byok-status-pill{
  flex:0 0 auto;
  border:1px solid var(--glass-border,rgba(56,189,248,.16));
  border-radius:999px;
  padding:5px 8px;
  color:var(--muted,#7d93ad);
  font-family:var(--font-mono,monospace);
  font-size:12px;
  text-transform:uppercase;
}

.cybernet-byok-status-pill.connected{
  border-color:rgba(52,211,153,.32);
  color:#86efac;
  background:rgba(52,211,153,.08);
}

.cybernet-byok-panel > p{
  margin:0 0 12px;
  color:var(--muted,#7d93ad);
  font-size:11px;
  line-height:1.65;
}

.cybernet-byok-field{
  position:relative;
}

.cybernet-byok-field input{
  width:100%;
  padding-right:68px!important;
  margin:0!important;
}

.cybernet-byok-show{
  position:absolute;
  top:50%;
  right:7px;
  transform:translateY(-50%);
  height:32px;
  padding:0 10px;
  border:1px solid var(--glass-border,rgba(56,189,248,.16));
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:var(--green-bright,#a5f0ff);
  font-family:var(--font-mono,monospace);
  font-size:12px;
}

.cybernet-byok-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:10px;
}

.cybernet-byok-actions > button{
  flex:1 1 150px;
}

.cybernet-byok-message{
  min-height:18px;
  margin-top:9px;
  color:var(--muted,#7d93ad);
  font-size:12px;
  line-height:1.55;
}

.cybernet-byok-message.success{color:var(--safe,#34d399)}
.cybernet-byok-message.error{color:var(--danger,#ff6b6b)}
.cybernet-byok-message.warning{color:var(--warning,#ffcf6b)}

.cybernet-byok-privacy{
  display:block;
  margin-top:8px;
  color:var(--soft,#425873);
  font-size:12px;
  line-height:1.5;
}

#manageBillingBtn{
  display:none!important;
}

#pricing,
#pricing .pricing-grid,
#pricing .pricing-grid-two,
#pricing .featured-price,
#pricing .pro-price-card{
  overflow:visible!important;
}

#pricing .pricing-grid,
#pricing .pricing-grid-two{
  padding-top:42px!important;
}

#pricing .popular-ribbon{
  top:-22px!important;
  z-index:20!important;
  visibility:visible!important;
  opacity:1!important;
  clip-path:none!important;
}

@media(max-width:820px){
  .cybernet-account-grid{
    grid-template-columns:1fr;
  }

  .cybernet-account-item.wide{
    grid-column:auto;
  }

  .cybernet-account-head{
    display:block;
  }

  .cybernet-account-live-badge{
    margin-top:12px;
  }
}

@media(max-width:560px){
  .cybernet-account-card{
    padding:22px 16px;
  }

  #pricing .pricing-grid,
  #pricing .pricing-grid-two{
    padding-top:48px!important;
  }
}

#cybernetHowToGetKeyModal{
  z-index:1400;
}

.cybernet-howto-modal{
  width:min(640px,calc(100vw - 28px));
}

.cybernet-howto-provider{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--glass-border,rgba(255,255,255,.08));
}

.cybernet-howto-provider:first-of-type{
  margin-top:22px;
  padding-top:0;
  border-top:none;
}

.cybernet-howto-provider h4{
  margin:0 0 8px;
  color:var(--text,#eaf6ff);
  font-size:14px;
}

.cybernet-howto-provider ol{
  margin:0;
  padding-left:18px;
  color:var(--muted,#8ea5b8);
  font-size:12.5px;
  line-height:1.7;
}

.cybernet-howto-provider ol li strong{
  color:var(--text,#eaf6ff);
}

.cybernet-howto-note{
  margin:20px 0 0;
  padding-top:16px;
  border-top:1px solid var(--glass-border,rgba(255,255,255,.08));
  color:var(--soft,#425873);
  font-size:11px;
  line-height:1.6;
}