.modern-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2-5);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;white-space:nowrap;line-height:1.5}.badge-green{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.badge-amber{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.badge-red{background:#fff5f5;border:1px solid #fecaca;color:#991b1b}.badge-blue{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.badge-purple{background:#faf5ff;border:1px solid #e9d5ff;color:#6b21a8}.badge-gray{background:var(--color-gray-50);border:1px solid var(--color-border);color:var(--color-text)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-1-5) var(--spacing-3);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;white-space:nowrap;line-height:1.5}.status-badge i{font-size:.75rem}.status-paid{background:#d4edda;color:#155724}.status-upgraded{background:#cce5ff;color:#004085}.status-failed{background:#f8d7da;color:#721c24}.status-waiting,.status-refunded{background:#fff3cd;color:#856404}.status-unpaid{background:#f8d7da;color:#721c24}.warranty-badge{display:inline-flex;align-items:center;gap:var(--spacing-1-5);color:var(--color-primary);font-size:var(--text-sm);font-weight:500}.warranty-badge i{font-size:.85rem}.qty-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 var(--spacing-2);background:var(--color-gray-50);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600}.badge-sm,.modern-badge.badge-sm{padding:2px 8px;font-size:.7rem}.badge-lg,.modern-badge.badge-lg{padding:6px 14px;font-size:.9rem}.badge-with-icon{display:inline-flex;align-items:center;gap:var(--spacing-1-5)}.badge-with-icon i{font-size:.85em}.badge-rounded{border-radius:999px}.badge-outline{background:transparent;border:1px solid currentColor}.badge-dot{position:relative;padding-left:20px}.badge-dot:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid #c3e6cb}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-dark);border:1px solid #f5c6cb}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid #ffeaa7}.badge-info{background:var(--color-info-light);color:var(--color-info-dark);border:1px solid #b8daff}.badge-primary{background:var(--color-primary-alpha-10);color:var(--color-primary-dark);border:1px solid var(--color-primary-alpha-30)}.badge-secondary{background:var(--color-gray-100);color:var(--color-text-secondary);border:1px solid var(--color-gray-300)}