/* Usage-first layout, KineJing brand; account values are server-backed. */
.developer-console{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.console-logo{display:flex;align-items:center;gap:8px;text-decoration:none;margin-bottom:44px;color:#182233}.console-logo strong{font-size:16px;white-space:nowrap}.console-logo small{font-size:10px;background:#182233;color:#fff;padding:3px;border-radius:3px;white-space:nowrap}
.developer-console:has(#dashboard:not([hidden]))>.kj-site-header,.developer-console:has(#dashboard:not([hidden]))>.kj-site-footer{display:none}
.developer-console .dashboard{max-width:none;margin:0;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.developer-console .dashboard>aside{background:#f8f9fb;padding:32px 20px;position:sticky;top:0;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;border:0}
.developer-console .dashboard aside>div:first-of-type{order:3;margin-top:auto;padding:20px 8px 0}.developer-console .dashboard aside>div:first-of-type .eyebrow,.developer-console .dashboard aside #verification{display:none}.developer-console .dashboard aside nav{margin:0;display:flex;flex-direction:column;gap:8px}.developer-console .dashboard aside nav button{text-align:left;font-size:15px;padding:14px 16px;border-radius:14px;color:#505b6c}.developer-console .dashboard aside nav button.selected{background:#e9eef7;color:#006bff}.developer-console .dashboard .aside-bottom{margin-top:auto;padding:24px 8px 0;border:0;display:flex;flex-direction:column;gap:18px}.developer-console .dashboard .aside-bottom a,.developer-console .dashboard .aside-bottom button{font-size:13px}
.developer-console .workspace{width:min(100%,1160px);box-sizing:border-box;padding:34px 48px 80px;margin:0 auto}.developer-console .workspace-top{margin-bottom:20px}.developer-console .workspace-top>div:first-child{display:none}.developer-console .workspace-wallet{margin-left:auto}.developer-console .workspace h1{color:#15191f;font-size:28px;margin:0 0 10px;font-weight:650}.developer-console .workspace h2{color:#242a33}.developer-console .muted{color:#9299a4;font-size:14px}
.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 36px}.wallet-card{background:#f5f6f8;border-radius:18px;padding:24px;border:0}.wallet-card>span{font-size:14px;color:#505865}.wallet-amount{display:flex;align-items:baseline;gap:8px;margin-top:18px}.wallet-amount strong{font-size:32px;font-weight:600;color:#15191f}.wallet-amount>small{color:#a0a7b2;font-size:16px}.developer-console .wallet-amount .primary{margin-left:auto;background:#171b22;border-color:#171b22;border-radius:25px;min-height:40px;padding:9px 18px;white-space:nowrap}.wallet-card>small{display:block;color:#9299a4;font-size:11px;margin-top:10px}#balance-next-step{margin-top:12px;font-size:12px;color:#667080}#balance-next-step small{display:block;font-size:11px}
.usage-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eaecf0;padding-top:30px;gap:14px}.usage-toolbar>div{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.usage-toolbar label{margin:0;color:#9299a4;font-size:12px}.developer-console .usage-toolbar select{min-height:38px;padding:7px 12px;width:auto;max-width:200px;background:#f5f6f8;border:0;border-radius:22px;font-size:13px}.usage-toolbar button{background:transparent;border:0;color:#4c5665;text-decoration:underline;font-size:13px;cursor:pointer}.usage-toolbar>button{background:#171b22;color:#fff;border-radius:24px;padding:10px 18px;text-decoration:none}.usage-toolbar>button:disabled{opacity:.4;cursor:default}
.developer-console .usage-metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.developer-console .usage-metrics article{background:#f5f6f8;border:0;border-radius:18px;padding:22px}.developer-console .usage-metrics strong{font-size:29px;color:#15191f;font-weight:550;margin:18px 0 4px}.developer-console .usage-metrics small{font-size:10px;color:#a0a7b2}
.usage-chart-card{background:#f5f6f8;border-radius:18px;padding:24px;margin:20px 0 36px}.chart-heading{display:flex;gap:12px;align-items:center;font-size:13px;color:#68707e}.chart-heading small{margin-left:auto;font-size:11px;color:#9299a4}.usage-chart{height:215px;display:grid;align-items:end;gap:8px;padding:0 8px;border-bottom:1px solid #dce3ec;background:repeating-linear-gradient(to top,transparent 0,transparent 70px,#e1e6ef 71px,#e1e6ef 72px)}.usage-chart .usage-bar{position:relative;display:flex;align-items:end;justify-content:center;height:100%}.usage-chart .usage-bar i{display:block;background:#3981f3;width:min(70%,64px);min-width:2px;border-radius:3px 3px 0 0}.chart-dates{display:flex;justify-content:space-between;font-size:11px;color:#9299a4;margin-top:10px}.product-entry{padding:24px;border:1px solid #e5eaf0;border-radius:16px}.product-entry p{font-size:14px;line-height:1.8;color:#5d697a}.product-entry small{color:#8290a2;line-height:1.7}.product-entry .button-row{margin-top:20px}.legacy-models{margin-top:24px;font-size:13px;color:#687589}.legacy-models p{line-height:1.8}
@media(min-width:1500px){.developer-console .workspace{padding-top:42px;padding-left:64px;padding-right:64px}}
@media(max-width:1000px){.developer-console .dashboard{grid-template-columns:210px minmax(0,1fr)}.developer-console .workspace{padding:24px}.console-logo{flex-wrap:wrap}.wallet-grid{gap:12px}.wallet-card{padding:18px}.wallet-amount strong{font-size:26px}.wallet-amount .primary{font-size:12px}.developer-console .usage-metrics article{padding:16px}.usage-toolbar{align-items:start}}
@media(max-width:760px){.developer-console .dashboard{display:block}.developer-console .dashboard>aside{position:relative;height:auto;padding:16px}.console-logo{margin-bottom:12px}.developer-console .dashboard aside nav{flex-direction:row;overflow-x:auto;margin:0;gap:4px}.developer-console .dashboard aside nav button{font-size:12px;padding:10px;white-space:nowrap}.developer-console .dashboard aside>div:first-of-type,.developer-console .dashboard .aside-bottom{display:none}.developer-console .workspace{padding:20px 16px 50px}.wallet-grid{grid-template-columns:1fr;margin:20px 0 24px}.developer-console .usage-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.developer-console .usage-metrics article{display:block;padding:14px 10px}.developer-console .usage-metrics strong{display:block;font-size:22px;margin:12px 0 5px}.developer-console .usage-metrics article>span{font-size:11px}.developer-console .usage-metrics small{display:none}.usage-toolbar{flex-direction:column;gap:14px}.usage-chart-card{padding:18px}.chart-heading{flex-wrap:wrap}.chart-heading small{margin-left:0}.product-entry{padding:18px}.usage-chart{height:180px;gap:4px}}

.developer-console .aside-bottom button[data-panel]{text-align:left;background:none;border:0;padding:0;cursor:pointer;color:#596d86}.developer-console .aside-bottom button[data-panel].selected{color:#006bff;font-weight:600}@media(max-width:760px){.developer-console .dashboard .aside-bottom{display:flex;position:static;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:12px;padding:0}.developer-console .dashboard .aside-bottom a,.developer-console .dashboard .aside-bottom button{display:inline;font-size:11px}.developer-console .dashboard .aside-bottom #logout{margin-left:auto}}