:root {
  --bg:#07111f; --panel:#0d1b2b; --panel-soft:#11243a; --line:#243b53;
  --text:#f7fbff; --muted:#9fb0c3; --blue:#2f80ff; --blue-soft:rgba(47,128,255,.14);
  --success:#4fd1a0; --danger:#ff7b7b;
}
*{box-sizing:border-box} [hidden]{display:none!important}
body{margin:0;min-height:100vh;font-family:"Aptos","Segoe UI",sans-serif;background:radial-gradient(circle at 15% 0%,#142b45 0,transparent 36%),var(--bg);color:var(--text)}
button,input{font:inherit}.account-topbar{height:76px;padding:0 clamp(20px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,17,31,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.account-brand img{display:block;width:190px;max-height:42px;object-fit:contain}.account-back{color:#dce9f7;text-decoration:none;font-weight:700;font-size:14px}.account-back:hover{color:#fff}
.account-page{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:54px 0 80px}.account-hero{display:flex;align-items:center;gap:20px;margin-bottom:34px}.account-avatar{width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(47,128,255,.5);border-radius:18px;background:var(--blue-soft);box-shadow:0 15px 38px rgba(0,0,0,.24)}.account-avatar svg{width:34px;fill:none;stroke:#78aaff;stroke-width:1.7;stroke-linecap:round}.account-eyebrow,.card-kicker{margin:0 0 6px;color:#78aaff;font-size:11px;font-weight:800;letter-spacing:.18em}.account-hero h1{margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.account-hero p:last-child{margin:10px 0 0;color:var(--muted);font-size:16px}.account-loading,.account-gate{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--muted)}.account-gate{text-align:center}.account-gate h2{color:var(--text);margin-top:0}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(17,36,58,.96),rgba(13,27,43,.96));box-shadow:0 18px 50px rgba(0,0,0,.18)}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.card-heading h2{margin:0;font-size:20px}.status-pill,.plan-badge{display:inline-flex;align-items:center;min-height:29px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:800}.status-pill{background:rgba(79,209,160,.12);color:var(--success);border:1px solid rgba(79,209,160,.25)}.plan-badge{background:var(--blue-soft);color:#88b4ff;border:1px solid rgba(47,128,255,.3)}
.account-data-list{margin:0}.account-data-list div{padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.account-data-list div:first-child{border-top:0;padding-top:0}.account-data-list dt,.plan-metrics span{color:var(--muted);font-size:12px;margin-bottom:6px}.account-data-list dd{margin:0;font-size:15px;font-weight:700;overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px!important;color:#c8d7e8}.plan-summary{min-height:44px;margin:0 0 18px;color:var(--muted);line-height:1.55}.plan-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.plan-metrics div{padding:14px;border-radius:12px;background:rgba(4,12,22,.42);border:1px solid rgba(255,255,255,.06)}.plan-metrics span{display:block}.plan-metrics strong{font-size:15px}.card-actions{display:flex;gap:10px;flex-wrap:wrap}
form{display:grid;gap:12px}label{font-size:13px;font-weight:700;color:#d9e5f2}input[type="tel"]{width:100%;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#091624;color:var(--text);outline:none}input[type="tel"]:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,128,255,.15)}.checkbox-row{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-weight:500;line-height:1.45}.checkbox-row input{margin-top:3px;accent-color:var(--blue)}
.button{min-height:43px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer}.button:disabled{opacity:.55;cursor:wait}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#4a91ff}.button-secondary{background:transparent;border-color:var(--line);color:#e6f1fc}.button-secondary:hover{background:rgba(255,255,255,.05)}.button-danger{background:rgba(255,123,123,.1);border-color:rgba(255,123,123,.25);color:#ff9b9b}.button-danger:hover{background:rgba(255,123,123,.17)}.account-card-security p{color:var(--muted);line-height:1.55}.inline-status{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.05);color:var(--muted);font-size:13px}.inline-status.is-error{color:#ffb1b1;background:rgba(255,123,123,.08)}.inline-status.is-success{color:#8ae6c0;background:rgba(79,209,160,.08)}
.language-switcher{position:fixed;right:20px;bottom:18px;display:flex;padding:4px;border:1px solid var(--line);border-radius:10px;background:#0b1928;box-shadow:0 12px 30px rgba(0,0,0,.28)}.language-switcher button{width:38px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.language-switcher button.is-active{background:var(--blue);color:#fff}
@media(max-width:760px){.account-topbar{height:auto;padding:15px 18px;gap:12px}.account-brand img{width:145px}.account-back{font-size:12px}.account-page{padding-top:34px}.account-grid{grid-template-columns:1fr}.account-hero{align-items:flex-start}.account-avatar{width:56px;height:56px;flex:0 0 56px}.account-hero h1{font-size:32px}.plan-metrics{grid-template-columns:1fr}.language-switcher{right:12px;bottom:12px}}


body.modal-open{overflow:hidden}
.button-cancel-membership{background:transparent;border-color:rgba(255,123,123,.32);color:#ffabab}
.button-cancel-membership:hover{background:rgba(255,123,123,.1)}
.button-danger-solid{background:#d94b58;border-color:#d94b58;color:#fff}
.button-danger-solid:hover{background:#e25965}
.button-danger-solid:disabled,.modal-close:disabled{opacity:.55;cursor:wait}
.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(2,8,15,.78);backdrop-filter:blur(8px)}
.cancellation-dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;border:1px solid #2a435e;border-radius:20px;background:linear-gradient(180deg,#12243a,#0b1827);box-shadow:0 28px 90px rgba(0,0,0,.58)}
.cancellation-dialog h2{margin:0;font-size:26px;letter-spacing:-.025em}
.cancellation-copy{margin:10px 42px 22px 0;color:var(--muted);line-height:1.55}
.modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);color:#dce9f7;font-size:24px;line-height:1;cursor:pointer}
.modal-close:hover{background:rgba(255,255,255,.09);color:#fff}
.cancellation-options{display:grid;gap:9px;margin:0;padding:0;border:0}
.cancellation-option{display:flex;align-items:center;gap:11px;min-height:46px;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(3,11,20,.34);color:#e9f2fb;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.cancellation-option:hover{border-color:rgba(47,128,255,.48);background:rgba(47,128,255,.07)}
.cancellation-option:has(input:checked){border-color:rgba(47,128,255,.8);background:rgba(47,128,255,.13)}
.cancellation-option input{width:17px;height:17px;margin:0;accent-color:var(--blue);flex:0 0 auto}
.cancellation-other{display:grid;gap:8px;margin-top:13px}
.cancellation-other textarea{width:100%;min-height:104px;resize:vertical;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#091624;color:var(--text);outline:none;font:inherit;line-height:1.45}
.cancellation-other textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,128,255,.15)}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:560px){.modal-backdrop{padding:10px}.cancellation-dialog{max-height:calc(100vh - 20px);padding:24px 18px}.cancellation-dialog h2{font-size:23px}.cancellation-copy{margin-right:28px}.modal-close{top:12px;right:12px}.modal-actions{display:grid;grid-template-columns:1fr}.modal-actions .button{width:100%}}

/* Studio team management */
.account-card-studio{grid-column:1/-1}
.studio-member-list{display:grid;gap:9px;margin:0 0 18px}
.studio-member-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:11px 13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(4,12,22,.38)}
.studio-member-info{min-width:0;display:grid;gap:4px}
.studio-member-info strong{overflow-wrap:anywhere;font-size:14px}
.studio-member-info span{color:var(--muted);font-size:12px}
.studio-member-remove{min-height:35px;padding:0 12px;border:1px solid rgba(255,123,123,.28);border-radius:9px;background:rgba(255,123,123,.08);color:#ffabab;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.studio-member-remove:hover{background:rgba(255,123,123,.15)}
.studio-member-remove:disabled{opacity:.55;cursor:wait}
.studio-invite-form{padding-top:17px;border-top:1px solid rgba(255,255,255,.08)}
.studio-invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
input[type="email"]{width:100%;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#091624;color:var(--text);outline:none}
input[type="email"]:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,128,255,.15)}
@media(max-width:620px){.studio-invite-row{grid-template-columns:1fr}.studio-invite-row .button{width:100%}.studio-member-row{align-items:flex-start}.studio-member-remove{flex:0 0 auto}}