.api-usage .usage-filters{padding:20px}.usage-filters form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.usage-filters label{display:flex;flex-direction:column;gap:5px;color:#475569;font-size:12px;min-width:0}.usage-filters input,.usage-filters select{width:100%;min-width:0}.usage-filters form>.toolbar{grid-column:1/-1}.usage-export{font-weight:600;text-decoration:none;padding:8px 12px;border:1px solid #dbe3f0;border-radius:7px}.usage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.usage-kpis article{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:9px;min-width:0}.usage-kpis span{color:#64748b;font-size:12px}.usage-kpis strong{font-size:21px;letter-spacing:-.5px;overflow-wrap:anywhere}.usage-kpis small{font-size:11px;color:#64748b}.usage-note{font-size:12px;color:#64748b;margin:16px 0}.usage-trend{display:flex;gap:12px;overflow-x:auto;align-items:flex-end;padding-top:15px;min-height:165px}.usage-day{min-width:38px;flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;font-size:11px;color:#64748b}.usage-day i{display:block;width:65%;max-width:45px;background:linear-gradient(#60a5fa,#2563eb);border-radius:4px 4px 0 0;margin:5px 0;min-height:2px}.usage-ranks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.usage-ranks .panel{padding:20px;min-width:0;max-height:430px;overflow:auto}.usage-rank{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;text-align:left;border:0;border-bottom:1px solid #f1f5f9;border-radius:0;padding:12px 0;gap:2px 12px}.usage-rank span{overflow-wrap:anywhere;font-weight:500}.usage-rank small{grid-column:1;font-size:11px;color:#64748b}.usage-rank strong{grid-column:2;grid-row:1/3;align-self:center;font-size:12px}.usage-errors{display:flex;gap:8px;flex-wrap:wrap}.usage-errors button{font-size:12px}.api-usage td{max-width:250px;vertical-align:top}.api-usage td small{display:block;color:#64748b;margin-top:4px;overflow-wrap:anywhere}.api-usage td .record-link{word-break:break-all;font-size:11px;text-align:left}.usage-state{border-radius:5px;padding:4px 7px;font-size:11px;background:#eef2ff;color:#3730a3;white-space:nowrap}.usage-state.settled{background:#ecfdf5;color:#047857}.usage-state.failed{background:#fef2f2;color:#b91c1c}.usage-state.blocked{background:#fff7ed;color:#9a3412}.usage-pager{margin-top:20px}.usage-dialog{max-width:min(760px,94vw);width:760px;border:1px solid #e2e8f0;border-radius:14px;padding:25px;max-height:88vh;overflow:auto;box-shadow:0 24px 80px #0f172a30}.usage-dialog::backdrop{background:#0f172a55}.usage-dialog dl>div{display:grid;grid-template-columns:160px minmax(0,1fr);padding:10px 0;border-bottom:1px solid #eef2f6;gap:15px}.usage-dialog dt{color:#64748b;font-size:12px}.usage-dialog dd{margin:0;overflow-wrap:anywhere;font-size:13px}@media(max-width:1100px){.usage-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-filters form{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-ranks{grid-template-columns:1fr}.usage-ranks .panel{max-height:280px}}@media(max-width:480px){.usage-filters form{grid-template-columns:1fr}.usage-kpis{gap:8px}.usage-kpis article{padding:12px}.usage-kpis strong{font-size:17px}.usage-dialog dl>div{grid-template-columns:1fr;gap:4px}.api-usage .panel{padding:15px}}

#usage-filter-details{margin:0;padding:0;border:0}#usage-filter-details>summary{display:none}@media(max-width:600px){#usage-filter-details{margin-top:12px}#usage-filter-details>summary{display:list-item;color:#2563eb;font-size:13px;padding:9px 0;cursor:pointer}}