.customer-account-page{margin:0;background:linear-gradient(135deg,var(--tg-primary-soft),var(--tg-canvas) 40%);color:var(--tg-ink);font:400 var(--tg-text-base)/1.6 var(--tg-font);min-height:100dvh}.customer-account-page *{box-sizing:border-box}.customer-account-page [hidden]{display:none!important}.customer-account-page .ui-icon{width:var(--tg-icon-md);height:var(--tg-icon-md);fill:none;stroke:currentColor;stroke-width:var(--tg-icon-stroke);flex:none}.customer-account-page .ui-icon[data-icon=pro-crown]{fill:currentColor;stroke:none}.customer-account-page .tg-button{border-radius:var(--tg-radius-pill)}
.account-header{max-width:calc(var(--tg-sidebar)*5);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-4);padding:var(--tg-space-4)}.account-header img{display:block;max-width:100%;height:auto;object-fit:contain}
.account-layout{max-width:calc(var(--tg-sidebar)*5);margin:auto;display:grid;grid-template-columns:var(--tg-sidebar) minmax(0,1fr);gap:var(--tg-space-6);padding:var(--tg-space-4) var(--tg-space-4) var(--tg-space-12)}.account-sidebar{position:sticky;top:var(--tg-space-4);align-self:start;min-width:0;border:1px solid var(--tg-line);border-radius:var(--tg-radius-card);background:var(--tg-surface);padding:var(--tg-space-3)}.account-person{display:grid;justify-items:center;gap:var(--tg-space-2);padding:var(--tg-space-4) var(--tg-space-2) var(--tg-space-5);text-align:center;border-bottom:1px solid var(--tg-line);margin-bottom:var(--tg-space-3)}.account-person strong{font-size:var(--tg-text-md);line-height:1.4;overflow-wrap:anywhere}.account-person-email{font-size:var(--tg-text-xs);color:var(--tg-muted);overflow-wrap:anywhere;max-width:100%}.account-avatar{display:grid;place-items:center;width:calc(var(--tg-space-12) + var(--tg-space-4));height:calc(var(--tg-space-12) + var(--tg-space-4));border-radius:var(--tg-radius-pill);background:var(--tg-primary-soft);color:var(--tg-primary);font-size:var(--tg-text-xl);font-weight:600;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-pro-pill{display:inline-flex;gap:var(--tg-space-1);align-items:center;background:var(--tg-violet-soft);color:var(--tg-violet)}.account-pro-pill svg{width:var(--tg-icon-sm)!important;height:var(--tg-icon-sm)!important}
.account-sidebar nav{display:grid;gap:var(--tg-space-1)}.account-sidebar nav a{display:flex;align-items:center;gap:var(--tg-space-3);min-height:var(--tg-control-height);padding:var(--tg-space-3);color:var(--tg-muted);text-decoration:none;border-radius:var(--tg-radius-control);font-size:var(--tg-text-base)}.account-sidebar nav a:hover{background:var(--tg-canvas);color:var(--tg-primary)}.account-sidebar nav a[aria-selected=true],.account-sidebar nav a[aria-current]{background:var(--tg-primary-soft);color:var(--tg-primary);font-weight:600}.account-sidebar nav a:focus-visible{outline:var(--tg-focus-width) solid var(--tg-primary);outline-offset:var(--tg-focus-offset)}
.account-content{display:grid;gap:var(--tg-space-4);min-width:0;align-content:start}.account-intro h1{font-size:var(--tg-text-xl);line-height:1.4;margin:0}.account-intro p,.account-section>header p{color:var(--tg-muted);margin:var(--tg-space-1) 0 0;font-size:var(--tg-text-sm)}.account-section{padding:var(--tg-space-5);scroll-margin-top:var(--tg-space-5);min-width:0}.account-section>header{display:flex;align-items:center;gap:var(--tg-space-3);margin-bottom:var(--tg-space-5)}.account-section-icon{display:grid;place-items:center;width:var(--tg-space-10);height:var(--tg-space-10);border-radius:var(--tg-radius-control);background:var(--tg-primary-soft);color:var(--tg-primary);flex:none}.account-section-icon--business{background:var(--tg-info-soft);color:var(--tg-info)}.account-section-icon--plans{background:var(--tg-violet-soft);color:var(--tg-violet)}.account-section-icon--security{background:var(--tg-success-soft);color:var(--tg-success)}.account-section h2{font-size:var(--tg-text-lg);line-height:1.4;margin:0}.account-section h3{font-size:var(--tg-text-md);margin:var(--tg-space-4) 0 var(--tg-space-3)}
.account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--tg-space-4)}.account-fields label{display:flex;flex-direction:column;gap:var(--tg-space-2);min-width:0;margin:0;font-size:var(--tg-text-base)}.account-fields input,.account-fields textarea{width:100%;max-width:100%;min-height:var(--tg-control-height);font:inherit;margin:0;resize:vertical}.account-fields input{height:var(--tg-control-height)}.account-fields small,.account-muted{color:var(--tg-muted);font-size:var(--tg-text-sm)}.account-fields input[readonly]{background:var(--tg-canvas);color:var(--tg-muted)}.account-field-wide{grid-column:1/-1}.account-section form>footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--tg-space-3);padding-top:var(--tg-space-4);margin-top:var(--tg-space-5);border-top:1px solid var(--tg-line)}.account-section form>footer>span{color:var(--tg-muted);font-size:var(--tg-text-xs)}.account-section form.is-dirty>footer>[data-account-save-status]{color:var(--tg-warning)}.account-section form>.account-fields:has([aria-invalid=true]){align-items:start}.account-notice{margin:0;padding:var(--tg-space-3) var(--tg-space-4);border-radius:var(--tg-radius-control);color:var(--tg-success);background:var(--tg-success-soft);font-size:var(--tg-text-sm)}.account-notice--error{color:var(--tg-danger);background:var(--tg-danger-soft)}
.account-plan{padding:var(--tg-space-4);border:1px solid var(--tg-line);border-radius:var(--tg-radius-card);background:var(--tg-primary-soft);margin-bottom:var(--tg-space-4)}.account-plan--pro{background:linear-gradient(120deg,var(--tg-violet-soft),var(--tg-surface));border-color:var(--tg-line-strong)}.account-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-4);flex-wrap:wrap}.account-plan h3{font-size:var(--tg-text-xl);margin:var(--tg-space-2) 0}.account-plan dl,.account-login-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tg-space-4);margin:var(--tg-space-4) 0 0}.account-plan dt,.account-login-info dt{color:var(--tg-muted);font-size:var(--tg-text-xs)}.account-plan dd,.account-login-info dd{margin:var(--tg-space-1) 0 0;font-weight:600;overflow-wrap:anywhere}.account-login-info{margin:0 0 var(--tg-space-5);padding:var(--tg-space-4);border-radius:var(--tg-radius-control);background:var(--tg-canvas)}.account-login-info dd{font-size:var(--tg-text-sm)}.account-retention{background:var(--tg-warning-soft);color:var(--tg-warning);margin-bottom:var(--tg-space-4)}
.account-disclosure{border-top:1px solid var(--tg-line);margin-top:var(--tg-space-3)}.account-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-3);min-height:var(--tg-control-height);padding:var(--tg-space-3) 0;list-style:none;cursor:pointer;font-weight:600;font-size:var(--tg-text-base)}.account-disclosure>summary::-webkit-details-marker{display:none}.account-disclosure[open]>summary>.ui-icon{rotate:180deg}.account-disclosure[open]>form{padding-top:var(--tg-space-3)}.account-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--tg-space-1)}.account-feature-list li{display:flex;align-items:center;gap:var(--tg-space-3);padding:var(--tg-space-2) 0}.account-feature-list li>span:first-child{display:flex;color:var(--tg-success)}.account-feature-list li small{margin-left:auto;font-size:var(--tg-text-xs);color:var(--tg-muted)}.account-feature-list .is-unavailable{color:var(--tg-muted)}.account-feature-list .is-unavailable>span:first-child{color:var(--tg-soft)}
.account-plan-options{margin-top:var(--tg-space-3)}.account-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tg-space-4);margin-top:var(--tg-space-4)}.account-plan-grid article{padding:var(--tg-space-4)}.account-plan-grid article h3{margin-top:0}.account-plan-grid p,.account-plan-grid small{font-size:var(--tg-text-sm);color:var(--tg-muted)}.account-social{margin-top:var(--tg-space-3);border-top:1px solid var(--tg-line)}.account-social>div{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-4);padding:var(--tg-space-4) 0;border-bottom:1px solid var(--tg-line)}.account-social p{margin:var(--tg-space-1) 0;color:var(--tg-muted);font-size:var(--tg-text-xs)}
@media(max-width:900px){.account-layout{grid-template-columns:minmax(0,1fr);gap:var(--tg-space-4)}.account-sidebar{position:static;padding:var(--tg-space-3)}.account-person{grid-template-columns:auto minmax(0,1fr) auto;justify-items:start;align-items:center;gap:var(--tg-space-1) var(--tg-space-3);text-align:left;padding:var(--tg-space-2) var(--tg-space-1) var(--tg-space-3);margin-bottom:var(--tg-space-2)}.account-avatar{grid-row:1/3;width:var(--tg-space-12);height:var(--tg-space-12)}.account-person strong{grid-column:2}.account-person-email{grid-column:2}.account-person>.tg-pill{grid-column:3;grid-row:1/3;max-width:100%;white-space:normal}.account-sidebar nav{display:flex;overflow-x:auto;gap:var(--tg-space-1);padding-block:var(--tg-space-1)}.account-sidebar nav a{flex:none;white-space:nowrap;min-height:var(--tg-target);padding:var(--tg-space-2) var(--tg-space-3)}}
@media(max-width:620px){.account-header{gap:var(--tg-space-2)}.account-header img{width:calc(var(--tg-space-12)*2.5)}.account-header .tg-button{padding-inline:var(--tg-space-3);gap:var(--tg-space-1)}.account-layout{padding-top:var(--tg-space-2);padding-bottom:var(--tg-space-8)}.account-section{padding:var(--tg-space-4)}.account-fields,.account-plan dl,.account-plan-grid,.account-login-info{grid-template-columns:minmax(0,1fr)}.account-section form>footer{align-items:stretch;flex-direction:column}.account-section form>footer .tg-button{width:100%}.account-section>header{gap:var(--tg-space-2)}.account-feature-list li{flex-wrap:wrap}.account-feature-list li small{margin-left:0}.account-social>div{align-items:center;flex-wrap:wrap}.account-plan-heading>.tg-button{width:100%}.account-person strong{font-size:var(--tg-text-base)}.account-person-email{font-size:var(--tg-text-xs)}}
.plan-policy-links{display:flex;flex-wrap:wrap;gap:var(--tg-space-4);margin:var(--tg-space-5) 0}.plan-policy-links a{color:var(--tg-primary)}.account-plan-grid ul{padding-left:var(--tg-space-5);color:var(--tg-ink);font-size:var(--tg-text-base)}.account-plan-grid li{margin-bottom:var(--tg-space-2)}.account-plan-grid article{display:flex;flex-direction:column;align-items:start;gap:var(--tg-space-2)}.account-plan-grid .tg-button{margin-top:auto}.plan-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tg-space-2);padding:0;list-style-position:inside;color:var(--tg-muted);font-size:var(--tg-text-sm)}.plan-steps li{padding:var(--tg-space-2);border-bottom:1px solid var(--tg-line)}.plan-steps [aria-current]{color:var(--tg-primary);border-color:var(--tg-primary);font-weight:600}.plan-consent{display:flex;align-items:start;gap:var(--tg-space-3);padding:var(--tg-space-4) 0}.plan-consent input{flex-shrink:0;min-width:var(--tg-space-4);min-height:var(--tg-space-4)}[data-checkout-preview] h2{font-size:var(--tg-text-heading);margin:var(--tg-space-2) 0}[data-checkout-preview] h3{font-size:var(--tg-text-lg)}[data-preview-content]{overflow-wrap:anywhere}.policy-document{max-width:900px;margin:auto;padding:var(--tg-space-6)}.policy-document h1{font-size:var(--tg-text-title)}.policy-document .account-section{scroll-margin-top:var(--tg-space-5)}@media(max-width:620px){.plan-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-document{padding:var(--tg-space-4)}.account-plan-grid .tg-button{width:100%}}