.account-page {
  max-width: 900px;
  margin: 40px auto;
  padding: 24px;
  font: 16px/1.6 system-ui;
  color: #2b263c;
}
.account-page nav {
  display: flex;
  gap: 24px;
  align-items: center;
}
.account-page h1 {
  font-size: 36px;
}
.account-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 30px 0;
}
.account-stats div {
  background: #f3effa;
  border-radius: 16px;
  padding: 24px;
}
.account-stats span,
.account-stats strong {
  display: block;
}
.account-stats strong {
  font-size: 30px;
}
.account-page button,
.aideify-auth button {
  padding: 12px 18px;
  border: 0;
  border-radius: 9px;
  background: #5c47a8;
  color: white;
  font: inherit;
  cursor: pointer;
}
.account-page select,
.aideify-auth input {
  padding: 12px;
  border: 1px solid #b9b0ce;
  border-radius: 8px;
  font: inherit;
  max-width: 100%;
  box-sizing: border-box;
}
.aideify-auth {
  border: 1px solid #dfd8ec;
  border-radius: 20px;
  max-width: 440px;
  padding: 28px;
  font: 16px/1.6 system-ui;
  color: #2b263c;
}
.aideify-auth::backdrop {
  background: #20153088;
}
.aideify-auth label,
.aideify-auth input {
  display: block;
  width: 100%;
  margin: 10px 0;
}
.aideify-auth .auth-close {
  float: right;
  background: transparent;
  color: #2b263c;
}
.aideify-auth [role="status"] {
  overflow-wrap: anywhere;
}
.account-page li {
  margin: 12px 0;
}
.account-page button:disabled,
.aideify-auth button:disabled {
  opacity: 0.5;
}
@media (max-width: 600px) {
  .account-stats {
    grid-template-columns: 1fr;
  }
  .account-page {
    margin: 12px auto;
    padding: 16px;
  }
}

