*{box-sizing:border-box}
body{margin:0;background:#f6f8fa;color:#192a39;font:15px/1.5 system-ui,sans-serif}
.usage-shell{max-width:1320px;margin:auto;padding:24px clamp(14px,3vw,38px)}
.usage-heading{color:#fff;background:linear-gradient(120deg,#06375f,#075a89 75%,#176e65)}
.usage-heading a{color:#fff}
.usage-kicker{margin:0;font-size:.9rem;font-weight:650}
.usage-heading h1{margin:3px 0 8px;font-size:clamp(1.6rem,4vw,2.3rem)}
h2{margin:24px 0 8px;font-size:1.16rem}
.usage-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:#fff;border:1px solid #d4dfe6;border-radius:8px;padding:14px}
.usage-filters label{display:grid;gap:3px;font-weight:600}
.usage-filters input,.usage-filters select,.usage-filters button,.usage-action{min-height:40px;border:1px solid #7991a4;border-radius:5px;padding:7px 11px;background:#fff;color:#172a3c;font:inherit}
.usage-filters button{background:#075a89;color:#fff;cursor:pointer}
.usage-action{display:inline-flex;align-items:center;text-decoration:none}
.usage-note{color:#435b6b;margin:12px 0}
.usage-empty{background:#edf5fb;border:1px solid #b4d1e5;border-radius:8px;padding:14px}
.usage-table{overflow:auto;border:1px solid #d4dfe6;border-radius:7px;background:#fff}
.usage-table table{border-collapse:collapse;min-width:100%;font-size:.92rem;text-align:left}
.usage-table th,.usage-table td{padding:9px 12px;border-bottom:1px solid #e1e8ed;vertical-align:top;white-space:nowrap}
.usage-table thead th{background:#e7eff5;color:#163651}
.usage-table tbody tr:last-child td,.usage-table tbody tr:last-child th{border-bottom:0}
.usage-recent-visitor{display:block;width:max-content;max-width:22ch;overflow:hidden;text-overflow:ellipsis}
.usage-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.usage-two>section{min-width:0}
.usage-detail-nav{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.usage-visit-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin:16px 0}
.usage-visit-summary div{padding:10px 12px;background:#fff;border:1px solid #d4dfe6;border-radius:7px}
.usage-visit-summary dt{font-weight:700;color:#163651}
.usage-visit-summary dd{margin:3px 0 0;overflow-wrap:anywhere}
.usage-pager{justify-content:flex-start;margin-top:12px}
:focus-visible{outline:3px solid #0073b1;outline-offset:2px}
@media(max-width:720px){.usage-two{grid-template-columns:1fr}.usage-filters>*{flex:1 1 130px}}