:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#192c36;background:#f5f7f8;font-synthesis:none;line-height:1.6;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:#12645b}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px max(5vw,24px);background:white;border-bottom:1px solid #dce5e7}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#162f35;font-weight:700;font-size:18px}.brand small{display:block;font-size:12px;font-weight:400;color:#6b7a81;letter-spacing:.03em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#174e49;color:white;border-radius:12px;font-size:25px}.site-header #signed-in{display:flex;align-items:center;gap:15px;font-size:14px}
.layout{display:flex;gap:40px;width:min(1180px,92vw);margin:44px auto;min-height:65vh}.navigation{flex:0 0 185px;display:flex;flex-direction:column;gap:8px}.navigation a{padding:11px 16px;text-decoration:none;border-radius:8px;color:#3d535d}.navigation a[aria-current=page]{color:#154f47;background:#e0eeea;font-weight:600}.navigation p{font-size:12px;color:#7a888d;padding:10px 16px}.content{min-width:0;flex:1}.panel{background:#fff;border:1px solid #dce5e7;border-radius:12px;padding:26px;margin:22px 0}.narrow{max-width:650px}h1{font-size:30px;line-height:1.25;margin:8px 0 18px;font-weight:650}h2{font-size:18px;margin:0 0 14px}p{margin:10px 0 15px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#427c74}.muted,.helper{color:#667981}.helper{font-size:13px}.notice{border-left:3px solid #7c9f96;padding:12px 15px;background:#eaf1ef;color:#365e55;border-radius:0 6px 6px 0}.notice.error{border-color:#ba6767;background:#fcf0ef;color:#853f3f}
form{display:flex;flex-direction:column;gap:9px}label{font-size:14px;font-weight:600;margin-top:9px}input{width:100%;padding:10px 12px;border:1px solid #bdcccf;border-radius:7px;background:#fff;color:#192c36}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #78ada4;outline-offset:2px}.button{border:1px solid #b9cbca;border-radius:7px;background:#fff;color:#214c48;padding:9px 15px;font-size:14px;width:fit-content;margin-top:9px;text-decoration:none}.button.primary{background:#1c655b;color:#fff;border-color:#1c655b}.button.subtle{background:transparent;margin:0}.button.danger{color:#9b4646;border-color:#d9b6b6}.actions{display:flex;flex-wrap:wrap;gap:10px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:20px}.account-facts{margin:0;display:grid;grid-template-columns:1fr 2fr;gap:20px}.account-facts dt{font-size:12px;color:#6b7b82}.account-facts dd{margin:4px 0 0;overflow-wrap:anywhere}.grant-selectors{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px}fieldset{min-width:0;border:1px solid #dce5e7;border-radius:7px;padding:10px 13px;max-height:300px;overflow:auto}legend{font-size:13px;color:#526972;padding:0 5px}.check{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;margin:6px 0;overflow-wrap:anywhere}.check input{width:16px;height:16px;flex-shrink:0;margin-top:3px}.grant-preview{font-size:12px;max-height:200px;overflow:auto;overflow-wrap:anywhere}details{font-size:13px;margin:12px 0}summary{cursor:pointer;color:#35685f}.secret-panel{border-color:#83aaa1;background:#f5faf8}.secret{display:block;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere;background:#fff;border:1px solid #bbd2cc;padding:14px;border-radius:7px;user-select:all}.key-card{padding:18px 0;border-top:1px solid #e4ebed}.key-card:first-child{border-top:0}.key-card h3{font-size:15px;margin:0 0 5px}.key-meta{font-size:12px;color:#6e8087;margin:5px 0;overflow-wrap:anywhere}.key-status{display:inline-block;margin-left:8px;font-size:11px;color:#456b60;background:#eaf2ed;padding:2px 7px;border-radius:4px}.key-status.inactive{color:#7e7270;background:#f2eeeb}code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}footer{padding:24px 5vw;border-top:1px solid #dce5e7;color:#79898e;font-size:12px}
@media(max-width:760px){.site-header{padding:18px 5vw;align-items:flex-start}.brand{font-size:15px}.brand-mark{width:34px;height:34px}.site-header #signed-in{flex-direction:column;gap:7px;align-items:flex-end}.layout{flex-direction:column;gap:22px;margin:25px auto}.navigation{flex:auto;flex-direction:row;flex-wrap:wrap;gap:4px}.navigation p{display:none}.navigation a{padding:8px 11px}.panel{padding:20px}.form-row,.account-facts,.grant-selectors{grid-template-columns:1fr}h1{font-size:26px}}
.usage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.usage-toolbar .button{flex-shrink:0;margin:0}.usage-period{font-size:13px;color:#526972;margin:0}.usage-budgets{display:grid;gap:14px}.usage-budget{border:1px solid #dce5e7;border-radius:8px;padding:18px}.usage-budget h3{margin:0 0 12px;font-size:15px;overflow-wrap:anywhere}.usage-key-id{font-size:12px;color:#667981;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere;margin:-4px 0 14px}.usage-budget-facts,.usage-facts{display:grid;gap:18px;margin:0}.usage-budget-facts{grid-template-columns:repeat(5,minmax(0,1fr))}.usage-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-budget-facts dt,.usage-facts dt{font-size:12px;color:#6b7b82}.usage-budget-facts dd,.usage-facts dd{margin:5px 0 0;font-size:18px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.usage-facts dd{font-size:20px}.usage-table-wrap{max-width:100%;overflow-x:auto}.usage-table-wrap:focus-visible{outline:3px solid #78ada4;outline-offset:3px}.usage-table{width:100%;min-width:610px;border-collapse:collapse;font-size:12px;text-align:left}.usage-table-caption{caption-side:top;text-align:left;color:#667981;margin:0 0 14px;font-size:12px}.usage-table th{font-size:11px;letter-spacing:.02em;color:#667981;font-weight:600;border-bottom:1px solid #ccdadd;padding:10px 10px 10px 0}.usage-table td{vertical-align:top;padding:14px 10px 14px 0;border-bottom:1px solid #e6edef}.usage-table tbody tr:last-child td{border-bottom:0}.usage-time{width:130px;font-variant-numeric:tabular-nums}.usage-request-model{display:block;max-width:290px;overflow-wrap:anywhere}.usage-request-id{display:block;font-size:10px;color:#788990;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere;margin-top:4px}.usage-accounting-status{display:inline-block;white-space:nowrap;padding:2px 7px;border-radius:4px;color:#5a6c73;background:#edf1f2}.usage-accounting-status.final{color:#356653;background:#e8f2eb}.usage-accounting-status.estimated,.usage-accounting-status.pending_review{color:#816222;background:#f7f0dd}.usage-accounting-status.released{color:#6b777d;background:#f0f2f3}.usage-credits{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:90px}
@media(max-width:960px){.usage-budget-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.usage-toolbar{align-items:flex-start;gap:12px}.usage-period{font-size:12px}.usage-budget{padding:15px}.usage-budget-facts,.usage-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.usage-budget-facts dd,.usage-facts dd{font-size:17px}}
