.portal-usage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.portal-usage-summary article,.portal-usage-grid section{border:1px solid #dbe6f3;border-radius:15px;background:#fff;padding:20px;box-shadow:0 7px 20px #1b42630a}.portal-usage-summary strong{display:block;font-size:27px;color:#12345c}.portal-usage-summary span{color:#6b7f9a;font-size:12px}.portal-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.portal-usage-grid h2{font-size:17px;margin:0 0 10px}.portal-usage-grid article{border-top:1px solid #edf1f7;padding:12px 0}.portal-usage-grid article strong,.portal-usage-grid article small{display:block}.portal-usage-grid article strong{font-size:12px}.portal-usage-grid article small,.portal-usage-grid p,.portal-usage-note{font-size:11px;color:#6c7f98}.portal-usage-note{margin-top:14px}@media(max-width:800px){.portal-usage-grid{grid-template-columns:1fr}}
.usage-picker{display:grid;gap:8px;max-width:650px;padding:18px 22px;background:linear-gradient(120deg,#17395c,#275979);color:#fff;border-radius:15px;font-size:12px;font-weight:700;box-shadow:0 10px 28px #15385418}
.usage-picker select{width:100%;min-width:0;border:1px solid #b8cee0;border-radius:9px;background:#fff;padding:12px;color:#193753;font:inherit}
.usage-process-list article{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}
.usage-process-list article>small{width:100%}
.usage-time{padding:7px 12px;border-radius:20px;background:#e4f6ed;color:#17683f;font-size:13px;font-weight:800}
.usage-time.slow{background:#fff1d6;color:#925500}
@media(max-width:600px){.portal-usage-summary{grid-template-columns:1fr}.usage-picker{padding:16px}}