src/pages/account/PlansAndBillingPage.tsx:596:              <div className="mx-auto" style={{ maxWidth: '1560px' }}>
src/pages/Writer/Images.tsx:661:              style={{ maxHeight: '90vh' }}
src/pages/Sites/List.tsx:605:              style={{ boxShadow: '0 2px 6px 3px rgba(0, 0, 0, 0.08)' }}
src/pages/Automation/AutomationPage.tsx:878:                          style={{ width: `${isComplete ? 100 : progressPercent}%` }}
src/pages/Automation/AutomationPage.tsx:1002:                          style={{ width: `${isComplete ? 100 : progressPercent}%` }}
src/pages/Automation/AutomationPage.tsx:1097:                          style={{ width: `${isComplete ? 100 : progressPercent}%` }}
src/pages/Settings/Status.tsx:132:                  style={{ width: `${status.system?.cpu?.usage_percent || 0}%` }}
src/pages/Settings/Status.tsx:154:                  style={{ width: `${status.system?.memory?.usage_percent || 0}%` }}
src/pages/Settings/Status.tsx:176:                  style={{ width: `${status.system?.disk?.usage_percent || 0}%` }}
src/components/onboarding/OnboardingWizard.tsx:264:                  style={{ width: `${100 / STEPS.length}%` }}
src/components/shared/blocks/QuoteBlock.tsx:26:        style={{ textAlign: align }}
src/components/shared/blocks/TextBlock.tsx:24:        style={{ textAlign: align }}
src/components/sites/SiteProgressWidget.tsx:233:                    style={{ width: `${completionPercent}%` }}
src/components/sites/SiteSetupChecklist.tsx:121:          style={{ width: `${progressPercent}%` }}
src/components/auth/SignUpFormUnified.tsx:624:                        <div className="flex-shrink-0" style={{ minWidth: '200px' }}>
src/components/common/ImageResultCard.tsx:113:                style={{ maxHeight: '400px' }}
src/components/common/ImageQueueModal.tsx:537:                        style={{ width: `${smoothProgress[item.index] ?? item.progress ?? 0}%` }}
src/components/common/ToggleTableRow.tsx:113:          style={{
src/components/optimizer/OptimizationScores.tsx:80:            style={{ width: `${scores.overall_score}%` }}
src/components/optimizer/OptimizationScores.tsx:104:            style={{ width: `${scores.seo_score}%` }}
src/components/optimizer/OptimizationScores.tsx:128:            style={{ width: `${scores.readability_score}%` }}
src/components/optimizer/OptimizationScores.tsx:152:            style={{ width: `${scores.engagement_score}%` }}
src/components/optimizer/OptimizationScores.tsx:179:            style={{ width: `${scores.metadata_completeness_score || 0}%` }}
src/components/Automation/CurrentProcessingCard.tsx:414:                    style={{ width: `${Math.min(percentage, 100)}%` }}
src/components/Automation/CurrentProcessingCardV2.tsx:267:              style={{ width: `${Math.min(displayPercent, 100)}%` }}
src/components/Automation/CurrentProcessingCard.old.tsx:120:            style={{ width: `${Math.min(percentage, 100)}%` }}
src/components/billing/UsageLimitsPanel.tsx:62:            style={{ 
src/components/billing/UsageLimitsPanel.tsx:86:            style={{ 
src/components/dashboard/ThreeWidgetFooter.tsx:135:            style={{ 
src/components/dashboard/ThreeWidgetFooter.tsx:221:                style={{ 
src/components/dashboard/ThreeWidgetFooter.tsx:274:            style={{ 
src/components/dashboard/WorkflowCompletionWidget.tsx:106:          style={{ 
src/components/dashboard/WorkflowCompletionWidget.tsx:178:              <div className="text-xs font-bold uppercase tracking-wide mb-2" style={{ color: 'var(--color-primary)' }}>
src/components/dashboard/WorkflowCompletionWidget.tsx:197:              <div className="text-xs font-bold uppercase tracking-wide mb-2" style={{ color: 'var(--color-success)' }}>
src/components/dashboard/WorkflowCompletionWidget.tsx:229:                    <strong className="font-bold" style={{ color: 'var(--color-primary)' }}>
src/components/dashboard/WorkflowCompletionWidget.tsx:240:                    <strong className="font-bold" style={{ color: 'var(--color-success)' }}>
src/components/dashboard/StandardizedModuleWidget.tsx:176:                      style={{ color: row.color }}
src/components/dashboard/StandardizedModuleWidget.tsx:180:                    <span className="text-lg font-bold tabular-nums" style={{ color: row.color }}>
src/components/dashboard/StandardizedModuleWidget.tsx:188:                    style={{ color: row.color }}
src/components/dashboard/StandardizedModuleWidget.tsx:196:                      style={{ color: row.color }}
src/components/dashboard/StandardizedModuleWidget.tsx:210:                    style={{ 
src/components/dashboard/StandardizedModuleWidget.tsx:243:                  <strong className="font-bold" style={{ color: 'var(--color-purple)' }}>{credits.clusteringCredits}</strong>
src/components/dashboard/StandardizedModuleWidget.tsx:249:                  <strong className="font-bold" style={{ color: 'var(--color-warning)' }}>{credits.ideaGenerationCredits}</strong>
src/components/dashboard/StandardizedModuleWidget.tsx:262:                  <strong className="font-bold" style={{ color: 'var(--color-success)' }}>{credits.contentGenerationCredits}</strong>
src/components/dashboard/StandardizedModuleWidget.tsx:268:                  <strong className="font-bold" style={{ color: 'var(--color-purple)' }}>{credits.imageGenerationCredits}</strong>
src/components/dashboard/StandardThreeWidgetFooter.tsx:128:            style={{ 
src/components/dashboard/StandardThreeWidgetFooter.tsx:144:          <span className="text-sm font-bold" style={{ color: 'var(--color-warning)' }}>{widget.creditsConsumed.toLocaleString()}</span>
src/components/dashboard/StandardThreeWidgetFooter.tsx:160:            <span className="font-semibold" style={{ color: 'var(--color-primary)' }}>Next:</span>{' '}
src/components/dashboard/StandardThreeWidgetFooter.tsx:231:                style={{ 
src/components/dashboard/CreditAvailabilityWidget.tsx:83:            style={{ width: `${remainingPercent}%` }}
src/components/dashboard/CreditBalanceWidget.tsx:60:              style={{ width: `${Math.min(usagePercentage, 100)}%` }}
src/components/dashboard/SiteConfigWidget.tsx:142:            style={{ width: `${completionPercent}%` }}
src/components/ui/dropdown/Dropdown.tsx:141:      style={{
src/components/ui/alert/AlertModal.tsx:42:        <div className="absolute inset-0 bg-success-100 rounded-full" style={{
src/components/ui/alert/AlertModal.tsx:68:        <div className="absolute inset-0 bg-blue-light-100 rounded-full blur-2xl opacity-50" style={{
src/components/ui/alert/AlertModal.tsx:82:        <div className="absolute inset-0 bg-warning-100 rounded-full blur-2xl opacity-50" style={{
src/components/ui/alert/AlertModal.tsx:99:        <div className="absolute inset-0 bg-error-100 rounded-full blur-2xl opacity-50" style={{
src/components/ui/progress/ProgressBar.tsx:53:          style={{ width: `${clampedValue}%` }}
src/components/ui/tooltip/EnhancedTooltip.tsx:61:      style={{ zIndex: 1 }}
src/components/ui/tooltip/EnhancedTooltip.tsx:76:          style={{ zIndex: 99999 }}
src/components/ui/pricing-table/PricingTable.tsx:108:                  style={{
src/components/ui/toast/ToastContainer.tsx:75:        <div key={toast.id} className="pointer-events-auto" style={{ animationDelay: `${index * 50}ms` }}>