.usage-tracker [hidden]{display:none!important}.usage-top{gap:var(--tool-gap);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.usage-tracker .tool-actions{margin-top:24px}.usage-duration,.usage-range-dates{margin-top:20px;margin-bottom:20px}.usage-goal-form,.usage-storage{border-top:1px solid var(--color-line);margin-top:28px;padding-top:28px}.usage-check{cursor:pointer;align-items:center;gap:10px;min-height:40px;font-size:15px;display:flex}.usage-check input{width:18px;height:18px;accent-color:var(--color-brand)}.usage-storage-note{margin-top:20px}.usage-entry-notice{background:var(--color-brand-soft);border-radius:var(--radius-sm);margin:20px 0 0;padding:12px;font-size:14px}.usage-import-feedback{margin-top:20px}.usage-applied-range{color:var(--color-muted);margin:24px 0;font-size:14px}.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.usage-metrics div{border-bottom:1px solid var(--color-line);padding-bottom:16px}.usage-metrics dt{color:var(--color-copy);font-size:13px;line-height:1.5}.usage-metrics dd{color:var(--color-brand-dark);margin:8px 0 0;font-size:23px;line-height:1.3}.usage-goal-result{background:var(--color-brand-soft);border-radius:var(--radius-sm);margin-bottom:24px;padding:16px;font-size:14px}.usage-goal-result p{margin:0 0 8px}.usage-goal-result p:last-child{margin:0}.usage-chart{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.usage-chart li{grid-template-columns:88px minmax(0,1fr) 85px;align-items:center;gap:12px;font-size:13px;display:grid}.usage-chart li>span:last-child{text-align:right}.usage-bar-track{background:var(--color-surface);border-radius:3px;height:12px;overflow:hidden}.usage-bar{background:var(--color-brand);height:100%;width:var(--usage-width,0%);display:block}.usage-chart [data-missing=true] .usage-bar-track{background:repeating-linear-gradient(135deg,#edf2f2 0 4px,#dce6e7 4px 6px)}.usage-status{border-radius:var(--radius-sm);background:var(--color-brand-soft);margin:24px 0;padding:16px 20px;font-size:14px}.usage-records{margin-top:24px}.usage-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.usage-table th,.usage-table td{border-bottom:1px solid var(--color-line);vertical-align:middle;padding:14px 12px}.usage-table th{color:var(--color-ink);font-weight:500}.usage-table thead{background:var(--color-surface)}.usage-row-actions{flex-wrap:wrap;gap:8px;display:flex}.usage-row-button{background:var(--color-surface);min-height:36px;color:var(--color-brand-dark);font:inherit;cursor:pointer;border:0;border-radius:4px;padding:8px 12px}.usage-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;font-size:14px;display:flex}.usage-import{max-width:650px;margin-top:28px}.usage-import input{min-width:0;max-width:100%}.usage-clear{border-top:1px solid var(--color-line);margin-top:28px;padding-top:20px;font-size:14px}.usage-clear summary{cursor:pointer;color:var(--color-brand-dark)}.usage-clear p{margin:16px 0}.usage-inputs,.usage-overview{scroll-margin-top:100px}@media (width<=900px){.usage-top{grid-template-columns:1fr}}@media (width<=600px){.usage-chart li{grid-template-columns:78px minmax(0,1fr) 70px;gap:8px;font-size:12px}.usage-table thead{display:none}.usage-table,.usage-table tbody{display:block}.usage-table tr{border-bottom:1px solid var(--color-line);grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;display:grid}.usage-table th,.usage-table td{border:0;padding:0;display:block}.usage-table td:last-child{grid-column:1/-1}.usage-table [data-usage-row-goal]{color:var(--color-muted);font-size:12px}.usage-pagination{flex-wrap:wrap}.usage-metrics dd{font-size:21px}}@media print{.usage-top{display:block}.usage-inputs,.usage-overview form,.usage-status,.usage-exports,.usage-import,.usage-clear,.usage-pagination,.usage-row-actions{display:none}.usage-records{border:0;padding:0}.usage-table thead{display:table-header-group}.usage-table,.usage-table tbody{display:table-row-group}.usage-table{display:table}.usage-table tr{break-inside:avoid;display:table-row}.usage-table th,.usage-table td{border-bottom:1px solid #ccc;padding:10px;display:table-cell}.usage-table th:last-child,.usage-table td:last-child{display:none}.usage-top .tool-panel{border:0;padding:12px 0}.usage-chart li{break-inside:avoid}}