[hidden]{display:none!important}.manage-key-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.account-banner{display:flex;align-items:center;gap:12px;padding:17px 20px;background:#f1effb;border:1px solid #dedaf1;border-radius:5px;margin-bottom:20px}.account-banner-icon,.unified-logo{display:grid;place-items:center;background:#594bda;color:white;font-weight:750}.account-banner-icon{height:38px;width:38px;border-radius:5px;font-size:20px}.account-banner b{display:block;font-size:13px;color:#494260}.account-banner small{display:block;font-size:11px;color:#8e88a1;margin-top:5px}.account-banner #computeSync{margin-left:auto;font-size:10px;color:#89819d}#centerMetrics .metric-card{min-width:0;border-radius:5px}#centerMetrics .metric-card strong{font-size:24px;line-height:1.35;overflow-wrap:anywhere}#centerKeyName{font-size:19px!important}.selected-compute,.key-panel,.subscription-details{border-radius:5px;overflow:hidden;margin-bottom:20px}.selected-compute{border-top:3px solid #6b5ad6}.selected-compute .eyebrow{font-size:9px;margin:0 0 7px;color:#9690b4}.panel-head h3{margin:0}.billing-pill,.key-state{font-size:10px;border-radius:4px;background:#f0edf9;color:#7460b5;padding:6px 9px;white-space:nowrap}.billing-pill.warn,.key-state.warn{background:#fff0e5;color:#ae7b4b}.selected-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.selected-title h4{font-size:17px;margin:0}.selected-title>span{color:#868d9e;font-size:11px}.selected-note{font-size:12px;color:#9498a7;line-height:1.8;margin:9px 0 20px}.quota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.quota-window{border:1px solid #ebe8f2;border-radius:5px;background:#faf9fd;padding:16px}.quota-label{display:flex;justify-content:space-between;font-size:11px;color:#868098;gap:8px}.quota-value{font-size:22px;font-weight:730;margin:12px 0 5px;color:#54469a}.quota-value small{font-size:11px;font-weight:400;color:#9392a1;margin-left:5px}.quota-track{height:7px;background:#e7e3f0;overflow:hidden;border-radius:5px;margin:12px 0 9px}.quota-fill{height:100%;background:#7c6aca;border-radius:5px;transition:width .25s}.quota-track.low .quota-fill{background:#d39b59}.quota-caption{font-size:10px;color:#9b97aa;line-height:1.7}.balance-source{padding:10px 0}.balance-source>strong{font-size:34px;color:#55499b;display:block;line-height:1.3;margin:10px 0}.balance-source>small{color:#9296a5;font-size:11px}.key-limits{border-top:1px solid #f0eef5;margin-top:18px;padding-top:14px;font-size:11px;color:#8e8b9a}.key-limits p{margin:7px 0}.key-count{font-size:10px;color:#8b829e;background:#f1eef8;border-radius:3px;margin-left:8px;padding:3px 7px}.section-note{font-size:11px;color:#9793a5;font-weight:400;margin:8px 0 0}.key-list{padding:0 20px}.key-row{display:grid;grid-template-columns:28px minmax(130px,1fr) minmax(120px,.8fr) auto;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #eeedf4}.key-row:last-child{border-bottom:0}.key-row.selected .key-title{color:#6150bb}.key-radio{width:17px;height:17px;accent-color:#6754d6;cursor:pointer}.key-main{min-width:0}.key-title{display:flex;gap:8px;align-items:center;margin-bottom:9px;font-size:13px;overflow-wrap:anywhere}.key-main code{font-size:10px;color:#a5a3b0;background:#f8f8fc;padding:5px 7px;border-radius:3px;letter-spacing:.8px}.key-group{font-size:11px;color:#646879;line-height:1.6}.key-group small{display:block;color:#a0a2b1;font-size:10px;margin-top:5px}.key-actions{display:flex;gap:8px;align-items:center}.copy-key{border:1px solid #ddd9ec;border-radius:4px;background:#fff;color:#71628f;padding:7px 11px;font-size:11px;white-space:nowrap}.copy-key:hover{background:#f6f4fc}.copy-key:disabled{opacity:.5}.key-actions a{font-size:11px;color:#8e849f;white-space:nowrap}.key-footnote{background:#fafafd;padding:13px 20px;border-top:1px solid #f0eef5;font-size:10px;color:#9c98ab;line-height:1.8}.empty-compute{padding:20px 5px;text-align:center;color:#a09aaa;font-size:12px;line-height:1.9}.empty-compute b{display:block;color:#676174;font-size:14px;margin-bottom:8px}.empty-compute button,.empty-compute a{display:inline-flex;margin-top:12px}.subscription-details summary{list-style:none;padding:20px;cursor:pointer;font-weight:600;font-size:13px;display:flex;gap:9px}.subscription-details summary>span{font-size:11px;color:#a49baa}.details-arrow{margin-left:auto}.subscription-record{padding:12px 0;border-bottom:1px solid #eeedf4;font-size:12px}.subscription-record:last-child{border:0}.subscription-record>small{display:block;font-size:11px;color:#9a94a5;line-height:1.9;margin-top:8px}.usage-mini{padding:12px!important}.usage-mini-top{gap:5px;font-size:11px}#railSubscription{font-size:10px;line-height:1.6;overflow-wrap:anywhere}#railQuota{margin-top:10px}.rail-window{margin:11px 0}.rail-window .quota-label{color:#aaa5b9;font-size:9px}.rail-window .quota-track{height:4px;background:#45424d;margin:6px 0}.rail-window .quota-caption{color:#9691a3;font-size:9px}.rail-window .quota-fill{background:#a091df}#railBalance{font-size:11px;white-space:nowrap}.unified-auth{max-width:430px;border:2px solid #333340;border-radius:6px;box-shadow:none;padding:25px 29px}.unified-auth .modal-head{margin-bottom:30px}.unified-brand{color:#91869e;font-size:11px;letter-spacing:1px}.unified-logo{height:46px;width:44px;font-size:23px;border-radius:5px;box-shadow:3px 3px #dad4ef;margin:0 auto 23px}.unified-auth h3{font-size:27px;margin:0;text-align:center}.unified-auth p{text-align:center;color:#9892a3;font-size:13px;line-height:1.9;margin:17px 0 25px}#centerLoginButton{display:flex;justify-content:space-between;text-decoration:none;border-radius:4px;width:100%;padding:14px 19px}.unified-auth>small{display:block;text-align:center;font-size:10px;color:#aaa5b3;margin-top:20px}.unified-links{display:flex;justify-content:space-between;border-top:1px solid #eeeaf3;margin-top:26px;padding-top:20px}.unified-links a{font-size:11px;color:#8c7ab5;text-decoration:none}.copy-manual{width:100%;padding:12px;font-family:monospace;margin-top:10px;border:1px solid #d9d3e9}.panel-head{gap:15px}.key-row[aria-busy=true]{opacity:.6}@media(max-width:1100px){.key-row{grid-template-columns:22px minmax(120px,1fr) minmax(110px,.8fr)}.key-actions{grid-column:2 / -1;margin-top:-4px}#centerMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.account-banner{padding:13px;gap:9px;flex-wrap:wrap}.account-banner #computeSync{margin-left:47px;flex-basis:100%}.account-banner small{max-width:190px;overflow-wrap:anywhere}#centerMetrics .metric-card strong{font-size:19px}#centerKeyName{font-size:15px!important}.selected-compute .panel-head,.key-panel .panel-head{align-items:flex-start;flex-direction:column;padding:17px}.selected-compute .panel-body{padding:17px}.quota-grid{grid-template-columns:1fr;gap:12px}.quota-window{padding:13px}.key-list{padding:0 14px}.key-row{grid-template-columns:18px minmax(0,1fr);gap:10px;padding:19px 0}.key-main{grid-column:2}.key-group,.key-actions{grid-column:2}.key-group{margin:6px 0}.key-actions{margin-top:0}.key-footnote{padding:13px 14px}.key-title{flex-wrap:wrap;font-size:12px}.selected-title h4{font-size:15px}.unified-auth{margin:14px;padding:22px;max-width:calc(100vw - 36px)}.unified-auth h3{font-size:24px}.selected-note{font-size:11px}.quota-value{font-size:21px}.balance-source>strong{font-size:28px}.subscription-details .panel-body{padding:0 16px 16px}}

/* One subscription card with three compact rows. */
.quota-summary{padding:2px 18px;border:1px solid #ebe8f2;border-radius:5px;background:#faf9fd}
.quota-summary .quota-window{padding:16px 0;background:none;border:0;border-radius:0;display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center}
.quota-summary .quota-window+.quota-window{border-top:1px solid #e8e4f0}
.quota-summary .quota-label{justify-content:flex-start;gap:14px}
.quota-summary .quota-value{font-size:18px;white-space:nowrap;margin:0;text-align:right}
.quota-summary .quota-track,.quota-summary .quota-caption{grid-column:1 / -1}
.quota-summary .quota-track{margin:10px 0 6px}
@media(max-width:580px){.quota-summary{padding:0 13px}.quota-summary .quota-window{column-gap:8px}.quota-summary .quota-label{flex-direction:column;gap:4px}.quota-summary .quota-value{font-size:17px}.quota-summary .quota-value small{font-size:10px}}