.opt-progress-container{background:linear-gradient(135deg,var(--surface-2) 0,rgba(118,75,162,.15) 100%);padding:var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--accent-primary);margin-top:var(--space-lg);box-shadow:0 4px 20px rgba(102,126,234,.3)}.opt-phase-title{color:#a5b4fc;margin:0 0 var(--space-md) 0;font-size:var(--font-lg)}.opt-progress-bar-wrapper{width:100%;background:rgba(255,255,255,.1);height:20px;border-radius:10px;margin:var(--space-md) 0;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.opt-progress-bar-fill{width:0%;background:var(--gradient-accent);height:100%;border-radius:10px;transition:width .3s ease-out;position:relative}.opt-progress-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:1.5s infinite shimmer}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.opt-details-text{font-size:var(--font-sm);color:#e0e7ff;margin:var(--space-sm) 0}.opt-progress-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1)}.opt-timer-text,.opt-version-text{font-size:var(--font-xs);color:var(--text-secondary)}.opt-error-container{background:linear-gradient(135deg,rgba(239,68,68,.2) 0,rgba(185,28,28,.2) 100%);border:2px solid var(--danger);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-lg);text-align:center}.opt-error-icon{font-size:48px;margin-bottom:var(--space-md)}.opt-error-title{color:var(--danger);margin:0 0 var(--space-md) 0;font-size:var(--font-xl)}.opt-error-message{color:var(--text-secondary);margin-bottom:var(--space-lg)}.opt-error-tips{background:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-md);text-align:left}.opt-error-tips h4{color:var(--warning);margin:0 0 var(--space-sm) 0;font-size:var(--font-sm)}.opt-error-list{color:var(--text-secondary);font-size:var(--font-sm);margin:0;padding-left:var(--space-lg)}.opt-error-list li{margin-bottom:var(--space-xs)}.opt-result-container{background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-lg);border:2px solid var(--border-color)}.opt-result-container[data-caps-ok=true]{border-color:var(--success)}.opt-result-container[data-caps-ok=false]{border-color:var(--warning)}.opt-verdict{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:var(--surface-card)}.opt-verdict--success{border-left:4px solid var(--success)}.opt-verdict--warning{border-left:4px solid var(--warning)}.opt-verdict-icon{font-size:32px}.opt-verdict-title{margin:0;font-size:var(--font-lg);color:var(--text-primary)}.opt-verdict-subtitle{margin:var(--space-xs) 0 0;color:var(--text-secondary);font-size:var(--font-sm)}.opt-caps-summary{margin-bottom:var(--space-lg)}.opt-section-title{font-size:var(--font-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--text-primary)}.opt-caps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.opt-cap-card{display:flex;align-items:center;gap:var(--space-sm);background:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border-color)}.opt-cap-card--complete{border-color:var(--success)}.opt-cap-card--partial{border-color:var(--warning)}.opt-cap-card--low{border-color:var(--danger)}.opt-cap-icon{font-size:24px;min-width:32px;text-align:center}.opt-cap-info{flex:1}.opt-cap-name{font-size:var(--font-sm);font-weight:700;margin-bottom:2px}.opt-cap-value{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:4px}.opt-cap-bar-mini{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;width:100%}.opt-cap-fill-mini{height:100%;border-radius:2px}.opt-cap-fill--complete{background:var(--success)}.opt-cap-fill--partial{background:var(--warning)}.opt-cap-fill--low{background:var(--danger)}.opt-cap-overflow{font-size:10px;color:var(--danger);margin-top:2px}.opt-comparison-section{margin-bottom:var(--space-lg);overflow-x:auto}.opt-comparison-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--surface-card);border-radius:var(--radius-md);overflow:hidden}.opt-comparison-table th{background:var(--surface-3);color:var(--text-secondary);font-weight:var(--font-weight-bold);font-size:var(--font-xs);padding:var(--space-sm) var(--space-xs);text-align:left}.opt-comparison-table td{padding:var(--space-sm) var(--space-xs);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-sm)}.opt-comparison-table td:first-child,.opt-comparison-table th:first-child{width:30%}.opt-comparison-table td:nth-child(2),.opt-comparison-table td:nth-child(3),.opt-comparison-table th:nth-child(2),.opt-comparison-table th:nth-child(3){width:20%}.opt-comparison-table td:last-child,.opt-comparison-table th:last-child{width:30%}.opt-comparison-dps{background:var(--surface-2);font-weight:700}.stat-improved{color:var(--success)}.stat-degraded{color:var(--danger)}.opt-alerts{margin-bottom:var(--space-lg)}.opt-alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:var(--surface-card);border-left:4px solid transparent}.opt-alert--warning{border-left-color:var(--warning);background:var(--warning-light)}.opt-alert--info{border-left-color:var(--info);background:var(--info-light)}.opt-alert-icon{font-size:24px}.opt-alert-title{font-weight:700;margin-bottom:2px;color:var(--text-primary)}.opt-alert-text{font-size:var(--font-sm);color:var(--text-secondary)}.opt-alert-list{margin:var(--space-xs) 0 0 var(--space-md);color:var(--text-secondary)}.opt-swaps-section{margin-bottom:var(--space-lg)}.opt-swaps-title{margin:0 0 var(--space-md) 0;color:var(--warning);font-size:var(--font-sm);cursor:pointer}.opt-swap-card{background:var(--surface-3);padding:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.opt-swap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);font-weight:var(--font-weight-bold);color:var(--warning);flex-wrap:wrap;gap:var(--space-xs)}.opt-swap-slot{font-size:var(--font-md)}.opt-swap-source{font-size:var(--font-xs);font-weight:400;background:var(--surface-card);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.opt-swap-comparison{display:flex;gap:var(--space-md);font-size:var(--font-xs);flex-wrap:wrap}.opt-swap-new,.opt-swap-old{flex:1;min-width:200px;background:var(--surface-card);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.opt-swap-old{border-color:var(--border-color)}.opt-swap-new{border-color:var(--success)}.opt-swap-label{font-size:var(--font-xs);margin-bottom:var(--space-sm);font-weight:var(--font-weight-bold)}.opt-swap-label--old{color:var(--danger)}.opt-swap-label--new{color:var(--success)}.opt-swap-stat{color:var(--text-secondary);padding:2px 0}.opt-swap-empty{color:var(--text-muted);font-style:italic}.opt-swap-arrow{display:flex;align-items:center;color:var(--warning);font-size:var(--font-xl)}.opt-warning-box{background:rgba(245,158,11,.2);border:2px solid var(--warning);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.opt-warning-content{display:flex;align-items:center;gap:var(--space-sm)}.opt-warning-icon{font-size:var(--font-xl)}.opt-warning-title{font-weight:var(--font-weight-bold);color:var(--warning);margin:0}.opt-warning-text{font-size:var(--font-xs);color:var(--text-muted);margin:0}.opt-success-container{text-align:center;padding:var(--space-lg);background:var(--surface-3);border-radius:var(--radius-md);color:var(--success)}.opt-success-icon{font-size:32px}.opt-success-title{margin:var(--space-sm) 0 var(--space-xs) 0}.opt-success-text{color:var(--text-muted);font-size:var(--font-xs)}.opt-apply-btn{width:100%;margin-top:var(--space-sm)}.opt-footer{margin-top:var(--space-xl);font-size:var(--font-xs);color:var(--text-muted);text-align:center;border-top:1px solid var(--border-color);padding-top:var(--space-md)}@media (max-width:var(--breakpoint-md)){.opt-comparison-table{font-size:var(--font-xs)}.opt-comparison-table td,.opt-comparison-table th{padding:var(--space-xs)}.opt-swap-comparison{flex-direction:column}.opt-swap-arrow{transform:rotate(90deg);margin:var(--space-xs) 0}.opt-caps-grid{grid-template-columns:1fr}}