.payment-context{padding:20px;border:1px solid #d8cff0;border-radius:14px;background:#faf8ff;margin:20px 0}.payment-context h2{margin-top:0}.payment-return{display:inline-block;padding:12px 16px;border-radius:9px;background:#5744ac;color:white;text-decoration:none}.payment-feedback:has(p:empty){display:none}.payment-feedback{padding:14px;border-radius:10px;background:#f5f2fa;margin:16px 0}.payment-feedback [data-state=success]{color:#236040;font-weight:600}.payment-feedback [data-state=error]{color:#a62c45}

/* Account workspace and reusable identity control */
body:has(.account-page){margin:0;background:#f7f5fc;color:#29243d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.account-page{max-width:1100px;margin:0 auto;padding:0 28px 36px;font-family:inherit}.account-nav{height:76px;border-bottom:1px solid #e4ddef;display:flex;gap:24px}.account-nav>a{text-decoration:none;color:#645b78;font-size:14px}.account-nav .account-brand{font-weight:750;color:#5c47a8;font-size:22px}.account-nav>[data-identity-badge]{margin-left:auto}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 0}.account-heading h1{font-size:30px;margin:0 0 6px;letter-spacing:-1px}.account-heading p{margin:0;color:#756b87;font-size:14px;overflow-wrap:anywhere}
.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.saved-forms-panel,.balance-panel,.payment-history{background:white;border:1px solid #e4ddef;border-radius:18px;padding:24px}.account-sidebar{display:grid;gap:20px;grid-column:2;grid-row:1 / span 2}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading h2,.payment-history h2{margin:0;font-size:18px}.account-page a{color:#5c47a8}.account-page ul{list-style:none;padding:0;margin:0}.account-page .saved-form{display:flex;gap:20px;border-bottom:1px solid #eee8f5;padding:18px 0;margin:0}.saved-form:first-child{padding-top:0}.saved-form:last-child{border-bottom:0;padding-bottom:0}.saved-form>img{width:72px;height:96px;object-fit:cover;object-position:top;border:1px solid #e4ddef;border-radius:6px}.saved-form-content{min-width:0;flex:1}.saved-form h3{font-size:16px;margin:0;overflow-wrap:anywhere}.saved-form-meta{font-size:12px;color:#756b87;margin:5px 0 12px}.saved-form-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px}.saved-form-actions a{text-decoration:none;font-weight:600}.form-menu{position:relative;margin-left:auto}.form-menu summary{cursor:pointer;list-style:none;padding:2px 10px}.form-menu[open]{display:flex;background:#faf8ff;border-radius:8px}.form-menu button{background:white!important;color:#59466e!important;padding:5px 9px!important;font-size:12px!important}.balance-panel{background:linear-gradient(145deg,#fff,#f0ebfc)}.balance-panel>span{font-size:13px;color:#756b87}.balance-panel>strong{display:block;font-size:27px;letter-spacing:-.6px;margin:8px 0;color:#51408f}.balance-panel p{font-size:13px;color:#756b87;overflow-wrap:anywhere}.balance-panel #open-topup{width:100%;margin:8px 0}.account-empty{padding:30px 10px;color:#756b87;text-align:center;font-size:14px}.payment-history{grid-column:1}.payment-history li{font-size:13px;padding:12px 0;border-bottom:1px solid #eee8f5;margin:0}.account-page>p:last-child{font-size:12px;margin-top:28px}
.identity-host{min-width:0}.identity-button,.account-page .identity-button{display:flex;align-items:center;gap:8px;border:1px solid #dfd7eb;border-radius:999px;background:#faf8ff;color:#423751;cursor:pointer;max-width:240px;box-sizing:border-box;padding:8px 13px;font:13px/1.5 ui-sans-serif,system-ui;box-shadow:none}.identity-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:175px}.identity-button:hover{background:#f0eafa}.identity-button:focus-visible{outline:2px solid #7456c9;outline-offset:3px}.account-page .account-signout{border:0;background:transparent;color:#5c47a8;padding:0;margin-right:20px;font-size:12px}
.account-action-dialog{width:min(440px,calc(100vw - 40px));box-sizing:border-box;border:1px solid #e2daee;border-radius:20px;padding:28px;font:15px/1.6 ui-sans-serif,system-ui;color:#29243d}.account-action-dialog::backdrop{background:#29203966;backdrop-filter:blur(4px)}.account-action-dialog h2{font-size:22px;letter-spacing:-.5px;margin:0 0 12px}.account-action-dialog p{overflow-wrap:anywhere;color:#756b87}.account-action-dialog input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #d8cfe7;border-radius:9px;font:inherit}.dialog-actions{display:flex;gap:10px;margin-top:24px}.dialog-actions button{flex:1}.dialog-actions .danger{background:#a92f4c}.dialog-close{float:right!important;background:transparent!important;color:#554763!important;padding:0 5px!important}.account-action-dialog #topup{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.account-action-dialog #purchase-summary{background:#f6f2fc;padding:12px;border-radius:10px;font-size:13px}.aideify-auth{width:min(440px,calc(100vw - 32px));box-sizing:border-box}.aideify-auth input{margin:8px 0 18px}.aideify-auth h2{font-size:22px;letter-spacing:-.5px}.aideify-auth form>button{width:100%}
@media(max-width:700px){.account-page{padding:0 16px 24px}.account-heading{display:block;padding:24px 0}.account-heading #account-message{margin-top:8px}.account-layout{grid-template-columns:minmax(0,1fr)}.account-sidebar{grid-column:1;grid-row:1;display:contents}.balance-panel{grid-row:1;padding:18px}.saved-forms-panel{grid-row:2}.payment-history{grid-row:3}.saved-forms-panel,.payment-history{padding:18px}.account-nav{height:68px;gap:16px}.identity-label{max-width:110px}.identity-button{padding:6px 9px}.account-nav .identity-label{max-width:110px}.saved-form>img{width:54px;height:74px}.account-page .saved-form{gap:12px}.account-nav .account-brand{font-size:19px}.account-nav>a{font-size:12px}.balance-panel>strong{font-size:24px}}

.account-main{min-width:0;display:grid;gap:24px;align-content:start}.account-layout .account-sidebar{grid-column:2;grid-row:auto}.account-page .payment-return{color:#fff}.payment-context{padding:18px 22px}.payment-context h2{font-size:18px}.payment-context p{font-size:14px}.payment-context .payment-return{padding:9px 14px;font-size:13px}@media(max-width:700px){.account-main{display:contents}.account-layout .account-sidebar{display:contents}.account-layout .saved-forms-panel{grid-row:2}.account-layout .payment-history{grid-row:3}}

.balance-panel>strong{font-size:24px}.balance-panel .credit-definition{font-size:12px;color:#756b87;margin:8px 0 0}

.balance-panel .credit-value{color:#5c47a8;font-weight:700;font-variant-numeric:tabular-nums}.balance-panel .credit-label{color:#666;font-weight:400;font-size:14px;letter-spacing:normal}.balance-panel #balance-value{font-size:32px}.balance-panel #used-value{font-size:20px}.balance-panel>span,.balance-panel .credit-definition{color:#666}

.api-access-panel {
  border: 1px solid #e4ddef;
  border-radius: 16px;
  padding: 24px;
  margin: 24px 0;
  background: white;
  scroll-margin-top: 24px;
}
.api-access-panel > summary {
  font-size: 21px;
  font-weight: 650;
  cursor: pointer;
  color: #2b263c;
}
.api-access-panel .api-card {
  padding: 20px 0;
  border-top: 1px solid #e4ddef;
  margin-top: 20px;
}
.api-access-panel label {
  display: block;
  margin: 16px 0;
}
.api-access-panel input:not([type="checkbox"]),
.api-access-panel select,
.api-access-panel textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  margin-top: 6px;
  font: inherit;
  border: 1px solid #b9b0ce;
  border-radius: 8px;
}
.api-access-panel input[type="checkbox"] {
  accent-color: #5c47a8;
}
.api-access-panel textarea {
  min-height: 90px;
  overflow-wrap: anywhere;
}
.api-access-panel small {
  display: block;
  color: #696376;
  overflow-wrap: anywhere;
}
.api-access-panel #key-list {
  padding: 0;
  list-style: none;
}
.api-access-panel #key-list button {
  margin-top: 8px;
}
.api-access-panel #key-status {
  overflow-wrap: anywhere;
}
.api-access-panel dialog {
  max-width: 420px;
  border: 1px solid #e4ddef;
  border-radius: 16px;
  padding: 24px;
}
.api-access-panel dialog::backdrop {
  background: #29203966;
}
.api-access-panel #revoke-dialog .danger {
  background: #a92f4c;
}

@media(max-width:700px){.account-layout .api-access-panel{grid-row:3}.account-layout .payment-history{grid-row:4}}

.api-access-panel [hidden]{display:none!important}