body{margin:0}
#atlas-balance *{box-sizing:border-box}
#atlas-balance .ab-shell{max-width:1100px;margin:auto;display:grid;gap:24px}
#atlas-balance [hidden]{display:none!important}
#atlas-balance h1,#atlas-balance h2,#atlas-balance h3,#atlas-balance p{margin:0}
#atlas-balance h1{font-size:27px;line-height:1.25;font-weight:500;letter-spacing:-.8px}
#atlas-balance h2{font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.4px}
#atlas-balance h3{font-size:15px;font-weight:500}
#atlas-balance button,#atlas-balance input{font:inherit}
#atlas-balance a{color:inherit;text-decoration:none}
#atlas-balance code{font:12px/1.6 var(--tblr-font-monospace);overflow-wrap:anywhere;color:inherit;background:transparent}
#atlas-balance small{font-size:12px}
#atlas-balance .ab-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-width:0;padding:14px 20px;border-radius:12px;background:#142845;color:#F4F7FF;border:1px solid #38506C}
#atlas-balance .ab-brand{justify-self:start;font-size:30px;font-weight:500;line-height:1;letter-spacing:-1.4px}
#atlas-balance .ab-brand small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#BBD3E1;margin-top:5px}
#atlas-balance .ab-header nav{display:flex;align-items:center;gap:22px}
#atlas-balance .ab-header nav a{position:relative;padding:14px 0;font-size:13px;font-weight:500;color:#C4D2E6;white-space:nowrap;transition:color 150ms}
#atlas-balance .ab-header nav a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;border-radius:2px;background:#C1F3E4;opacity:0;transition:opacity 150ms}
#atlas-balance .ab-header nav a[aria-current],#atlas-balance .ab-header nav a:hover{color:#FFFFFF}
#atlas-balance .ab-header nav a[aria-current]:after{opacity:1}
#atlas-balance .ab-main{min-width:0;display:grid;gap:22px}
#atlas-balance .ab-titlebar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:center}
#atlas-balance .ab-description{font-size:13px;color:var(--ab-muted);margin-top:6px}
#atlas-balance .ab-approved{justify-self:end;display:inline-flex;align-items:center;gap:6px;color:var(--ab-ink);font-size:12px}
#atlas-balance .ab-approved i{width:15px;height:15px;color:#24734b}
#atlas-balance .ab-approved svg{width:15px;height:15px}
#atlas-balance .ab-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:'connect quota' 'keys apps';gap:20px;align-items:stretch}
#atlas-balance .ab-connect{grid-area:connect}
#atlas-balance .ab-quota{grid-area:quota;align-self:stretch;display:flex;flex-direction:column}
#atlas-balance .ab-keys{grid-area:keys}
#atlas-balance .ab-apps{grid-area:apps}
#atlas-balance .ab-grid:has(.ab-form:not([hidden])) .ab-apps{align-self:start}
#atlas-balance .ab-intro{color:var(--ab-muted);font-size:13px;margin-top:6px}
#atlas-balance .ab-clients{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 16px}
#atlas-balance .ab-clients button{padding:8px 12px;min-height:36px;background:transparent;color:var(--ab-muted);border:1px solid var(--ab-border);border-radius:6px;font-size:12px;transition:background-color 150ms,color 150ms,border-color 150ms}
#atlas-balance .ab-clients button[aria-pressed=true]{background:var(--ab-cobalt);border-color:var(--ab-cobalt);color:#FFFFFF}
#atlas-balance .ab-url-label{font-size:13px;color:var(--ab-muted);margin-bottom:0}
#atlas-balance .ab-url{display:block;padding:11px 12px;background:var(--ab-soft);border:1px solid var(--ab-border);border-radius:6px}
#atlas-balance .ab-steps{padding:0 0 0 18px;margin:15px 0 0;font-size:13px;color:var(--ab-muted);display:grid;gap:5px}
#atlas-balance .ab-steps li{padding-left:3px}
#atlas-balance .ab-steps li::marker{color:var(--ab-cobalt)}
#atlas-balance .ab-quota h2{font-size:15px;letter-spacing:0}
#atlas-balance .ab-quota-value{font-size:40px;line-height:1.15;font-weight:500;letter-spacing:-1.4px;font-variant-numeric:tabular-nums;margin-top:21px}
#atlas-balance .ab-quota-value span{font-size:14px;font-weight:400;letter-spacing:0;color:var(--ab-muted)}
#atlas-balance .ab-meter{height:5px;border-radius:4px;background:var(--ab-border);margin:17px 0 11px;overflow:hidden}

