header{height:auto;min-height:86px;flex-wrap:wrap;padding-block:12px}header a{color:#343469}header img{max-width:100%;height:auto}h1{font-size:clamp(34px,5vw,58px)}.intro{max-width:750px}.usage-settings,.usage-card{background:white;border:1px solid #78768e;border-radius:16px;padding:24px;margin:24px 0}.usage-settings{max-width:100%}.usage-settings .row{max-width:600px}.usage-settings select{display:block;font:inherit;max-width:100%;min-height:48px;margin-top:8px;border:1px solid #78768e;border-radius:8px;padding:10px;background:white;color:#292D38}.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap}.usage-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric{background:#343469;color:white;border-radius:14px;padding:24px}.metric strong{display:block;font-size:38px}.metric p{margin:0}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.usage-card{margin:0}.usage-card table{width:100%;border-collapse:collapse}.usage-card th,.usage-card td{text-align:left;padding:12px 4px;border-bottom:1px solid #d6d3e5}.usage-card td:last-child,.usage-card th:last-child{text-align:right}.usage-card caption{text-align:left;color:#525166;margin-bottom:12px}.usage-card h2{font-size:20px}.usage-settings input{accent-color:#343469}select:focus-visible{outline:3px solid #343469;outline-offset:3px}@media(max-width:700px){.usage-grid,.usage-metrics{grid-template-columns:1fr}header{gap:12px}header>.badge{margin-left:0}.usage-settings,.usage-card{padding:18px}}