.header-actions{display:flex;gap:10px;align-items:center}.link-button{display:inline-block;border-radius:5px;background:#e8f3f1;color:#1f6d67;padding:10px 16px;font-weight:700;text-decoration:none}.link-button:hover{background:#d7ebe7}.usage-toolbar form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.usage-toolbar label{flex:1}.usage-toolbar input{width:100%}.notice.error{background:#fff0f0;color:#b13b3b}.usage-card{background:#fff;border:1px solid #dfe4e8;border-radius:8px;padding:20px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;border-top:1px solid #e4e8eb;border-bottom:1px solid #e4e8eb}.metric{padding:18px 20px;border-right:1px solid #e4e8eb}.metric:last-child{border:0}.metric span{display:block;color:#6c7680;font-size:13px}.metric strong{display:block;font-size:25px;margin-top:4px}.meter-wrap{padding:4px 0 20px}.meter-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#69737d;font-size:13px}.meter-label strong{color:#20242a}.meter{height:10px;border-radius:99px;background:#e7ecee;overflow:hidden}.meter-fill{height:100%;width:0;border-radius:inherit;background:#327b73;transition:width .3s ease}.usage-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.usage-footer .link-button[hidden]{display:none}@media(max-width:700px){main{padding:24px 14px 48px}header{display:block}.header-actions{margin-top:16px}.header-actions>*{text-align:center}.usage-toolbar form{align-items:stretch;flex-direction:column}.usage-toolbar button{width:100%}.metric-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid #e4e8eb}.metric:last-child{border-bottom:0}.usage-footer{align-items:stretch;flex-direction:column}.usage-footer .link-button{text-align:center}}