#page[data-page="tool-usage"]{padding-top:14px}.usage-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:14px;align-items:start}.usage-search-card,.usage-report{margin-top:0}.usage-search-card{position:sticky;top:72px}.usage-search-card>h2{margin-bottom:5px}.usage-search-card>p{margin:0 0 17px;color:#6b7f87;font-size:11px;line-height:1.5}.usage-type{display:flex;gap:20px;margin:0 0 16px;padding:0;border:0}.usage-type legend{margin-bottom:8px;color:#344c55;font-size:11px;font-weight:850}.usage-type label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800}.usage-type input{width:16px;height:16px}.usage-search-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:13px}.usage-note{margin-top:16px;padding:10px;border-left:3px solid #168faf;background:#eaf7fb;color:#55717b;font-size:10px;line-height:1.45}.usage-report{padding:0;overflow:hidden}.usage-report-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid #d9e3e6}.usage-report-head small{color:#168faf;font-size:9px;font-weight:900}.usage-report-head h2{margin:4px 0;font-size:20px}.usage-report-head p{margin:0;color:#667b83;font-size:10px}.usage-report-head p strong{color:#425cc7;text-transform:uppercase}.usage-server{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 18px;background:#f4f8f9}.usage-server>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#168faf;color:#fff}.usage-server small{color:#687d85}.usage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 18px}.usage-kpis article{padding:11px;border:1px solid #d8e3e6;border-top:3px solid #18a8bd;border-radius:4px;background:#fff}.usage-kpis small{display:block;margin-bottom:6px;color:#71858d;font-size:8px;font-weight:900}.usage-kpis strong{color:#29434c;font-size:15px}.usage-details{display:grid;grid-template-columns:1fr 1fr;margin:0 18px 18px;border-top:1px solid #d8e1e4;border-left:1px solid #d8e1e4}.usage-details>div{display:grid;grid-template-columns:135px 1fr;min-height:48px;border-right:1px solid #d8e1e4;border-bottom:1px solid #d8e1e4}.usage-details dt,.usage-details dd{margin:0;padding:10px}.usage-details dt{background:#f1f4f5;color:#50656e;font-size:10px;font-weight:800}.usage-details dd{color:#314850;font-size:10px}.usage-details dd small{display:block;margin-top:4px;color:#71858d}.usage-details dd b{color:#168faf}.usage-details .usage-expiry{color:#e5533f;font-weight:850}.usage-empty{display:grid;place-items:center;min-height:420px;padding:30px;text-align:center}.usage-empty span{font-size:42px;color:#9bb1b8}.usage-empty b{margin-top:10px;font-size:18px}.usage-empty p{max-width:430px;color:#73858c}@media(max-width:1000px){.usage-layout{grid-template-columns:1fr}.usage-search-card{position:static}.usage-kpis{grid-template-columns:1fr 1fr}.usage-details{grid-template-columns:1fr}}@media(max-width:620px){.usage-kpis{grid-template-columns:1fr}.usage-report-head{align-items:flex-start;flex-direction:column}.usage-server{grid-template-columns:34px 1fr}.usage-server small{grid-column:2}.usage-details>div{grid-template-columns:110px 1fr}}