.usage-page[data-v-55ca7ac5]{margin:0 auto;max-width:1200px}.page-header[data-v-55ca7ac5]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.page-title[data-v-55ca7ac5]{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.page-subtitle[data-v-55ca7ac5]{color:#64748b;font-size:15px;margin:0}.header-actions[data-v-55ca7ac5]{align-items:center;display:flex;gap:12px}.date-range-selector[data-v-55ca7ac5]{background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;display:flex;overflow:hidden}.range-btn[data-v-55ca7ac5]{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:13px;padding:10px 16px;transition:all .15s ease}.range-btn[data-v-55ca7ac5]:hover{color:#94a3b8}.range-btn.active[data-v-55ca7ac5]{background:#8b5cf626;color:#a78bfa}.export-btn[data-v-55ca7ac5]{align-items:center;background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 16px;transition:all .15s ease}.export-btn[data-v-55ca7ac5]:hover:not(:disabled){background:#16161d;border-color:#8b5cf64d;color:#fff}.export-btn[data-v-55ca7ac5]:disabled{cursor:not-allowed;opacity:.5}.export-btn svg[data-v-55ca7ac5]{height:16px;width:16px}.error-state[data-v-55ca7ac5],.loading-state[data-v-55ca7ac5]{color:#64748b;padding:60px 20px;text-align:center}.spinner[data-v-55ca7ac5]{animation:spin-55ca7ac5 1s linear infinite;border:3px solid rgba(139,92,246,.2);border-radius:50%;border-top-color:#8b5cf6;height:32px;margin:0 auto 16px;width:32px}@keyframes spin-55ca7ac5{to{transform:rotate(1turn)}}.retry-btn[data-v-55ca7ac5]{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px}.stats-grid[data-v-55ca7ac5]{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card[data-v-55ca7ac5]{align-items:center;background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;display:flex;gap:16px;padding:20px}.stat-icon[data-v-55ca7ac5]{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.stat-icon svg[data-v-55ca7ac5]{height:24px;width:24px}.stat-icon.requests[data-v-55ca7ac5]{background:#3b82f61a;color:#3b82f6}.stat-icon.credits[data-v-55ca7ac5]{background:#8b5cf61a;color:#8b5cf6}.stat-icon.success[data-v-55ca7ac5]{background:#22c55e1a;color:#22c55e}.stat-icon.time[data-v-55ca7ac5]{background:#fb923c1a;color:#fb923c}.stat-content[data-v-55ca7ac5]{display:flex;flex-direction:column}.stat-value[data-v-55ca7ac5]{color:#fff;font-size:24px;font-weight:700}.stat-label[data-v-55ca7ac5]{color:#64748b;font-size:13px}.chart-card[data-v-55ca7ac5]{background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;margin-bottom:24px;padding:20px}.card-header-row[data-v-55ca7ac5]{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-title[data-v-55ca7ac5]{color:#fff;font-size:16px;font-weight:600;margin:0}.chart-legend[data-v-55ca7ac5]{display:flex;gap:16px}.legend-item[data-v-55ca7ac5]{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.legend-dot[data-v-55ca7ac5]{border-radius:50%;height:8px;width:8px}.legend-item.requests .legend-dot[data-v-55ca7ac5]{background:#3b82f6}.legend-item.credits .legend-dot[data-v-55ca7ac5]{background:#8b5cf6}.daily-chart[data-v-55ca7ac5]{height:200px;overflow-x:auto}.chart-bars[data-v-55ca7ac5]{align-items:flex-end;display:flex;gap:8px;height:100%;min-width:-moz-fit-content;min-width:fit-content;padding-bottom:24px}.chart-bar-group[data-v-55ca7ac5]{align-items:center;display:flex;flex:1;flex-direction:column;max-width:60px;min-width:32px}.bar-container[data-v-55ca7ac5]{align-items:flex-end;display:flex;flex:1;gap:2px;height:100%;width:100%}.bar[data-v-55ca7ac5]{border-radius:3px 3px 0 0;flex:1;min-height:2px;transition:height .3s ease}.bar.requests[data-v-55ca7ac5]{background:#3b82f6}.bar.credits[data-v-55ca7ac5]{background:#8b5cf6}.bar-label[data-v-55ca7ac5]{color:#64748b;font-size:10px;margin-top:8px;white-space:nowrap}.empty-chart[data-v-55ca7ac5]{align-items:center;color:#64748b;display:flex;font-size:14px;height:200px;justify-content:center}.breakdown-grid[data-v-55ca7ac5]{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.breakdown-card[data-v-55ca7ac5]{background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:20px}.breakdown-list[data-v-55ca7ac5]{display:flex;flex-direction:column;gap:16px}.breakdown-item[data-v-55ca7ac5]{display:flex;flex-direction:column;gap:8px}.breakdown-info[data-v-55ca7ac5]{align-items:center;display:flex;justify-content:space-between}.breakdown-name[data-v-55ca7ac5]{color:#fff;font-size:14px;font-weight:500}.breakdown-stats[data-v-55ca7ac5]{color:#64748b;font-size:12px}.breakdown-percentage[data-v-55ca7ac5]{color:#94a3b8;margin-left:8px}.breakdown-bar-container[data-v-55ca7ac5]{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.breakdown-bar[data-v-55ca7ac5]{border-radius:3px;height:100%;transition:width .3s ease}.breakdown-bar.endpoint[data-v-55ca7ac5]{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.breakdown-bar.model[data-v-55ca7ac5]{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.empty-breakdown[data-v-55ca7ac5]{color:#64748b;font-size:14px;padding:24px;text-align:center}.table-card[data-v-55ca7ac5]{background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:20px}.table-info[data-v-55ca7ac5]{color:#64748b;font-size:13px}.table-container[data-v-55ca7ac5]{overflow-x:auto}.usage-table[data-v-55ca7ac5]{border-collapse:collapse;width:100%}.usage-table td[data-v-55ca7ac5],.usage-table th[data-v-55ca7ac5]{border-bottom:1px solid hsla(0,0%,100%,.04);padding:12px 16px;text-align:left}.usage-table th[data-v-55ca7ac5]{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.usage-table td[data-v-55ca7ac5]{color:#e2e8f0;font-size:14px}.usage-table .right[data-v-55ca7ac5]{text-align:right}.usage-table tbody tr[data-v-55ca7ac5]:hover{background:#ffffff05}.error-count[data-v-55ca7ac5]{color:#ef4444}.empty-table[data-v-55ca7ac5]{color:#64748b;font-size:14px;padding:40px;text-align:center}@media(max-width:1024px){.stats-grid[data-v-55ca7ac5]{grid-template-columns:repeat(2,1fr)}.breakdown-grid[data-v-55ca7ac5]{grid-template-columns:1fr}}@media(max-width:768px){.page-header[data-v-55ca7ac5]{align-items:stretch;flex-direction:column}.header-actions[data-v-55ca7ac5]{flex-direction:column;width:100%}.date-range-selector[data-v-55ca7ac5],.export-btn[data-v-55ca7ac5]{justify-content:center;width:100%}}@media(max-width:640px){.stats-grid[data-v-55ca7ac5]{grid-template-columns:1fr}.chart-bars[data-v-55ca7ac5]{gap:4px}.chart-bar-group[data-v-55ca7ac5]{min-width:24px}.bar-label[data-v-55ca7ac5]{display:none}}