[data-access-banner][hidden]{display:none!important}.access-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:20px 24px;border:1px solid #cce3de;border-left:4px solid #168775;border-radius:12px;background:#eaf6f1}.access-banner p{margin:5px 0 0;font-size:13px;color:#365653}.access-banner strong{font-size:17px}.access-banner.urgent{background:#fff6e4;border-color:#e6cc95}.access-banner.expired{background:#fff0ed;border-color:#d7978a}.usage-filter{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.usage-filter>div{flex:1;min-width:160px}.usage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.usage-chart{display:block;width:100%;max-height:260px}.chart-bar{fill:#128777}.chart-axis{stroke:#c9d9de;stroke-width:1}.chart-track{fill:#e9f1ef}.usage-chart text{fill:#536b79;font:12px system-ui}.usage-meter{display:block;width:100%;height:12px;margin:8px 0 20px;border-radius:6px}.usage-bar-label{display:flex;justify-content:space-between;gap:20px;color:#355263}.usage-chart+details summary{cursor:pointer;color:#087b72}@media(max-width:1000px){.usage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.access-banner{align-items:start;flex-direction:column}.usage-stats{grid-template-columns:1fr}.usage-filter{display:block}.usage-filter>div{margin-bottom:15px}}