#usagePanel .admin-card{width:min(1180px,100%);max-height:88vh}
#usagePanel .usage-scroll{overflow-x:auto}
#usagePanel .usage-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:12px;white-space:nowrap}
#usagePanel .usage-table th,#usagePanel .usage-table td{padding:10px 8px;border-bottom:1px solid #e7e7e1;text-align:right}
#usagePanel .usage-table th:first-child,#usagePanel .usage-table td:first-child{text-align:left}
#usagePanel .usage-cost{font-weight:600;font-variant-numeric:tabular-nums;color:#215543}
#usagePanel .billing-account{margin:12px 0;padding:14px 16px;border:1px solid #e7e7e1;border-radius:10px}
#usagePanel h3{margin:22px 0 10px;font-size:15px}
#usagePanel h4{margin:0 0 8px;font-size:14px}
#usagePanel p{line-height:1.6;overflow-wrap:anywhere}
#refreshOfficialBilling{padding:7px 12px;border:1px solid #deded5;border-radius:7px;background:#fff;cursor:pointer}
#refreshOfficialBilling:disabled{opacity:.6;cursor:wait}
.admin-actions{flex-shrink:0;margin:18px 0 12px;padding:14px 2px 0;border-top:1px solid #e1e5df}
.admin-actions-label{display:flex;align-items:center;justify-content:space-between;padding:0 7px 9px;color:#7a8780;font-size:10px;font-weight:600;letter-spacing:.6px}
.admin-role-tag{padding:2px 6px;background:#e8eee7;border-radius:4px;font-size:9px;letter-spacing:0;color:#71816f}
.admin-action{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:11px 10px;margin:0 0 7px;border:1px solid #e0e7df;border-radius:11px;text-align:left;background:linear-gradient(135deg,#fff 0%,#f6f8f3 100%);color:#2b4436;box-shadow:0 1px 2px #173c2510;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.admin-action-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e9f1e7;color:#47744d}
.admin-action-icon svg{width:20px;height:20px}
.admin-action--billing .admin-action-icon{background:#e9edf7;color:#5a6e99}
.admin-action-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.admin-action-copy strong{font-size:12px;font-weight:650;line-height:1.35;color:#2d4436}
.admin-action-copy small{font-size:10px;line-height:1.4;color:#819082;white-space:normal}
.admin-action-arrow{display:flex;align-items:center;color:#9aa79c;transition:transform .18s,color .18s}
.admin-action-arrow svg{width:14px;height:14px}
.admin-action:hover{border-color:#b6cbb3;background:#fff;box-shadow:0 3px 10px #274d2510;transform:translateY(-1px)}
.admin-action:hover .admin-action-arrow{transform:translateX(2px);color:#51774d}
.admin-action:active{transform:translateY(0);box-shadow:none}
.admin-action:focus-visible{outline:2px solid #5d8656;outline-offset:3px}
.admin-action[aria-expanded="true"]{border-color:#a6c29f;background:#f0f6eb}
.billing-account-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
#usagePanel .billing-account-heading h4{margin:0}
.billing-status{font-size:11px;font-weight:500;border-radius:20px;padding:4px 9px;background:#eff4ed;color:#52704f}
.balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.balance-metric{border:1px solid #e5ebe1;background:#f8faf5;border-radius:9px;padding:13px 14px;display:flex;flex-direction:column;gap:7px}
.balance-metric small{color:#7a8978;font-size:12px}
.balance-metric strong{color:#2c4b32;font-size:19px;letter-spacing:-.3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.billing-availability{font-size:12px;color:#526d4f}
@media(max-width:560px){.balance-grid{grid-template-columns:1fr}.billing-account-heading{align-items:flex-start;flex-wrap:wrap}.balance-metric{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.admin-action,.admin-action-arrow{transition:none}.admin-action:hover{transform:none}}