.usage-widget[data-v-48bb411a]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.error-state[data-v-48bb411a],.loading-state[data-v-48bb411a]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.spinner[data-v-48bb411a]{animation:spin-48bb411a 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin-48bb411a{to{transform:rotate(1turn)}}.error-icon[data-v-48bb411a]{color:#ef4444;height:48px;margin-bottom:12px;width:48px}.retry-btn[data-v-48bb411a]{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:8px 16px}.retry-btn[data-v-48bb411a]:hover{background:#2563eb}.usage-header[data-v-48bb411a]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.header-info[data-v-48bb411a]{display:flex;flex-direction:column;gap:4px}.package-name[data-v-48bb411a]{color:#111827;font-size:20px;font-weight:600;margin:0}.package-code[data-v-48bb411a]{color:#6b7280;font-size:12px;font-weight:500;text-transform:uppercase}.sync-btn[data-v-48bb411a]{background:transparent;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:8px;transition:all .2s}.sync-btn[data-v-48bb411a]:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.sync-btn[data-v-48bb411a]:disabled{cursor:not-allowed;opacity:.5}.sync-icon[data-v-48bb411a]{color:#6b7280;height:20px;width:20px}.sync-icon.spinning[data-v-48bb411a]{animation:spin-48bb411a 1s linear infinite}.usage-stats[data-v-48bb411a]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.stat-row[data-v-48bb411a]{align-items:center;display:flex;justify-content:space-between}.stat-label[data-v-48bb411a]{color:#6b7280;font-size:14px;font-weight:500}.stat-value[data-v-48bb411a]{color:#111827;font-size:16px;font-weight:600}.text-red[data-v-48bb411a]{color:#ef4444}.text-orange[data-v-48bb411a]{color:#f59e0b}.text-green[data-v-48bb411a]{color:#10b981}.progress-container[data-v-48bb411a]{align-items:center;display:flex;gap:12px;margin-bottom:20px}.progress-bar[data-v-48bb411a]{background:#f3f4f6;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill[data-v-48bb411a]{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.progress-green[data-v-48bb411a]{background:#10b981}.progress-yellow[data-v-48bb411a]{background:#f59e0b}.progress-orange[data-v-48bb411a]{background:#f97316}.progress-red[data-v-48bb411a]{background:#ef4444}.progress-text[data-v-48bb411a]{color:#6b7280;font-size:14px;font-weight:600;min-width:45px;text-align:right}.warning-box[data-v-48bb411a]{border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:16px}.warning-box.near-limit[data-v-48bb411a]{background:#fef3c7;border:1px solid #fbbf24}.warning-box.limit-reached[data-v-48bb411a]{background:#fee2e2;border:1px solid #f87171}.warning-icon[data-v-48bb411a]{flex-shrink:0;height:24px;width:24px}.near-limit .warning-icon[data-v-48bb411a]{color:#f59e0b}.limit-reached .warning-icon[data-v-48bb411a]{color:#ef4444}.warning-content[data-v-48bb411a]{flex:1}.warning-content strong[data-v-48bb411a]{display:block;font-size:14px;margin-bottom:4px}.near-limit .warning-content strong[data-v-48bb411a]{color:#92400e}.limit-reached .warning-content strong[data-v-48bb411a]{color:#991b1b}.warning-content p[data-v-48bb411a]{font-size:13px;margin:0}.near-limit .warning-content p[data-v-48bb411a]{color:#78350f}.limit-reached .warning-content p[data-v-48bb411a]{color:#7f1d1d}.upgrade-btn[data-v-48bb411a]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.upgrade-btn[data-v-48bb411a]:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.upgrade-btn[data-v-48bb411a]:active{transform:translateY(0)}