.usage-shell{max-width:1420px;margin:0 auto;padding:24px;display:grid;gap:20px}.usage-top,.usage-top nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.usage-top .brand-logo{max-width:210px}.usage-intro,.usage-filters,.usage-row{padding:24px}.usage-intro h1{font-size:clamp(1.7rem,3vw,2.5rem);margin:8px 0 12px}.usage-intro p{max-width:1100px;line-height:1.65}.usage-help{margin-top:14px}.usage-help summary,.usage-detail summary{cursor:pointer;font-weight:700;color:var(--primary,#007eba)}.usage-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.usage-filters label{display:grid;gap:8px;font-size:.85rem;font-weight:700}.usage-search{flex:1;min-width:240px}.usage-filters input,.usage-filters select{min-height:46px;width:100%;border:1px solid #bed4e8;border-radius:12px;padding:10px 12px;font:inherit;color:inherit;background:var(--surface,#fff)}.usage-status{margin:0;line-height:1.5}.usage-status[data-error=true]{color:#b0233b;background:#fff1f3;padding:16px;border-radius:12px}.usage-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.usage-stat{border:1px solid #c9dff0;border-radius:16px;padding:18px;background:var(--surface,#fff);display:grid;gap:8px}.usage-stat strong{font-size:1.8rem}.usage-muted{font-size:.9rem;line-height:1.6;opacity:.85}.usage-rows{display:grid;gap:18px}.usage-row-head{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap}.usage-row h2{font-size:1.15rem;margin:0 0 8px;overflow-wrap:anywhere}.usage-row p{margin:8px 0;line-height:1.6}.usage-badges{display:flex;gap:8px;flex-wrap:wrap}.usage-badge{font-size:.8rem;border:1px solid #bcd6e9;border-radius:20px;padding:5px 10px;background:#f1f8ff;color:#294b66}.usage-badge.warn{background:#fff4de;border-color:#e5be77;color:#825800}.usage-badge.danger{background:#fff0f2;border-color:#e7a0ac;color:#aa203b}.usage-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.usage-metric{padding:14px;background:var(--surface-soft,#f4f9ff);border:1px solid #d3e4f1;border-radius:12px;display:grid;gap:6px}.usage-metric span{font-size:.82rem}.usage-metric strong{font-size:1.35rem}.usage-metric small{font-size:.78rem;line-height:1.45;opacity:.8}.usage-links{display:grid;gap:10px;margin:10px 0}.usage-workspace{border-left:3px solid #0a8dc5;padding:8px 14px;overflow-wrap:anywhere}.usage-workspace .button{margin-top:8px}.usage-workspace small{display:block;line-height:1.6}.usage-detail{border-top:1px solid #cddfee;padding-top:16px;margin-top:16px}.usage-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.usage-table-scroll{overflow-x:auto}.usage-table{width:100%;border-collapse:collapse;font-size:.85rem}.usage-table th,.usage-table td{text-align:left;padding:9px;border-bottom:1px solid #d5e4ef;overflow-wrap:anywhere}.usage-empty{padding:24px;text-align:center}.usage-note{border-left:3px solid #e1aa41;padding-left:12px;font-size:.88rem}.usage-shell [hidden]{display:none!important}[data-theme=dark] .usage-filters input,[data-theme=dark] .usage-filters select,[data-theme=dark] .usage-stat{background:#172b40;color:#eaf5ff}[data-theme=dark] .usage-metric{background:#172b40;border-color:#344c63}[data-theme=dark] .usage-muted{color:#bad1e3}[data-theme=dark] .usage-status[data-error=true]{background:#432631;color:#ffc7cf}@media(max-width:900px){.usage-summary,.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-detail-grid{grid-template-columns:1fr}}@media(max-width:520px){.usage-shell{padding:12px;gap:14px}.usage-intro,.usage-filters,.usage-row{padding:16px}.usage-filters label,.usage-filters button{width:100%}.usage-search{min-width:0}.usage-stat{padding:12px}.usage-stat strong{font-size:1.4rem}}