.ai-usage-dialog{width:1180px;max-width:calc(100vw - 40px);height:min(820px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;margin:auto;border:1px solid #e0e3e8;border-radius:20px;background:#fff;color:#252a34;box-shadow:0 24px 100px #18243530;font-size:13px}
.ai-usage-dialog[open]{display:flex;flex-direction:column}
.ai-usage-dialog::backdrop{background:#1b26393b;backdrop-filter:blur(4px)}
.ai-usage-dialog button,.ai-usage-dialog input,.ai-usage-dialog select{font:inherit}
.ai-usage-dialog button:focus-visible,.ai-usage-dialog input:focus-visible,.ai-usage-dialog select:focus-visible,.ai-usage-table-scroll:focus-visible{outline:2px solid #3478dc;outline-offset:3px}
.ai-usage-dialog button:disabled{opacity:.45;cursor:default}
.ai-usage-header{display:flex;align-items:center;gap:13px;padding:22px 26px 19px;flex:none;border-bottom:1px solid #eef0f4}
.ai-usage-heading-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:13px;color:#4274b8;background:#edf4ff}
.ai-usage-heading{min-width:0;flex:1}.ai-usage-heading h2{margin:0 0 5px;font-size:21px;font-weight:650;letter-spacing:-.5px}.ai-usage-heading p{margin:0;color:#777f8d;font-size:12px;line-height:1.5}
.ai-usage-close{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f3f4f6;color:#747b87;flex:none}
.ai-usage-body{min-height:0;overflow:auto;padding:22px 26px;overscroll-behavior:contain}
.ai-usage-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.ai-usage-stat{padding:16px 18px;border:1px solid #e9edf3;border-radius:12px;background:linear-gradient(125deg,#fafbfe,#fff);min-width:0}
.ai-usage-stat-label{display:flex;align-items:center;gap:7px;color:#7a8390;font-size:12px;line-height:18px}.ai-usage-stat strong{display:block;font-variant-numeric:tabular-nums;font-size:25px;letter-spacing:-.5px;font-weight:600;margin:9px 0 6px;line-height:1.25}.ai-usage-stat small{display:block;color:#8a929f;font-size:11px;line-height:1.5}.ai-usage-stat .ai-usage-price-pending{font-size:22px;color:#697488}
.ai-usage-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;flex-wrap:wrap}.ai-usage-section-heading h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin:0}.ai-usage-section-heading h3 span{font-size:11px;font-weight:400;color:#8b93a0}.ai-usage-heading-actions{display:flex;align-items:center;gap:6px}.ai-usage-heading-actions button{display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 9px;border:1px solid #e8ebf0;border-radius:7px;color:#626e7e;white-space:nowrap}.ai-usage-heading-actions button:hover{background:#f7f9fc}
.ai-usage-prices{padding:14px 16px;margin-bottom:16px;border:1px solid #e6ebf4;background:#f8fafe;border-radius:10px}.ai-usage-prices>p{margin:0 0 10px;color:#657187;font-size:12px;line-height:1.6}.ai-usage-prices table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.ai-usage-prices th{font-weight:500;color:#7d8796;padding:7px 6px}.ai-usage-prices td{padding:9px 6px;border-top:1px solid #e7ecf4}.ai-usage-prices td:not(:first-child){color:#7d8796}.ai-usage-prices-wrap{overflow-x:auto}
.ai-usage-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:15px;padding:14px 15px;background:#f8f9fb;border:1px solid #eceff3;border-radius:10px}.ai-usage-filters label{display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.3;color:#7b8492}.ai-usage-filters input,.ai-usage-filters select{height:33px;min-width:130px;border:1px solid #e0e4eb;border-radius:6px;background:#fff;color:#485363;padding:5px 9px;font-size:12px}.ai-usage-filters select{max-width:200px}.ai-usage-filter-actions{display:flex;gap:6px;margin-left:auto}.ai-usage-filter-actions button{height:33px;padding:5px 14px;border-radius:6px;white-space:nowrap;background:#fff;border:1px solid #e0e4eb;color:#647184}.ai-usage-filter-actions .ai-usage-apply{color:#fff;background:#477fce;border-color:#477fce}.ai-usage-filter-error{flex-basis:100%;font-size:12px;color:#b43d3b;margin:0}
.ai-usage-note{font-size:11px;color:#9198a4;line-height:1.65;margin:10px 0 0}.ai-usage-table-scroll{overflow:auto;border:1px solid #e9edf2;border-radius:10px;min-height:180px;background:#fff}.ai-usage-table{width:100%;min-width:920px;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.ai-usage-table th{background:#fafbfc;color:#9097a2;font-size:11px;font-weight:500;line-height:20px;padding:12px 13px;border-bottom:1px solid #e9edf2}.ai-usage-table td{padding:15px 13px;border-bottom:1px solid #f0f2f5;color:#4a5361;font-size:12px;line-height:19px;vertical-align:middle}.ai-usage-table tbody>tr:last-child>td{border-bottom:0}.ai-usage-table .ai-usage-numeric{text-align:right}.ai-usage-table th:first-child,.ai-usage-table td:first-child{padding-right:0;width:33px}.ai-usage-row:hover>td,.ai-usage-row.is-expanded>td{background:#fafcff}.ai-usage-expand{display:grid;place-items:center;width:24px;height:28px;border-radius:5px;color:#9aa1ac}.ai-usage-expand:hover{background:#eaf0fa;color:#4274b8}.ai-usage-expand svg{transition:transform .14s}.ai-usage-expand[aria-expanded=true] svg{transform:rotate(90deg)}.ai-usage-table small{display:block;color:#9aA1ac;font-size:10px;line-height:17px}.ai-usage-model{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:12px;line-height:18px;white-space:nowrap;font-size:11px;background:#e9efff;color:#4f74ba}.ai-usage-model.astra{background:#fce7ef;color:#bc5c86}.ai-usage-model.sol61{background:#ede7fc;color:#8a68b8}.ai-usage-model.unknown{background:#eff1f4;color:#6f7987}.ai-usage-state{display:inline-flex;align-items:center;gap:5px;font-size:11px}.ai-usage-state::before{content:'';display:block;height:5px;width:5px;border-radius:50%;background:currentColor}.ai-usage-state.succeeded{color:#568b64}.ai-usage-state.failed,.ai-usage-state.rejected{color:#bc6262}.ai-usage-state.cancelled,.ai-usage-state.interrupted{color:#9399a3}.ai-usage-state.running{color:#5d85bd}.ai-usage-timing{display:flex;align-items:center;gap:5px}.ai-usage-timing span{font-size:11px;line-height:17px;background:#eaf5e9;color:#5c895d;padding:1px 6px;border-radius:9px}.ai-usage-timing span+span{background:#fff0e6;color:#bd8056}.ai-usage-timing .ai-usage-unavailable{background:#f2f3f5;color:#9aa1ac}.ai-usage-cost{color:#8e96a2!important;font-size:11px!important}.ai-usage-table .ai-usage-detail-cell{padding:0 14px 16px 45px;background:#fafcff;white-space:normal}.ai-usage-detail{padding:14px 16px;background:#f3f6fb;border:1px solid #e8edf5;border-radius:8px}.ai-usage-detail dl{display:grid;grid-template-columns:120px minmax(0,1fr) 115px minmax(0,1fr);gap:9px 14px;margin:0;font-size:11px;line-height:18px}.ai-usage-detail dt{color:#9099a7}.ai-usage-detail dd{margin:0;color:#596678;overflow-wrap:anywhere}.ai-usage-detail code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.ai-usage-detail .ai-usage-detail-wide{grid-column:2/-1}.ai-usage-detail p{margin:12px 0 0;border-top:1px solid #e0e7f1;padding-top:10px;color:#8190a4;font-size:11px;line-height:1.6}
.ai-usage-empty{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;color:#a1a9b5;padding:35px 20px}.ai-usage-empty strong{font-size:14px;font-weight:500;color:#687589}.ai-usage-empty p{max-width:400px;font-size:12px;line-height:1.7;margin:0}.ai-usage-empty button,.ai-usage-error button{color:#427ac7;border:1px solid #dbe6f5;border-radius:6px;padding:7px 13px;margin-top:3px}.ai-usage-error{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#b24c49;font-size:12px;line-height:1.6;background:#fff5f4;border:1px solid #f3dcd9;padding:10px 12px;border-radius:8px;margin-bottom:12px}.ai-usage-error button{margin:0 0 0 auto;background:#fff}.ai-usage-loading-line{height:3px;background:linear-gradient(90deg,#eaf1fb,#7c9ed5,#eaf1fb);background-size:200% 100%;animation:ai-usage-loading 1.2s linear infinite}.ai-usage-loading-line:not([data-loading=true]){background:transparent;animation:none}@keyframes ai-usage-loading{to{background-position:-200% 0}}
.ai-usage-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#929aa7;padding-top:15px}.ai-usage-pagination-label{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ai-usage-pagination select{border:1px solid #e4e8ef;border-radius:5px;color:#6b7788;padding:4px 5px;background:#fff}.ai-usage-page-controls{display:flex;align-items:center;gap:8px}.ai-usage-page-controls button{display:grid;place-items:center;height:29px;width:29px;border:1px solid #e4e8ef;border-radius:6px;color:#70819a}.ai-usage-page-controls output{min-width:52px;text-align:center;color:#65748a;font-variant-numeric:tabular-nums}.ai-usage-footer{flex:none;border-top:1px solid #edf0f4;padding:11px 26px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#98a1ad;line-height:18px}.ai-usage-footer span:last-child{text-align:right}
@media(max-width:760px){.ai-usage-dialog{max-width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:15px}.ai-usage-header{padding:17px 16px 14px;gap:10px}.ai-usage-heading h2{font-size:19px}.ai-usage-heading p{font-size:11px}.ai-usage-heading-icon{width:37px;height:37px;border-radius:11px}.ai-usage-body{padding:17px 14px}.ai-usage-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ai-usage-stat{padding:12px 13px}.ai-usage-stat strong{font-size:23px;margin:7px 0 5px}.ai-usage-stat .ai-usage-price-pending{font-size:21px}.ai-usage-filters{gap:10px;padding:12px}.ai-usage-filters label{flex:1 1 calc(50% - 10px);min-width:0}.ai-usage-filters input,.ai-usage-filters select{width:100%;min-width:0;max-width:none;height:36px}.ai-usage-filter-actions{width:100%;margin:0}.ai-usage-filter-actions button{height:35px;flex:1}.ai-usage-section-heading h3 span{display:none}.ai-usage-footer{padding:10px 15px;flex-wrap:wrap;gap:2px}.ai-usage-footer span:last-child{text-align:left}.ai-usage-prices table{min-width:470px}.ai-usage-pagination{align-items:flex-start}.ai-usage-table-scroll{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.ai-usage-loading-line{animation:none}.ai-usage-expand svg{transition:none}}
.ai-usage-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}