.account-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#f4f6f9}.account-story{padding:48px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(19,22,29,.2),rgba(19,22,29,.08)),url('/assets/gooddirector-director-panel.png') left center/cover;min-height:650px}.account-brand{font-size:24px;font-weight:600}.account-story h1,.account-dashboard h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(36px,4.5vw,66px);line-height:1.08;letter-spacing:-1px;margin:18px 0}.account-story p{font-size:18px;line-height:1.7}.account-story small{color:#d4d8e1}.account-kicker{font-size:13px!important;color:#c6c9ff}.account-form{width:min(430px,100%);padding:42px 40px;align-self:center;justify-self:center;color:#17253c}.account-form-brand{font-family:Newsreader,Georgia,serif;font-size:clamp(32px,4vw,46px);font-weight:500;letter-spacing:-1.5px;color:#17253c;margin-bottom:8px}.account-form-tagline{margin:0 0 31px!important;color:#5963b3!important;font-family:Newsreader,Georgia,serif;font-size:20px!important;line-height:1.3!important}.account-form-section-title{font-size:26px;font-weight:600;line-height:1.2;margin-bottom:20px;color:#14233a}.account-form h1{font-size:26px;line-height:1.2;margin:0 0 8px;color:#14233a}.account-form-intro{color:#5c6a7e!important;line-height:1.6;margin:0 0 20px!important}.account-form .field{display:block;margin:0 0 18px;color:#52627a;font-size:12px}.account-form input{width:100%;min-height:46px;margin-top:7px;padding:0 14px;background:#fff;border:1px solid #cbd4df;border-radius:7px;color:#17253c;transition:border-color .18s,box-shadow .18s}.account-form input:hover{border-color:#9cabbc}.account-form input:focus{border-color:#3157c8;box-shadow:0 0 0 3px rgba(49,87,200,.14);outline:0}.account-form form>.button,.google-button{width:100%;min-height:46px;justify-content:center;border-radius:7px}.google-button{background:#fff;border:1px solid #cbd4df;color:#17253c;font-weight:500;margin-bottom:0}.google-button:hover{border-color:#9cabbc;filter:none;background:#fbfcfe}.account-form .primary{background:#3157c8;color:#fff;font-weight:600;box-shadow:0 5px 12px rgba(49,87,200,.16);margin-top:4px}.account-form .primary:hover{background:#284bb0;filter:none}.account-divider{display:flex;align-items:center;gap:12px;color:#718097;margin:24px 0;font-size:11px}.account-divider::before,.account-divider::after{content:"";height:1px;background:#d8dee7;flex:1}.account-links{display:flex;flex-direction:column;gap:14px;margin-top:26px}.account-links button{background:none;border:0;color:#7d8ef2;text-align:left;padding:0;font:inherit;font-size:12px;cursor:pointer}.account-links button:hover{color:#3157c8;filter:none}#account-message{min-height:22px;font-size:12px;line-height:1.6;color:#a26c33}.account-loading{padding:40px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-dashboard{max-width:1160px;margin:auto;padding:32px}.account-dashboard header{display:flex;align-items:center;gap:20px;padding-bottom:30px;border-bottom:1px solid #323846}.account-dashboard header>strong{font-size:24px;margin-right:auto}.account-dashboard section{padding-top:40px}.account-dashboard section>p{color:#a2aab9;max-width:720px;line-height:1.7}.account-dashboard #new-project{display:flex;gap:16px;align-items:end;margin:36px 0 14px}.account-dashboard #new-project .field:first-child{flex:1}.account-dashboard input,.account-dashboard select{min-height:44px}.cloud-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.cloud-projects article{background:#1b1f28;border:1px solid #323846;padding:24px;border-radius:10px}.cloud-projects h2{overflow-wrap:anywhere;font-size:23px}.cloud-projects small,.cloud-projects p{color:#a2aab9}.cloud-projects .button{margin:8px 6px 0 0}.account-toolbar{position:fixed;top:0;left:0;right:0;min-height:48px;display:flex;gap:14px;align-items:center;background:#242a35;padding:7px 18px;z-index:100;border-bottom:1px solid #323846;font-size:12px}.account-toolbar small{color:#d8b589;margin-right:auto}.account-toolbar .button{padding:5px 10px;min-height:30px}.account-toolbar #account-message{display:none}.studio-session{padding-top:49px}.studio-session .sidebar{top:49px;height:calc(100vh - 49px)}button:disabled{opacity:.5;cursor:wait}.account-page button:focus-visible,.account-dashboard button:focus-visible{outline:2px solid #c6c9ff;outline-offset:4px}@media(max-width:800px){.account-page{grid-template-columns:1fr}.account-story{min-height:360px;padding:24px;background-position:left top}.account-story h1{font-size:40px}.account-story p:not(.account-kicker),.account-story small{display:none}.account-form{padding:30px 26px}.account-form-brand{font-size:34px}.account-form-tagline{font-size:18px!important;margin-bottom:22px!important}.cloud-projects{grid-template-columns:1fr}.account-dashboard{padding:20px}.account-dashboard #new-project{flex-direction:column;align-items:stretch}.account-dashboard header>span,.account-email,.account-toolbar small{display:none}.account-toolbar{gap:8px}.account-toolbar>span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-toolbar strong{margin-right:auto}}