#atlas-balance .ab-usage{font-size:13px;color:var(--ab-muted)}
#atlas-balance .ab-reset{font-size:13px;color:var(--ab-muted);padding-top:25px;margin-top:auto}
#atlas-balance .ab-reset strong{display:block;font-weight:400;color:var(--ab-ink);margin-top:5px}
#atlas-balance .ab-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}
#atlas-balance .ab-count{margin-left:7px;font-size:12px;font-weight:400;color:var(--ab-muted)}
#atlas-balance .ab-button i{width:14px;height:14px}
#atlas-balance .ab-key{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--ab-border)}
#atlas-balance .ab-key:last-of-type{padding-bottom:0}
#atlas-balance .ab-key strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}
#atlas-balance .ab-key p{font-size:13px;color:var(--ab-muted);margin-top:5px}
#atlas-balance .ab-key code{font-size:12px}
#atlas-balance .ab-quiet{padding:7px 0;border:0;background:transparent;color:var(--ab-muted);font-size:12px;text-align:left}
#atlas-balance .ab-quiet:hover{color:var(--ab-ink)}
#atlas-balance .ab-app-row{display:flex;align-items:center;gap:11px;padding:6px 0 0}
#atlas-balance .ab-app-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#142845;background:#DCDFFF;flex-shrink:0}
#atlas-balance .ab-app-icon i{width:18px;height:18px}
#atlas-balance .ab-app-row strong{display:block;font-size:13px;font-weight:500}
#atlas-balance .ab-connected{font-size:12px;color:#24734b}
#atlas-balance .ab-connected[data-state=disconnected]{color:var(--ab-muted)}
#atlas-balance .ab-app-meta{font-size:13px;color:var(--ab-muted);margin-top:16px}
#atlas-balance .ab-app-meta span{display:block;margin-top:5px}
#atlas-balance .ab-apps .ab-quiet{margin-top:12px}
#atlas-balance .ab-notice{font-size:12px;line-height:1.5;color:var(--ab-muted);margin-top:12px}
#atlas-balance .ab-notice:empty{display:none}
#atlas-balance .ab-form{padding:16px;background:var(--ab-soft);border-radius:7px;margin-bottom:15px}
#atlas-balance .ab-form label{display:block;font-size:12px;margin-bottom:7px}
#atlas-balance .ab-form fieldset{padding:10px 0 0;margin:10px 0 12px;border:0}
#atlas-balance .ab-form legend{font-size:12px}
#atlas-balance .ab-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:7px}
#atlas-balance .ab-endpoint-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;flex-wrap:wrap}
#atlas-balance .ab-copy{min-width:76px;padding:4px 8px;min-height:28px;font-size:12px}
#atlas-balance .ab-copy-message{font-size:12px;color:var(--ab-muted);margin-top:8px}
#atlas-balance .ab-copy-message:empty{display:none}
#atlas-balance .ab-quota-note{font-size:13px;color:var(--ab-muted);margin-top:16px}
#atlas-balance .ab-limit-note{font-size:13px;color:var(--ab-ink);margin-top:14px}
#atlas-balance .ab-quota-content{display:flex;flex-direction:column;flex:1}
#atlas-balance .ab-quota-value .ab-number{font:inherit;letter-spacing:inherit;color:var(--ab-ink)}
#atlas-balance .ab-key-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#atlas-balance .ab-key-status{font-size:12px;color:var(--ab-muted)}
#atlas-balance .ab-key-status[data-status=active]{color:#24734b}
#atlas-balance .ab-empty{padding:13px 0;font-size:13px;color:var(--ab-muted);line-height:1.6}
#atlas-balance .ab-empty strong{display:block;font-weight:500;color:var(--ab-ink);margin-bottom:7px}
#atlas-balance .ab-empty .ab-button{margin-top:13px}
#atlas-balance button:disabled,#atlas-balance [aria-disabled=true]{opacity:.55;cursor:default}
#atlas-balance .ab-help{font-size:12px;color:var(--ab-muted);margin:5px 0 14px}
#atlas-balance .ab-form-title{margin-bottom:14px}
#atlas-balance .ab-form-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#atlas-balance .ab-example{margin-top:14px;border-top:1px solid var(--ab-border);padding-top:10px;font-size:13px;color:var(--ab-muted)}
#atlas-balance .ab-example summary{padding:3px 0}
#atlas-balance .ab-example pre{margin:10px 0 8px;padding:12px;border:1px solid var(--ab-border);border-radius:6px;background:var(--ab-soft);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ab-ink)}
#atlas-balance .ab-dialog{width:min(460px,calc(100% - 32px));max-width:calc(100% - 32px);padding:24px;border:1px solid var(--ab-border);border-radius:12px;color:var(--ab-ink);background:var(--ab-paper);font:14px/1.6 var(--tblr-font-sans-serif);box-shadow:0 18px 55px rgba(20,40,69,.18)}
#atlas-balance .ab-dialog::backdrop{background:rgba(12,26,45,.40)}
#atlas-balance .ab-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}
#atlas-balance .ab-dialog-head h2{overflow-wrap:anywhere}
#atlas-balance .ab-dialog-head .ab-quiet{padding:2px 0;white-space:nowrap}
#atlas-balance .ab-dialog p{font-size:13px;color:var(--ab-muted);margin-top:12px}
#atlas-balance .ab-details{margin:0;display:grid;gap:13px}
#atlas-balance .ab-details>div{display:grid;gap:3px}
#atlas-balance .ab-details dt{font-size:12px;color:var(--ab-muted)}
#atlas-balance .ab-details dd{margin:0;font-size:13px;overflow-wrap:anywhere}
#atlas-balance .ab-dialog-actions{margin-top:21px;display:flex;gap:10px;flex-wrap:wrap}
#atlas-balance .ab-confirm{margin-top:19px;padding-top:16px;border-top:1px solid var(--ab-border)}
#atlas-balance .ab-dialog .ab-secret{display:block;margin-top:16px;padding:13px;border:1px solid var(--ab-border);border-radius:6px;background:var(--ab-soft);overflow-wrap:anywhere;font-size:12px}
@media(max-width:640px){#atlas-balance .ab-dialog{padding:19px}}
#atlas-balance .ab-grid[data-view=keys]{grid-template-areas:'keys quota'}
#atlas-balance .ab-grid[data-view=connections]{grid-template-areas:'apps quota'}
#atlas-balance .ab-foot{font-size:11px;color:var(--ab-muted)}
#atlas-balance .ab-app[data-motion=off] *,#atlas-balance .ab-app[data-motion=off] *:after{transition:none!important;animation:none!important}
@media(max-width:680px){#atlas-balance .ab-grid,#atlas-balance .ab-titlebar{grid-template-columns:minmax(0,1fr)}#atlas-balance .ab-grid{grid-template-areas:'connect' 'quota' 'keys' 'apps'}#atlas-balance .ab-grid[data-view=keys]{grid-template-areas:'keys' 'quota'}#atlas-balance .ab-grid[data-view=connections]{grid-template-areas:'apps' 'quota'}#atlas-balance .ab-titlebar{gap:10px}#atlas-balance .ab-approved{justify-self:start}#atlas-balance .ab-quota-value{margin-top:16px}#atlas-balance .ab-reset{padding-top:18px}#atlas-balance .ab-quota{align-self:start}}
@media(max-width:640px){#atlas-balance .ab-app{padding:16px}#atlas-balance .ab-shell{gap:20px}#atlas-balance .ab-header{grid-template-columns:1fr auto;padding:14px 16px;gap:10px}#atlas-balance .ab-header nav{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#atlas-balance .ab-header nav a{text-align:center;font-size:12px;padding:12px 0}#atlas-balance .ab-connect-link{grid-row:1;grid-column:2;font-size:11px}#atlas-balance .ab-brand{font-size:28px}#atlas-balance .ab-brand small{font-size:11px}#atlas-balance .ab-main{gap:20px}#atlas-balance .ab-panel{padding:18px}#atlas-balance .ab-grid{gap:16px}#atlas-balance h1{font-size:25px}#atlas-balance .ab-key{gap:10px}}
@media(pointer:coarse){#atlas-balance button,#atlas-balance .ab-header a{min-height:44px}}
@media(prefers-reduced-motion:reduce){#atlas-balance *,#atlas-balance *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Real account content can contain many keys and long OAuth client identifiers. */
#atlas-balance button,#atlas-balance summary{cursor:pointer}
#atlas-balance :is(a,button,input,summary):focus-visible{outline:3px solid var(--ab-cobalt);outline-offset:4px}
#atlas-balance .ab-skip{position:fixed;left:16px;top:-80px;z-index:10;background:#142845;color:white;padding:12px 16px;border-radius:6px}
#atlas-balance .ab-skip:focus{top:12px}
#atlas-balance .ab-form input{max-width:100%;accent-color:var(--ab-cobalt)}
#atlas-balance .ab-form-actions{margin-top:14px}
#atlas-balance .ab-setup>.ab-help{margin-top:12px}
#atlas-balance .ab-client-name{min-width:0;overflow-wrap:anywhere}
#atlas-balance .ab-key>div{min-width:0}
#atlas-balance .ab-connection+.ab-connection{border-top:1px solid var(--ab-border);margin-top:18px;padding-top:18px}
#atlas-balance .ab-connection>.ab-button{margin-top:12px}
#atlas-balance .ab-connection>p{font-size:13px;color:var(--ab-muted);margin-top:12px}
#atlas-balance .ab-settings{min-width:0}
#atlas-balance .ab-settings>summary{list-style:none;white-space:nowrap}
#atlas-balance .ab-settings>summary::-webkit-details-marker{display:none}
#atlas-balance .ab-settings[open]{grid-column:1/-1}
#atlas-balance .ab-settings-body h2{margin-bottom:18px}
#atlas-balance .ab-settings-body>p{font-size:13px;color:var(--ab-muted);margin-top:16px}
#atlas-balance .ab-confirm h3{margin-top:16px}
#atlas-balance .ab-confirm summary{list-style:none}
#atlas-balance .ab-dialog{max-height:calc(100svh - 40px);overflow:auto}
#atlas-balance .ab-dialog-close{float:right;margin:0 0 12px 16px}
#atlas-balance .ab-dialog .ab-settings-body{clear:both}
#atlas-balance .ab-dialog::backdrop{backdrop-filter:blur(2px)}
#atlas-balance .ab-message{max-width:680px;width:100%;margin:auto}
#atlas-balance .ab-message h1{margin-bottom:18px}
#atlas-balance .ab-message p{color:var(--ab-muted);margin-top:14px}
#atlas-balance .ab-secret{display:block;margin-top:20px;padding:16px;background:var(--ab-soft);border:1px solid var(--ab-border);border-radius:6px;overflow-wrap:anywhere;user-select:all}
#atlas-balance .ab-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#atlas-balance .ab-foot form{margin:0}
#atlas-balance .ab-stage{padding:14px 18px;background:var(--ab-soft);border:1px solid var(--ab-border);border-radius:8px;font-size:13px}
#atlas-balance meter.ab-meter{appearance:none;display:block;width:100%;padding:0;border:0;border-radius:4px;background:var(--ab-border);height:5px;flex-shrink:0}
#atlas-balance meter.ab-meter::-webkit-meter-bar{height:5px;border:0;background:var(--ab-border);border-radius:4px}
#atlas-balance meter.ab-meter::-webkit-meter-optimum-value{background:var(--ab-cobalt);border-radius:4px}
#atlas-balance meter.ab-meter::-moz-meter-bar{background:var(--ab-cobalt);border-radius:4px}
@media(max-width:380px){#atlas-balance .ab-key{grid-template-columns:minmax(0,1fr)}#atlas-balance .ab-settings{justify-self:start}}
@media(forced-colors:active){#atlas-balance .ab-panel,#atlas-balance .ab-header{border:1px solid CanvasText}#atlas-balance .ab-header nav a[aria-current]:after{background:LinkText}}
@media(pointer:coarse){#atlas-balance :is(.ab-settings>summary,.ab-confirm>summary,.ab-example>summary,.ab-button,.ab-quiet){min-height:44px;display:inline-flex;align-items:center}}