.ai-usage-toolbar{display:flex;align-items:end;gap:10px;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px #12394c0a}.ai-usage-toolbar label{display:grid;gap:5px;color:#59717e;font-size:11px;font-weight:800;letter-spacing:.35px}.ai-usage-toolbar input,.ai-usage-toolbar select{min-width:190px;height:40px;border:1px solid #cedce2;border-radius:9px;background:#f9fbfc;padding:0 11px;color:#173746;font:700 12px Manrope,sans-serif}.ai-usage-toolbar .button:last-child{margin-left:auto}.ai-usage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.ai-usage-stats article{display:grid;gap:5px;min-height:128px;padding:18px;border:1px solid #d9e4e8;border-radius:15px;background:linear-gradient(145deg,#fff,#f7fbfc);box-shadow:0 10px 28px #12394c0a}.ai-usage-stats span{color:#69808b;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.ai-usage-stats strong{color:#093a54;font-size:26px;line-height:1.15}.ai-usage-stats small{align-self:end;color:#728894;font-size:11px}.ai-usage-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:14px 16px;border:1px solid #bfe5e2;border-radius:13px;background:#eef9f8;color:#164b55}.ai-usage-note div{display:grid;gap:4px}.ai-usage-note b{font-size:12px}.ai-usage-note span{font-size:11px;line-height:1.55}.ai-usage-source{white-space:nowrap;color:#39727b;font-weight:800}.ai-usage-table-card{overflow:hidden;border:1px solid #d6e2e7;border-radius:15px;background:#fff;box-shadow:0 12px 34px #12394c0b}.ai-usage-table-card>header{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #e3ebee}.ai-usage-table-card h3{margin:3px 0 0;color:#123b50;font-size:16px}.ai-usage-table-card>header>span{padding:6px 9px;border-radius:8px;background:#edf5f7;color:#476673;font-size:11px;font-weight:800}.ai-usage-table{min-width:980px}.ai-usage-table th{font-size:9px;letter-spacing:.55px}.ai-usage-table td{vertical-align:top}.ai-usage-table td>*{display:block}.ai-usage-table td span{margin-top:4px;color:#7c8e97;font-size:9.5px}.ai-usage-table td strong,.ai-usage-table td b{color:#183b4c;font-size:11px}.ai-usage-table code{display:inline-block!important;max-width:190px;overflow:hidden;color:#17636c;font:700 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.ai-usage-loading,.ai-usage-error{display:grid;place-items:center;gap:8px;min-height:280px;border:1px dashed #cbdbe1;border-radius:15px;background:#f8fbfc;color:#67808c;font-size:12px}.ai-usage-error b{color:#9e3e3e}.ai-usage-empty{padding:42px!important;text-align:center;color:#738892!important}.right{text-align:right}
@media(max-width:1050px){.ai-usage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-usage-toolbar{flex-wrap:wrap}.ai-usage-toolbar .button:last-child{margin-left:0}}
@media(max-width:650px){.ai-usage-toolbar{align-items:stretch}.ai-usage-toolbar label,.ai-usage-toolbar input,.ai-usage-toolbar select,.ai-usage-toolbar .button{width:100%}.ai-usage-stats{grid-template-columns:1fr}.ai-usage-stats article{min-height:105px}.ai-usage-note{align-items:flex-start;flex-direction:column}.ai-usage-source{white-space:normal}}