/* Billing follows the production workspace typography and blue action palette. */
.billing-dialog { width:min(860px, calc(100vw - 32px)); max-width:min(860px, calc(100vw - 32px)); max-height:90dvh; overflow:auto; padding:28px; border:1px solid #d2dbea; border-radius:14px; background:#fff; color:#15243b; }
.billing-dialog::backdrop { background:rgb(21 36 59 / 35%); }
.billing-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:16px; position:sticky; top:-28px; z-index:1; background:#fff; padding:0 0 16px; border-bottom:1px solid #d2dbea; }
.billing-dialog h2 { margin:0; }
.billing-dialog h3 { margin:24px 0 12px; }
.billing-balance { padding:10px 0 18px; border-bottom:1px solid #d2dbea; }
.billing-balance p { margin:4px 0 0; }
.billing-balance strong { font-size:2rem; font-variant-numeric:tabular-nums; }
.billing-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.billing-product { padding:18px; background:#f7f9fc; border:1px solid #d2dbea; border-radius:10px; display:flex; flex-direction:column; min-width:0; }
.billing-product h4 { margin:0 0 16px; font-size:1.1rem; }
.billing-price { font-size:1.7rem; margin:0; font-variant-numeric:tabular-nums; }
.billing-price small, .billing-note { font-size:.9rem; color:#586b89; }
.billing-product .button { width:100%; margin-top:auto; justify-content:center; }
.billing-product > p:not(.billing-price) { margin:8px 0 18px; }
.billing-dialog [role=status] { color:#586b89; font-size:.9rem; }
.billing-dialog button:focus-visible { outline:3px solid #294bc5; outline-offset:3px; }
.billing-dialog button:disabled { cursor:not-allowed; opacity:.62; }
@media(max-width:680px) { .billing-products { grid-template-columns:1fr; } .billing-dialog { padding:16px; } .billing-dialog > header { top:-16px; } }

@media(max-width:600px) { .account-dashboard > header { flex-wrap:wrap; gap:10px; } .studio-session .account-toolbar { gap:5px; } .studio-session .account-toolbar .button { padding:5px 7px; font-size:11px; } }
.billing-dialog [hidden] { display:none !important; }
.billing-rates { margin-top:22px; padding:4px 18px 16px; border:1px solid #d2dbea; border-radius:10px; background:#fbfcff; }
.billing-rates h3 { margin:14px 0 6px; }
.billing-rate-list { display:grid; gap:0; margin:12px 0; }
.billing-rate-list > div { display:grid; grid-template-columns:100px minmax(150px,1fr) minmax(170px,1.5fr); gap:12px; align-items:baseline; padding:10px 0; border-top:1px solid #e3e8f1; }
.billing-rate-list small { color:#586b89; }
.billing-rate-list strong { font-size:.92rem; }
.billing-rate-list span { font-size:.9rem; }
@media(max-width:680px) { .billing-rate-list > div { grid-template-columns:1fr; gap:3px; } }