.account-budget-page,.account-usage-page{display:grid;gap:1.5rem}.account-usage-chart,.account-budget-panel{border:1px solid rgba(72,181,221,.28);border-radius:1rem;background:rgba(8,28,39,.72);padding:1.4rem}.account-usage-chart__heading,.account-budget-panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.account-usage-chart h2,.account-budget-panel h2{font-size:1.2rem;margin:0;color:#eefaff}.account-usage-chart p,.account-budget-panel p{color:#98bdce;margin:.35rem 0 0}.account-usage-chart__state{max-width:28rem;border-radius:999px;padding:.4rem .75rem;color:#cfefff;background:rgba(53,216,238,.1);font-size:.83rem}.account-usage-chart--warning .account-usage-chart__state,.account-usage-chart--insufficienthistory .account-usage-chart__state{color:#ffdca3;background:rgba(243,187,101,.1)}.account-usage-chart--projectedoverrun .account-usage-chart__state{color:#ffc0bb;background:rgba(255,134,127,.12)}.account-usage-chart__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.25rem 0}.account-usage-chart__summary>div{border-left:2px solid rgba(53,216,238,.4);padding:.2rem .8rem}.account-usage-chart__summary dt{color:#98bdce;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.account-usage-chart__summary dd{color:#eefaff;font:600 1.25rem/1.4 Sora,sans-serif;margin:.2rem 0 0}.account-usage-chart__canvas{position:relative;height:clamp(17rem,34vw,25rem);min-height:17rem}.account-usage-chart canvas{display:block;width:100%;height:100%}.account-usage-chart__loading,.account-usage-chart__empty,.account-usage-chart__error{position:absolute;inset:0;display:grid;place-items:center;color:#98bdce}.account-usage-chart__empty[hidden],.account-usage-chart__error[hidden],.account-usage-chart__loading[hidden]{display:none}.account-usage-chart__error{color:#ffc0bb}.account-usage-chart__tooltip{position:absolute;pointer-events:none;z-index:2;min-width:9rem;padding:.55rem .7rem;border:1px solid rgba(53,216,238,.35);border-radius:.55rem;background:#07131b;color:#eefaff;font-size:.78rem;box-shadow:0 .7rem 1.5rem rgba(0,0,0,.3);transform:translate(-50%,calc(-100% - .7rem))}.account-budget-panel{display:grid;gap:1rem}.account-budget-panel__heading a{color:#35d8ee}.account-budget-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem}.account-budget-controls label{display:grid;gap:.4rem;color:#b8d6e4;font-size:.88rem}.account-budget-controls__wide{grid-column:span 2}.account-budget-check{display:flex!important;align-items:center;gap:.65rem!important;min-height:3rem}.account-budget-check input{width:1.15rem;height:1.15rem;accent-color:#35d8ee}.account-budget-access{border-top:1px solid rgba(72,181,221,.2);padding-top:1rem}.account-budget-access summary{cursor:pointer;color:#bceeff}.account-usage-table{color:#d9edf6;margin:0}.account-usage-table thead th{color:#8fc4da;border-color:rgba(72,181,221,.18);font-size:.75rem;text-transform:uppercase}.account-usage-table td{border-color:rgba(72,181,221,.12);vertical-align:middle}.account-usage-empty{text-align:center;color:#98bdce;padding:2rem!important}@media(max-width:850px){.account-usage-chart__summary,.account-budget-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.account-budget-controls__wide{grid-column:auto}}@media(max-width:560px){.account-usage-chart,.account-budget-panel{padding:1rem}.account-usage-chart__heading,.account-budget-panel__heading{display:grid}.account-usage-chart__summary,.account-budget-controls{grid-template-columns:1fr}.account-usage-chart__canvas{height:18rem}}