/* Quiet surfaces, high-contrast type, and a single primary billing action. */
body:has(.account-shell), body:has(.account-shell) .page-content {background:#f5f7fa;color:#172b43}
.account-site-header {display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 max(24px,calc((100% - 1240px)/2));height:76px;background:#fff;border-bottom:1px solid #dce3eb;font-family:Inter,Arial,sans-serif}
.account-brand {display:flex;align-items:center;text-decoration:none;color:#172b43;font-size:21px;font-weight:750;letter-spacing:-.6px}
.account-brand .material-icons {color:#087e8b;font-size:30px;margin-right:9px}.account-brand span{font-weight:400}
.account-site-header nav{display:flex;gap:28px;align-items:center}.account-site-header nav a{color:#526176;text-decoration:none;font-weight:600;font-size:14px;padding:12px 0}.account-site-header nav [aria-current]{color:#172b43;border-bottom:2px solid #147b76}
.account-shell{max-width:1240px;box-sizing:border-box;margin:0 auto;padding:48px 24px 72px;display:grid;grid-template-columns:224px minmax(0,1fr);gap:52px;font-family:Inter,Arial,sans-serif;line-height:1.55}
.account-shell *{box-sizing:border-box}.account-shell a{color:#126d69;text-decoration:none;font-weight:600}.account-shell a:hover{text-decoration:underline}.account-shell :is(a,button,summary,input):focus-visible,.account-site-header a:focus-visible{outline:3px solid #087e8b;outline-offset:4px}
.account-shell p{font:inherit;margin:0 0 16px;color:#526176}.account-shell h1{font-family:inherit;font-size:38px;line-height:1.15;letter-spacing:-1.4px;font-weight:750;margin:0 0 12px;color:#172b43}.account-shell h2{font-family:inherit;font-size:18px;line-height:1.4;letter-spacing:-.3px;font-weight:700;margin:0 0 24px;color:#172b43}.account-shell h5{font:600 15px/1.5 Inter,Arial,sans-serif;margin:16px 0 8px}
.account-shell .account-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;color:#526176;margin:0 0 18px}
.account-sidebar{padding-top:6px}.account-sidebar nav{display:grid;gap:6px}.account-sidebar nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;border-radius:9px;color:#526176;font-size:14px;line-height:1.4;font-weight:500}.account-sidebar nav .material-icons{font-size:20px}.account-sidebar nav [aria-current]{background:#e4eeed;color:#165d58;font-weight:700}.account-sidebar nav a:hover{background:#e9edf2;text-decoration:none}.account-sidebar-note{border-top:1px solid #dce3eb;margin:32px 12px 0;padding-top:24px;font-size:13px}.account-sidebar-note strong{font-size:13px}.account-sidebar-note p{font-size:13px;margin:6px 0 14px}.account-sidebar-note a{display:flex;justify-content:space-between}
.account-content{min-width:0}.account-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px}.account-heading .account-eyebrow{margin-bottom:12px}.account-heading p:last-child{margin:0;font-size:15px}.account-profile{display:flex;align-items:center;gap:10px;max-width:260px;margin-top:24px}.account-profile>div:last-child{min-width:0}.account-profile strong{display:block;font-size:13px}.account-profile span{display:block;font-size:12px;color:#526176;overflow-wrap:anywhere}.account-profile-avatar{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:#e4eeed;border-radius:50%;color:#165d58;overflow:hidden}.account-profile-avatar img{height:100%;width:100%;object-fit:cover}
.account-billing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.account-shell .account-card{margin:0 0 24px;padding:28px;background:#fff;border:1px solid #dce3eb;border-radius:14px;box-shadow:0 2px 4px #172b4303;min-width:0}.account-billing-grid>.account-card{height:100%}.account-shell .credits-balance-container{display:block;margin:0 0 24px}.account-shell .balance-amount{font-size:44px;font-weight:700;letter-spacing:-1.6px;line-height:1.2;color:#172b43;margin:4px 0 8px}.account-shell .account-label{font-size:13px;margin:0;color:#526176}.account-shell .balance-credits{font-size:13px;margin-bottom:4px}.account-shell .account-note{font-size:12px;color:#526176}.account-shell .mdl-button{height:auto;min-height:44px;border-radius:7px;text-transform:none;font:600 14px/22px Inter,Arial,sans-serif;padding:10px 16px;box-shadow:none;white-space:normal;color:#172b43;background:#edf1f5;letter-spacing:0}.account-shell #add-credits-btn{background:#172b43!important;color:#fff!important;margin-top:8px;min-width:144px}.account-shell .mdl-button:hover{filter:brightness(.95)}.account-shell .mdl-button--icon{width:44px;min-width:44px;padding:0;flex-shrink:0;background:transparent}.account-shell .subscription-status{border:0;background:transparent;padding:0;margin:0 0 26px}.account-shell .subscription-status strong{display:inline-block;font-size:12px;color:#344b62;background:#edf1f5;border-radius:30px;padding:5px 12px;margin-bottom:16px}.account-shell .subscription-active strong{color:#165d58;background:#e4eeed}.account-shell .subscription-status p{font-size:14px;line-height:1.7;color:#526176;max-width:260px}.account-shell .subscription-section>p{margin:0}.account-shell .subscription-section .mdl-button{border:1px solid #98a6b5;background:#fff}
.account-shell .autotopup-configuration{border-top:1px solid #dce3eb;padding-top:16px;font-size:13px}.autotopup-configuration summary{cursor:pointer;font-weight:600;min-height:32px}.autotopup-configuration summary span{float:right;font-size:12px;color:#126d69}.account-shell .mdl-textfield{max-width:100%}.account-shell .mdl-textfield__label{color:#526176}.account-shell .mdl-checkbox__label{font-size:13px}.account-shell .account-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.account-shell .account-section-heading h2{margin:0}.account-table-scroll{overflow-x:auto}.account-shell .mdl-data-table{border:0;font-family:inherit}.account-shell .mdl-data-table th{color:#526176;background:#f5f7fa;font-size:12px;font-weight:500}.account-shell .mdl-data-table td{font-size:13px;color:#526176;height:56px;border-color:#e4e9ef}.account-shell .api-usage-section>p{font-size:12px;margin-bottom:0}.account-shell .api-key-section>p{font-size:14px}.account-shell .api-key-display{padding:16px;background:#f5f7fa;border:1px solid #dce3eb;border-radius:8px;font-size:12px}.account-shell #api-key-display{min-width:0;width:100%;border:1px solid #98a6b5;background:#fff;color:#172b43;border-radius:4px;font-size:14px}.account-shell .account-logout-section{display:flex;align-items:center;justify-content:space-between;margin:8px 0 0;padding:0;border:0}.account-logout-section p{margin:0}.account-shell .api-key-section h2{margin-bottom:10px}
@media(max-width:1100px){.account-shell{grid-template-columns:190px minmax(0,1fr);gap:28px}.account-heading{display:block}.account-profile{margin-top:20px;max-width:100%}.account-shell .account-card{padding:22px}}
@media(max-width:760px){.account-site-header{height:64px;padding:0 20px}.account-brand{font-size:18px}.account-brand .material-icons{font-size:25px}.account-site-header nav{gap:16px}.account-site-header nav a{font-size:12px}.account-shell{display:block;padding:20px 20px 48px}.account-sidebar{padding:0;margin-bottom:32px}.account-sidebar>.account-eyebrow,.account-sidebar-note{display:none}.account-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.account-sidebar nav a{font-size:12px;gap:8px;padding:10px;min-height:44px}.account-sidebar nav .material-icons{font-size:18px}.account-heading{margin-bottom:24px}.account-shell h1{font-size:32px}.account-heading .account-eyebrow{font-size:10px}.account-billing-grid{grid-template-columns:1fr;gap:0}.account-billing-grid>.account-card{height:auto}.account-shell .account-card{padding:22px;margin-bottom:16px}.account-shell .balance-amount{font-size:40px}.account-shell .account-section-heading{display:block}.account-section-heading .account-note{display:block;margin-top:6px}.account-shell .mdl-data-table td,.account-shell .mdl-data-table th{padding-left:10px;padding-right:10px}.account-shell .mdl-data-table td[colspan]{white-space:normal}.account-shell .account-profile{margin-top:20px}.account-shell .api-key-display{padding:12px}}
.account-shell .subscription-section .mdl-button {color:#172b43!important}
.account-billing-grid{align-items:stretch;margin-bottom:24px}.account-billing-grid>.account-card{height:auto;margin-bottom:0}
@media(max-width:760px){.account-billing-grid{gap:16px;margin-bottom:16px}}
.account-site-header nav .account-header-avatar{display:grid;place-items:center;width:38px;height:38px;padding:0;background:#e4eeed;color:#165d58;border:0;border-radius:50%;overflow:hidden}.account-header-avatar img{width:100%;height:100%;object-fit:cover}.account-shell .autotopup-configuration summary{min-height:44px;padding-top:8px}
.account-shell .no-user-section .mdl-button{background:#172b43;color:#fff!important}