.account-page{max-width:1080px;margin:0 auto}
.account-heading{margin-bottom:26px}
.account-heading .account-eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:650;color:var(--green);margin:0 0 10px}
.account-heading h1{font-size:34px;letter-spacing:-1px}
.account-identity{display:flex;align-items:center;gap:18px;padding:24px 28px;margin-bottom:24px;border:1px solid #dce6d9;border-radius:16px;background:linear-gradient(110deg,#edf3e9,#f4f5ed)}
.account-avatar{width:62px;height:62px;display:grid;place-items:center;flex-shrink:0;border-radius:18px;background:var(--green);color:white;font-size:21px;font-weight:600;letter-spacing:.5px}
.account-identity-text{min-width:0;flex:1}
.account-identity-text h2{font-size:21px;overflow-wrap:anywhere}
.account-identity-text p{font-size:14px;color:var(--secondary);margin-top:3px;overflow-wrap:anywhere}
.account-role{font-size:12px;font-weight:550;padding:6px 12px;border-radius:20px;border:1px solid #cddbc9;color:var(--green);background:#ffffff70}
.account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.account-card{padding:28px;border-radius:16px;min-width:0;overflow:visible}
.account-card-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:26px}
.account-card-icon{width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;color:var(--green);background:#fafbf7}
.account-card-heading h2{font-size:18px;line-height:1.4}
.account-card-heading p{font-size:13px;color:var(--muted);margin-top:4px}
.account-card .field{font-size:13px;font-weight:550;margin-bottom:18px}
.account-card .field input,.account-card .field select{width:100%;min-height:46px;padding:11px 13px;border-radius:9px;border:1px solid #dcded5;background:#fff;font-size:14px;font-weight:400}
.account-card .field input:hover,.account-card .field select:hover{border-color:#acb9aa}
.account-card .field input:focus,.account-card .field select:focus{border-color:var(--green)}
.account-help{font-size:13px;color:var(--muted);line-height:1.65}
.account-form-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}
.account-form-footer .form-error{margin:0;flex:1 1 140px;font-size:13px;line-height:1.5}
.account-card .is-success{color:var(--green)}
.account-note{display:flex;align-items:flex-start;gap:9px;margin-top:26px;padding:16px;border-radius:10px;background:#f7f8f3;font-size:13px;color:var(--muted);line-height:1.6}
.account-note svg{color:var(--green);margin-top:2px}
.account-security{grid-column:1/-1}
.account-security-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.account-security-grid>div+div{border-left:1px solid var(--line);padding-left:28px}
.account-security-grid h3{font-size:14px;margin-bottom:6px}
.account-email{font-size:14px;overflow-wrap:anywhere}
.account-pending{font-size:13px;color:var(--amber);background:var(--amber-soft);border-radius:8px;padding:10px 12px;margin-top:10px;overflow-wrap:anywhere}
.account-disclosure{margin-top:14px}
.account-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;font-size:14px;font-weight:550;color:var(--green);cursor:pointer;list-style:none}
.account-disclosure summary::-webkit-details-marker{display:none}
.account-disclosure[open] summary{margin-bottom:18px}
.account-disclosure[open] summary svg{transform:rotate(90deg)}
.account-disclosure summary:focus-visible{outline:3px solid #428d70;outline-offset:3px;border-radius:5px}
.account-page-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;color:var(--muted);font-size:12px}
.account-page-footer .text-btn{color:var(--secondary);font-size:13px}
.account-loading{padding:42px;text-align:center;color:var(--muted)}
.account-loading button{margin-top:18px}
.account-actions [data-account-settings][aria-current="page"],.mobile-account[aria-current="page"]{color:var(--green);font-weight:650}
@media(max-width:1100px){.account-card{padding:22px}.account-grid{gap:18px}.account-security-grid{gap:22px}.account-security-grid>div+div{padding-left:22px}}
@media(max-width:800px){.account-grid,.account-security-grid{grid-template-columns:minmax(0,1fr)}.account-security-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.account-security{grid-column:auto}}
@media(max-width:640px){.account-heading h1{font-size:29px}.account-heading{margin-bottom:20px}.account-identity{padding:20px 18px;gap:13px;flex-wrap:wrap;margin-bottom:18px}.account-avatar{width:50px;height:50px;border-radius:15px;font-size:18px}.account-identity-text h2{font-size:18px}.account-identity-text p{font-size:13px}.account-role{margin-left:63px}.account-card{padding:22px 18px}.account-card-heading{margin-bottom:22px}.account-form-footer{align-items:stretch}.account-form-footer button{min-height:46px}.account-form-footer .form-error:not(:empty){flex-basis:100%}.account-page-footer{align-items:flex-start;flex-direction:column;gap:4px}.account-page-footer .text-btn{padding-left:0}.account-disclosure summary{min-height:46px}}