.usage-page main{max-width:1160px;padding-top:52px}.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.usage-heading h1{margin:8px 0 12px}.usage-intro{color:var(--muted,#6b7065);margin:0;font-size:17px}.usage-topup{white-space:nowrap;font-weight:600;color:var(--accent,#587000)}.usage-page .account-tabs{margin-bottom:28px;flex-wrap:wrap}.usage-filters{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1fr auto;gap:12px;align-items:end;padding:20px;background:#fff;border:1px solid #e5e7de;border-radius:16px}.usage-filters label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#666d60}.usage-filters select,.usage-filters input{width:100%;min-width:0;height:42px;border:1px solid #dfe3d7;border-radius:8px;background:#fff;color:#242a1c;padding:0 10px;font:inherit;font-size:14px}.usage-filters button{height:42px;white-space:nowrap;margin:0}.usage-summary{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin:24px 0}.usage-summary>div{padding:24px;border:1px solid #e1e5d7;border-radius:16px;background:#fff}.usage-summary>div:first-child{background:#f0f3e8;border-color:#e0e5d1}.usage-summary span,.usage-summary small{display:block;color:#69725c;font-size:13px}.usage-summary strong{display:block;margin:12px 0;font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#283519}.usage-summary small{font-size:12px;line-height:1.5}.usage-paper{border:1px solid #e1e5dc;border-radius:18px;background:white;overflow:hidden}.usage-table-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.usage-table-heading h2{font-size:19px;margin:0}.usage-table-heading span{font-size:12px;color:#727969}.usage-table-wrap{overflow-x:auto}.usage-page table{width:100%;border-collapse:collapse;font-size:13px}.usage-page th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;color:#747b6b;background:#f8f9f4;padding:13px 20px;border-top:1px solid #eceee6;border-bottom:1px solid #eceee6;white-space:nowrap}.usage-page td{padding:20px;border-bottom:1px solid #eceee6;vertical-align:middle;font-variant-numeric:tabular-nums;white-space:nowrap}.usage-page td:last-child,.usage-page th:last-child{text-align:right}.usage-page td strong{font-weight:600;color:#28331d}.usage-page td small{display:block;font-size:11px;color:#818775;margin-top:5px}.usage-state{display:inline-block;font-size:11px;color:#758060}.usage-state.active{color:#5b7300;background:#f0f4df;border-radius:12px;padding:3px 8px}.usage-empty{text-align:center;padding:46px 24px 56px;color:#747e65}.usage-empty>span{font-size:36px}.usage-empty h3{color:#3d482e;font-size:18px;margin:10px}.usage-empty p{font-size:14px;max-width:470px;margin:auto;line-height:1.7}.usage-more{text-align:center;padding:12px}.usage-more:has(button[hidden]){display:none}.usage-more button{background:transparent;border:1px solid #dfe4d4;color:#53672a;min-width:140px}.usage-footnote{font-size:12px;color:#7c8273;line-height:1.8;margin:18px 0 0}.usage-page [hidden]{display:none!important}.usage-page :focus-visible{outline:2px solid #6d811d;outline-offset:3px}
@media(max-width:950px){.usage-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-summary>div{padding:18px}.usage-summary strong{font-size:28px}}
@media(max-width:600px){.usage-page main{padding-top:28px}.usage-heading{align-items:flex-start;gap:12px}.usage-topup{font-size:13px;padding-top:10px}.usage-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.usage-summary{grid-template-columns:1fr 1fr;gap:10px}.usage-summary>div:first-child{grid-column:1/-1}.usage-summary strong{font-size:28px}.usage-summary>div:first-child strong{font-size:36px}.usage-table-heading{padding:20px 16px}.usage-page thead{display:none}.usage-page table,.usage-page tbody{display:block}.usage-page tr{display:grid;grid-template-columns:1fr 1fr;padding:14px 16px;border-top:1px solid #e9eddf;gap:14px 20px}.usage-page td{display:block;padding:0;border:0;font-size:13px;white-space:normal}.usage-page td:before{content:attr(data-label);display:block;color:#828977;font-size:11px;margin-bottom:6px}.usage-page td:last-child{text-align:left}.usage-page td small{margin-top:3px}.usage-table-heading span{max-width:130px;text-align:right}}

.usage-heading h1{font-size:clamp(34px,4vw,52px);line-height:1.15}.usage-page td .usage-state{display:inline-block}

.usage-page td .usage-state{margin-left:6px}