/* fa1thDEV customer portal */
.account-portal-page{
  --acc-accent:#16b9ff;
  --acc-accent-2:#2479ff;
  --acc-surface:rgba(5,22,34,.92);
  --acc-surface-soft:rgba(8,29,43,.78);
  --acc-border:rgba(72,157,207,.25);
  --acc-muted:#8eabc0;
  min-height:100vh;
}
.account-portal-page .account-portal{
  width:min(1280px,calc(100% - 32px));
  margin:0 auto;
  padding:34px 0 70px;
}
.account-portal-page .acc-card{
  background:linear-gradient(145deg,rgba(7,25,38,.94),rgba(4,16,27,.92));
  border:1px solid var(--acc-border);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 38px rgba(0,0,0,.18);
}
.acc-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px!important;
  margin-bottom:20px!important;
}
.acc-profile{min-width:0}
.acc-profile__avatar{
  width:68px!important;height:68px!important;border-radius:17px!important;
  border-color:rgba(38,177,245,.52)!important;
  box-shadow:0 0 32px rgba(16,157,227,.18)!important;
}
.acc-profile__identity{min-width:0}
.acc-profile__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.acc-profile__title-row h1{font-size:1.55rem!important;letter-spacing:-.03em}
.acc-role{
  display:inline-flex;align-items:center;min-height:24px;padding:0 9px;
  border:1px solid rgba(25,184,255,.55);border-radius:999px;
  color:#65d4ff;background:rgba(14,142,203,.12);
  font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.acc-profile__meta{display:flex;gap:8px;flex-wrap:wrap;margin:.28rem 0 0}
.acc-profile__meta span{font-size:.78rem;color:var(--acc-muted)}
.acc-profile__meta span+span::before{content:"•";margin-right:8px;color:#3e6d89}
.acc-profile__actions .fs-button{min-height:32px;padding:.35rem .7rem;font-size:.75rem}
.acc-hero__aside{display:flex;gap:8px;align-items:center}
.acc-signout{color:#ff9ba8!important;border-color:rgba(255,94,115,.28)!important}
.acc-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;margin:0 0 22px!important
}
.acc-stat{
  min-height:74px;display:grid!important;
  grid-template-columns:42px 1fr;grid-template-rows:auto auto;
  gap:2px 12px;align-content:center;
  padding:13px 15px!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(8,28,42,.88),rgba(4,17,27,.86))!important;
  border-color:var(--acc-border)!important
}
.acc-stat__icon{
  grid-row:1/3;width:40px;height:40px;border-radius:10px;
  display:grid;place-items:center;background:rgba(21,156,220,.1);
  border:1px solid rgba(41,167,229,.16);color:#42c9ff;font-size:1.05rem
}
.acc-stat strong{font-size:1.12rem!important;line-height:1.15}
.acc-stat .muted{
  font-size:.65rem!important;letter-spacing:.11em;text-transform:uppercase
}
.acc-tabs{
  gap:0!important;border-bottom:1px solid rgba(91,144,178,.18);
  margin:0 0 22px!important;padding:0 4px;overflow-x:auto;flex-wrap:nowrap!important
}
.acc-tabs .fs-button{
  flex:none;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:#829caf!important;padding:13px 15px!important;
  position:relative;font-size:.82rem
}
.acc-tabs .fs-button:hover{color:#dceeff!important}
.acc-tabs .fs-button.is-active{
  color:#f3fbff!important;outline:0!important
}
.acc-tabs .fs-button.is-active::after{
  content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;
  background:linear-gradient(90deg,var(--acc-accent),var(--acc-accent-2));
  box-shadow:0 0 12px rgba(18,185,255,.5)
}
.acc-panel{min-height:250px}
.acc-studio-card,.acc-plan{
  border-color:var(--acc-border)!important;
  background:linear-gradient(145deg,rgba(7,26,40,.96),rgba(4,17,28,.92))!important
}
.acc-studio-card--quest{border-left:2px solid #17bfff!important}
.acc-studio-card--utx{border-left:2px solid #726dff!important}
.acc-plan__usd{color:#55d3ff!important}
.acc-table-wrap{
  overflow:auto;border:1px solid var(--acc-border);border-radius:14px;
  background:rgba(4,17,27,.84)
}
.acc-table{width:100%;border-collapse:collapse;min-width:760px}
.acc-table th{
  padding:13px 16px;text-align:left;color:#6f8da2;
  font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700
}
.acc-table td{padding:14px 16px;border-top:1px solid rgba(72,136,174,.14);font-size:.82rem}
.acc-table__id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#4fcaff;font-weight:700}
.acc-status{
  display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid;
  font-size:.65rem;font-weight:800;letter-spacing:.05em
}
.acc-status--paid{color:#58e695;border-color:rgba(88,230,149,.35);background:rgba(32,152,91,.12)}
.acc-status--pending{color:#ffd36b;border-color:rgba(255,193,55,.35);background:rgba(210,143,20,.12)}
.acc-status--failed,.acc-status--cancelled,.acc-status--refunded{color:#ff8e9d;border-color:rgba(255,94,115,.32);background:rgba(180,45,65,.12)}
.acc-empty{
  min-height:210px;display:grid;place-items:center;text-align:center;
  border:1px solid var(--acc-border);border-radius:14px;background:rgba(4,17,27,.72);padding:30px
}
.acc-empty__icon{font-size:1.8rem;color:#3bbdf5;margin-bottom:8px}
.acc-empty h3{margin:0 0 7px}.acc-empty p{margin:0}
.acc-support-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px
}
.acc-support-head h2{margin:0;font-size:1.05rem}.acc-support-head p{margin:.25rem 0 0}
.acc-support-connect{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 15px;margin-bottom:12px;border:1px solid var(--acc-border);
  border-radius:11px;background:rgba(7,25,37,.82);font-size:.8rem;color:#bdd2df
}
.acc-ticket-form{
  padding:17px;margin-bottom:14px;border:1px solid var(--acc-border);
  border-radius:14px;background:rgba(5,20,31,.88)
}
.acc-ticket-form[hidden]{display:none}
.acc-ticket-grid{display:grid;grid-template-columns:240px 1fr;gap:12px}
.acc-field{display:grid;gap:5px;color:#89a7ba;font-size:.72rem}
.acc-field--wide{grid-column:1/-1}
.acc-field input,.acc-field select,.acc-field textarea{
  width:100%;box-sizing:border-box;border:1px solid rgba(71,137,177,.3);
  border-radius:9px;background:#061521;color:#e9f6ff;padding:10px 11px;font:inherit
}
.acc-field textarea{min-height:125px;resize:vertical}
.acc-field input:focus,.acc-field select:focus,.acc-field textarea:focus{
  outline:0;border-color:#21bfff;box-shadow:0 0 0 3px rgba(22,185,255,.12)
}
.acc-ticket-list{display:grid;gap:10px}
.acc-ticket{
  display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px;
  border:1px solid var(--acc-border);border-radius:12px;background:rgba(5,20,31,.78)
}
.acc-ticket h3{margin:0 0 5px;font-size:.9rem}.acc-ticket p{margin:.3rem 0}
.acc-ticket__reply{padding:10px;border-left:2px solid #1cbbff;background:rgba(16,127,183,.08)}
.header-menu__panel{min-width:225px!important;padding:7px!important;border-radius:12px!important}
.header-menu__account-actions{gap:2px!important}
.header-menu__account-actions .header-menu__link{
  display:flex!important;align-items:center;gap:10px;border-radius:8px;padding:9px 10px!important
}
.header-menu__icon{width:16px;height:16px;opacity:.82}
.header-menu__group-sep{height:1px;background:rgba(101,151,180,.16);margin:5px 4px}
.fs-basket-list li{align-items:stretch!important}
.fs-basket-item{display:grid;grid-template-columns:1fr auto;gap:8px;width:100%;align-items:center}
.fs-basket-item__title{font-weight:700;color:#dff3ff!important}
.fs-basket-item__actions{display:flex;align-items:center;gap:6px}
.fs-basket-buy{background:linear-gradient(180deg,#1ec4ff,#087ad7)!important;color:#fff!important;border:1px solid #36caff!important;border-radius:7px!important;padding:7px 11px!important;font-weight:800!important}
.fs-basket-remove{font-size:18px!important;padding:6px!important}
.fs-basket-actions{align-items:center}
.fs-basket-actions .fs-button--primary{min-width:132px}
@media(max-width:850px){
  .acc-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .acc-hero{align-items:flex-start;flex-direction:column}
  .acc-ticket-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .account-portal-page .account-portal{width:min(100% - 20px,1280px);padding-top:20px}
  .acc-stats{grid-template-columns:1fr!important}
  .acc-profile{align-items:flex-start!important}.acc-profile__avatar{width:58px!important;height:58px!important}
  .acc-ticket{grid-template-columns:1fr}.acc-support-connect{align-items:flex-start;flex-direction:column}
}