.account-usage{margin:0 0 28px;min-width:0}
.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}
.account-settings .usage-heading h3{margin:0 0 6px;font-size:21px;letter-spacing:-.3px}
.usage-heading button{flex:none;font-size:13px;min-height:42px}
.usage-period{margin:0;color:#7b8192;font-size:12px;line-height:1.6}
.usage-notice{max-width:82ch;margin:0 0 20px;color:#73798c;font-size:13px;line-height:1.65}
.usage-restaurant{overflow-wrap:anywhere}
.usage-restaurant-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.account-settings .usage-restaurant-heading h3{margin:0;font-size:18px;letter-spacing:-.2px}
.usage-plan-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:18px 0 0;padding:16px 18px;border:1px solid #e4dff2;border-radius:11px;background:#faf8ff}
.usage-plan-summary>div{min-width:0}
.usage-plan-summary dt{font-size:12px;color:#79718e;margin:0 0 6px}
.usage-plan-summary dd{margin:0;font-size:17px;font-weight:650;color:#4f3b79;line-height:1.5;overflow-wrap:anywhere}
.usage-plan-toolbar{display:flex;justify-content:flex-end;margin-top:12px}
.usage-plan-toolbar button{border-color:#c8bdeb;color:#6042b3;font-weight:600;min-height:42px}
.usage-plan-switch{margin-top:16px;padding:22px;border:1px solid #dcd3ee;border-radius:12px;background:#fdfbff}
.usage-plan-switch[hidden]{display:none}
.account-settings .usage-plan-switch h4{margin:0 0 10px;font-size:18px;color:#3e315a}
.usage-plan-switch h4:focus{outline:none}
.usage-plan-help{font-size:13px;line-height:1.7;color:#777088;margin:8px 0 16px;max-width:90ch}
.usage-plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.usage-plan-option{display:flex;flex-direction:column;min-width:0;padding:18px 15px;border:1px solid #e5ddf2;border-radius:11px;background:#fff}
.usage-plan-option h5{margin:0;font-size:16px;color:#4e3b71}
.usage-plan-price{margin:12px 0;color:#5e45a3;font-size:17px;font-weight:650}
.usage-plan-option dl{margin:8px 0 18px;font-size:12px;line-height:1.7;flex:1}
.usage-plan-option dl>div{padding:7px 0;border-bottom:1px solid #eee9f6}
.usage-plan-option dt{color:#858092}.usage-plan-option dd{margin:0;color:#4b435d;font-weight:600}
.usage-plan-option button{width:100%;min-height:42px;border-color:#bcb0e4;color:#6042b3;font-weight:600}
.usage-plan-current{font-size:12px;color:#5d45a1;margin:0 0 10px}
.usage-plan-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px}
.usage-plan-actions button{min-height:42px;font-size:13px}
.usage-plan-review-summary{display:flex;flex-wrap:wrap;gap:18px 35px;margin:18px 0;padding:17px;border-radius:10px;background:#f3effa}
.usage-plan-review-summary dt{font-size:12px;color:#7b718c;margin-bottom:7px}
.usage-plan-review-summary dd{font-size:15px;color:#4e3c6c;font-weight:650;margin:0}
.usage-plan-table-wrap{overflow-x:auto;border:1px solid #e6dff1;border-radius:10px}
.usage-plan-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;color:#625875}
.usage-plan-table th,.usage-plan-table td{padding:12px;text-align:left;border-bottom:1px solid #eae4f3;white-space:normal}
.usage-plan-table thead th{background:#f4f0fa;color:#766888;font-weight:600}
.usage-plan-table tbody th{font-weight:600;color:#514264}.usage-plan-table tbody tr:last-child>*{border-bottom:0}
.usage-plan-message,.usage-plan-success{border:1px solid #e9d7af;background:#fff8e9;color:#826532;border-radius:10px;padding:13px 15px;font-size:13px;line-height:1.65}
.usage-plan-success{border-color:#bfe4d1;background:#f0fbf6;color:#347158;margin-bottom:18px}
.usage-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 18px}
.usage-metric{min-width:0;padding:18px 16px;background:#f8f7fc;border:1px solid #e9e5f2;border-radius:12px}
.usage-metric-label{display:block;min-height:20px;font-size:13px;font-weight:600;color:#5f6177}
.usage-metric-amount{margin:12px 0 14px;line-height:1.4}
.usage-metric-amount b{font-size:27px;font-weight:700;letter-spacing:-.8px;color:#292640}
.usage-metric-amount span{font-size:12px;color:#878499}
.usage-progress{display:block;appearance:none;width:100%;height:7px;border:0;overflow:hidden;border-radius:8px;background:#e8e3f3;accent-color:#6550ff}
.usage-progress::-webkit-progress-bar{background:#e8e3f3;border-radius:8px}
.usage-progress::-webkit-progress-value{background:#6550ff;border-radius:8px}
.usage-progress::-moz-progress-bar{background:#6550ff;border-radius:8px}
.usage-metric-balance{display:block;margin-top:10px;color:#77648f;font-size:12px;line-height:1.5}
.usage-metric-help{margin:10px 0 0;color:#858092;font-size:11px;line-height:1.6}
.usage-coverage{margin:0 0 18px;max-width:85ch;color:#7b8192;font-size:13px;line-height:1.7}
.usage-alert{padding:12px 14px;border:1px solid #f0dfbc;background:#fff9ed;color:#8b6c35;border-radius:10px;margin-bottom:18px;font-size:13px;line-height:1.65}
.usage-alert ul{margin:0;padding-left:18px}
.account-settings .usage-recharge-button{min-height:44px;padding:11px 18px;font-size:13px}
.usage-recharge-panel{padding:16px 18px;margin:14px 0;background:#f6f3ff;border:1px solid #e4dcf9;border-radius:11px;color:#76688c;line-height:1.7;font-size:13px}
.usage-recharge-panel h4{margin:0 0 7px;color:#5f4c7b;font-size:14px}
.usage-recharge-panel p{margin:6px 0}
.usage-recharge-panel:focus-visible{outline:3px solid #b9a9ef;outline-offset:3px}
.usage-tracking{margin:14px 0 0;color:#9293a4;font-size:11px;line-height:1.6}
@media(max-width:1050px){.usage-metrics{gap:10px}.usage-metric{padding:15px 12px}.usage-metric-amount b{font-size:24px}}
@media(max-width:760px){.usage-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.usage-heading button{width:100%}.usage-metrics{grid-template-columns:1fr;gap:10px;margin-top:18px}.usage-metric{padding:16px}.usage-metric-label{min-height:0}.usage-metric-amount{margin:8px 0 12px}.usage-metric-help{max-width:55ch}.usage-restaurant-heading{align-items:flex-start}.account-settings .usage-recharge-button{width:100%}.usage-notice{font-size:12px}.usage-period{font-size:11px}}
@media(max-width:520px){.usage-plan-summary{display:grid;grid-template-columns:1fr;gap:14px;padding:15px}.usage-plan-summary dd{font-size:16px}}
@media(max-width:960px){.usage-plan-options{grid-template-columns:1fr}.usage-plan-option dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usage-plan-switch{padding:18px}.usage-plan-table{min-width:560px}}
@media(max-width:520px){.usage-plan-toolbar button{width:100%}.usage-plan-switch{padding:16px 12px}.usage-plan-option dl{grid-template-columns:1fr}.usage-plan-actions{flex-direction:column}.usage-plan-actions button{width:100%}.usage-plan-review-summary{display:grid;grid-template-columns:1fr;gap:15px}}