body{background-color:var(--bg-primary);color:var(--text-primary)}.btn,button,.action-btn,.export-btn,.tab-btn{background:rgba(15,25,35,0.92);color:var(--text-primary);border:1px solid rgba(0,212,255,0.18);box-shadow:0 0 14px rgba(0,212,255,0.08)}.btn:hover,button:hover,.action-btn:hover,.export-btn:hover,.tab-btn:hover{background:rgba(0,212,255,0.12);border-color:rgba(0,212,255,0.5);box-shadow:var(--glow-primary)}input,select,textarea,.form-control{background:#0b131c;color:var(--text-primary);border:1px solid rgba(0,212,255,0.18)}input:focus,select:focus,textarea:focus,.form-control:focus{outline:none;border-color:rgba(0,212,255,0.55);box-shadow:0 0 0 3px rgba(0,212,255,0.12)}.card,.panel,.workspace,.stat-card,.metric-card,.result-panel{background:var(--bg-card);border:1px solid rgba(0,212,255,0.18);box-shadow:0 0 20px rgba(0,212,255,0.08)}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.score-card{background:var(--bg-card);border-radius:var(--border-radius-xl);padding:1.5rem;text-align:center;position:relative;transition:all 0.3s ease;border:1px solid rgba(0,212,255,0.18);box-shadow:0 0 18px rgba(0,212,255,0.08)}.score-card:hover{transform:translateY(-5px) scale(1.02);background:var(--bg-card-hover);box-shadow:0 0 24px rgba(0,212,255,0.18)}.score-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,212,255,0.08) 0%,rgba(0,255,136,0.02) 100%);border-radius:var(--border-radius-xl);pointer-events:none}.score-card.security{background:var(--primary-gradient);color:var(--text-primary);border:1px solid rgba(0,212,255,0.28)}.score-card.performance{background:var(--success-gradient);color:var(--text-primary);border:1px solid rgba(0,255,136,0.24)}.score-card.efficiency{background:var(--warning-gradient);color:var(--text-primary);border:1px solid rgba(255,149,0,0.24)}.score-card.best-practices{background:var(--secondary-gradient);color:var(--text-primary);border:1px solid rgba(0,255,136,0.24)}.score-icon{font-size:3rem;margin-bottom:1rem;opacity:0.9}.score-value{font-size:2.5rem;font-weight:800;margin-bottom:0.5rem}.score-label{font-size:0.9rem;opacity:0.8;text-transform:uppercase;letter-spacing:0.05em}.score-trend{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,0.2);padding:0.25rem 0.5rem;border-radius:var(--border-radius-sm);font-size:0.75rem}.issues-container{background:rgba(15,23,42,0.25);border-radius:var(--border-radius-xl);padding:1.5rem}.issue-item{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:1rem;margin-bottom:1rem;border-right:4px solid;transition:all 0.3s ease;color:#e2e8f0;box-shadow:0 0 16px rgba(0,212,255,0.06)}.issue-item:hover{transform:translateX(-5px);background:var(--bg-card-hover)}.lang-ar .issue-item{border-right:4px solid;border-left:none}.lang-ar .issue-item:hover{transform:translateX(5px)}.issue-item.critical{border-right-color:var(--border-glow-red);box-shadow:0 0 15px rgba(255,51,102,0.3)}.issue-item.high{border-right-color:var(--border-glow-orange);box-shadow:0 0 15px rgba(255,149,0,0.26)}.issue-item.medium{border-right-color:var(--border-glow-yellow);box-shadow:0 0 15px rgba(255,215,0,0.22)}.issue-item.low{border-right-color:var(--border-glow-cyan);box-shadow:0 0 15px rgba(0,212,255,0.22)}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.issue-severity{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:600}.issue-description{color:rgba(226,232,240,0.85);font-size:0.9rem}.rating-section{background:var(--bg-card);border:1px solid rgba(0,212,255,0.18);border-radius:var(--border-radius-xl);padding:2rem;margin-top:2rem}.rating-header{text-align:center;margin-bottom:2rem}.rating-title{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rating-subtitle{color:var(--text-secondary)}.rating-stars{display:flex;justify-content:center;gap:0.5rem;margin:1.5rem 0}.star{font-size:2.5rem;color:#e2e8f0;cursor:pointer;transition:all 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.star:hover,.star.active{color:#fbbf24;transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(251,191,36,0.3))}.star.glow{animation:starGlow 1.5s ease-in-out}@keyframes starGlow{0%,100%{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}50%{filter:drop-shadow(0 0 20px rgba(251,191,36,0.6))}}.rating-form{background:linear-gradient(135deg,rgba(0,212,255,0.10),rgba(0,255,136,0.06));border-radius:var(--border-radius-xl);padding:2rem;box-shadow:var(--shadow-lg);color:#e2e8f0;border:1px solid rgba(0,212,255,0.22)}.suggestions-section{background:rgba(15,25,35,0.92);border-radius:var(--border-radius-xl);padding:2rem;margin-top:2rem;border:1px solid rgba(0,212,255,0.18)}.suggestion-item{background:linear-gradient(135deg,rgba(0,212,255,0.08),rgba(0,255,136,0.04));border-radius:var(--border-radius-lg);padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(0,212,255,0.18);transition:all 0.3s ease;position:relative;color:#e2e8f0}.suggestion-item:hover{border-color:var(--border-active);box-shadow:var(--shadow-md),var(--glow-primary)}.suggestion-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.suggestion-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:white}.suggestion-icon.security{background:var(--primary-gradient)}.suggestion-icon.performance{background:var(--success-gradient)}.suggestion-icon.efficiency{background:var(--warning-gradient)}.suggestion-content h3{font-size:1.1rem;font-weight:600;margin-bottom:0.25rem}.suggestion-content p{color:var(--text-secondary);font-size:0.9rem}.suggestion-rating{display:flex;align-items:center;gap:0.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,212,255,0.18)}.mini-stars{display:flex;gap:0.25rem}.mini-star{font-size:0.875rem;color:#e2e8f0}.mini-star.filled{color:#fbbf24}.vote-buttons{display:flex;gap:0.5rem;margin-top:1rem}.vote-btn{background:rgba(15,25,35,0.92);border:1px solid rgba(0,212,255,0.18);border-radius:var(--border-radius-md);padding:0.5rem 1rem;font-size:0.875rem;cursor:pointer;transition:all 0.3s ease;color:var(--text-primary)}.vote-btn:hover{background:rgba(0,212,255,0.14);color:var(--text-primary);border-color:var(--border-active);box-shadow:var(--glow-primary)}.vote-btn.voted{background:rgba(0,255,136,0.18);color:var(--text-primary);border-color:rgba(0,255,136,0.40);box-shadow:var(--glow-success)}.fade-in{animation:fadeIn 0.6s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight 0.6s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.card{background:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid rgba(0,212,255,0.18);box-shadow:0 0 22px rgba(0,212,255,0.10);padding:2rem;margin-bottom:2rem;transition:all 0.3s ease;position:relative;overflow:hidden;color:#e2e8f0;border:1px solid rgba(148,163,184,0.22)}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2xl)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:0.75rem 1rem;border:2px solid rgba(148,163,184,0.25);border-radius:var(--border-radius-lg);font-size:1rem;transition:all 0.3s ease;background:rgba(15,23,42,0.6);color:#e2e8f0}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--glow-primary)}.form-textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--primary-gradient);color:white;border:none;padding:1rem 2rem;border-radius:var(--border-radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;width:100%;position:relative;overflow:hidden}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.submit-btn:active{transform:translateY(0)}.btn-primary{background:var(--primary-gradient);color:white;border:none;padding:10px 20px;border-radius:var(--border-radius-lg);cursor:pointer;font-weight:600;transition:all 0.3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--secondary-gradient);color:white;border:none;padding:10px 20px;border-radius:var(--border-radius-lg);cursor:pointer;font-weight:600;transition:all 0.3s ease}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,#ff6b6b 0%,#ee5253 100%);color:white;border:none;padding:10px 20px;border-radius:var(--border-radius-lg);cursor:pointer;font-weight:600;transition:all 0.3s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(238,82,83,0.3)}.btn-success{background:linear-gradient(135deg,#1dd1a1 0%,#10ac84 100%);color:white;border:none;padding:10px 20px;border-radius:var(--border-radius-lg);cursor:pointer;font-weight:600;transition:all 0.3s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,172,132,0.3)}.btn-warning{background:linear-gradient(135deg,#feca57 0%,#ff9f43 100%);color:white;border:none;padding:10px 20px;border-radius:var(--border-radius-lg);cursor:pointer;font-weight:600;transition:all 0.3s ease}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,159,67,0.3)}.btn-info{background:linear-gradient(135deg,#48dbfb 0%,#0abde3 100%);color:white;border:none;padding:10px 20px;border-radius:var(--border-radius-lg);cursor:pointer;font-weight:600;transition:all 0.3s ease}.btn-info:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(10,189,227,0.3)}.btn-outline{background:transparent;border:2px solid #e2e8f0;color:var(--text-secondary);padding:8px 16px;border-radius:var(--border-radius-lg);cursor:pointer;font-weight:600;transition:all 0.3s ease}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgba(102,126,234,0.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease,border-color 0.2s ease}.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:rgba(102,126,234,0.45);box-shadow:0 10px 24px rgba(102,126,234,0.28)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(102,126,234,0.35)}.btn-secondary{background:rgba(15,23,42,0.85);color:#e2e8f0;border-color:rgba(148,163,184,0.35)}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,0.2)}.btn-ghost{background:transparent;color:#e2e8f0;border-color:rgba(148,163,184,0.35)}.btn-ghost:hover{background:rgba(148,163,184,0.15)}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);color:#fff;border-color:rgba(239,68,68,0.45);box-shadow:0 10px 24px rgba(239,68,68,0.25)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(239,68,68,0.35)}.btn-outline{background:transparent;border:1px solid rgba(148,163,184,0.4);color:#e2e8f0;padding:10px 16px;border-radius:12px;font-weight:700}.btn-outline:hover{border-color:rgba(94,234,212,0.7);color:#a7f3d0;background:rgba(94,234,212,0.08)}.card{background:var(--bg-card);border:1px solid rgba(0,212,255,0.18);border-radius:18px;box-shadow:0 0 22px rgba(0,212,255,0.10)}[data-theme="dark"] .card{background:var(--bg-card);border-color:rgba(148,163,184,0.18)}.card-metric{padding:18px;display:flex;flex-direction:column;gap:10px}.card-tool,.card-form,.card-code{padding:18px}.card-code{background:rgba(15,23,42,0.92);color:#e2e8f0;border:1px solid rgba(148,163,184,0.2)}.form-label{display:block;font-weight:700;color:#0f172a;margin-bottom:8px}[data-theme="dark"] .form-label{color:#e2e8f0}.form-control,.form-input,.form-textarea,.form-select,.input-control,.textarea-control,.select-control{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,0.3);background:rgba(255,255,255,0.95);color:#0f172a;font-size:0.95rem;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}[data-theme="dark"] .form-control,[data-theme="dark"] .form-input,[data-theme="dark"] .form-textarea,[data-theme="dark"] .form-select,[data-theme="dark"] .input-control,[data-theme="dark"] .textarea-control,[data-theme="dark"] .select-control{background:rgba(15,23,42,0.9);color:#e2e8f0;border-color:rgba(148,163,184,0.25)}.form-control:focus,.form-input:focus,.form-textarea:focus,.form-select:focus,.input-control:focus,.textarea-control:focus,.select-control:focus{outline:none;border-color:rgba(94,234,212,0.8);box-shadow:0 0 0 4px rgba(94,234,212,0.15)}.segmented{display:inline-flex;gap:6px;padding:6px;border-radius:14px;background:rgba(15,23,42,0.35);border:1px solid rgba(148,163,184,0.2);flex-wrap:wrap}.segmented-btn{padding:8px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:rgba(226,232,240,0.85);font-weight:700;cursor:pointer;transition:all 0.2s ease}.segmented-btn.active{background:rgba(94,234,212,0.2);border-color:rgba(94,234,212,0.6);color:#e2f9f4}.badge,.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:0.78rem;font-weight:700;letter-spacing:0.3px}.status-pill.pending{background:rgba(148,163,184,0.18);color:#e2e8f0;border:1px solid rgba(148,163,184,0.35)}.status-pill.running{background:rgba(56,189,248,0.18);color:#bae6fd;border:1px solid rgba(56,189,248,0.45)}.status-pill.success{background:rgba(34,197,94,0.18);color:#bbf7d0;border:1px solid rgba(34,197,94,0.4)}.status-pill.warning{background:rgba(245,158,11,0.2);color:#fde68a;border:1px solid rgba(245,158,11,0.4)}.status-pill.error{background:rgba(239,68,68,0.2);color:#fecaca;border:1px solid rgba(239,68,68,0.45)}.alert{padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,0.25);background:rgba(15,23,42,0.65);color:#e2e8f0;font-weight:600}.alert.info{border-color:rgba(56,189,248,0.4);background:rgba(56,189,248,0.12)}.alert.warning{border-color:rgba(245,158,11,0.4);background:rgba(245,158,11,0.12)}.alert.error{border-color:rgba(239,68,68,0.4);background:rgba(239,68,68,0.12)}.dropdown-menu{border-radius:14px;border:1px solid rgba(148,163,184,0.25);backdrop-filter:blur(18px)}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,0.55);display:flex;align-items:center;justify-content:center;z-index:1200}.modal-content{background:rgba(15,23,42,0.95);border:1px solid rgba(148,163,184,0.25);border-radius:18px;padding:18px;color:#e2e8f0;max-width:640px;width:92%;box-shadow:0 25px 50px rgba(15,23,42,0.4)}.empty-state,.loading-state{padding:18px;border-radius:16px;background:rgba(15,23,42,0.4);border:1px dashed rgba(148,163,184,0.3);color:rgba(226,232,240,0.8);text-align:center;font-weight:600}.workspace-page{max-width:1200px;margin:24px auto 40px;padding:0 20px}.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.toast-container{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:9999;pointer-events:none}.toast{min-width:280px;max-width:420px;background:#1a1f2e;color:#fff;padding:16px 20px;border-radius:12px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 12px 30px rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.12);border-inline-start:4px solid var(--toast-color,#00d4ff);transform:translateX(18px);opacity:0;animation:toastSlide 0.3s ease forwards;pointer-events:auto}.toast.toast-success{background:#065f46;border-color:rgba(16,185,129,0.5)}.toast.toast-error{background:#7f1d1d;border-color:rgba(248,113,113,0.6)}.toast.toast-warning{background:#7c2d12;border-color:rgba(251,146,60,0.6)}.toast.toast-info{background:#1e3a8a;border-color:rgba(96,165,250,0.6)}.toast-icon{font-size:1.15rem;margin-top:2px}.toast-body{flex:1;display:flex;flex-direction:column;gap:10px}.toast-content{font-size:0.95rem;line-height:1.5;font-weight:600}.toast-action{align-self:flex-start;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.08);color:#fff;border-radius:10px;padding:8px 12px;font-size:0.85rem;font-weight:700;cursor:pointer}.toast-action:hover{background:rgba(255,255,255,0.14)}.toast-close{background:transparent;border:none;color:rgba(255,255,255,0.75);cursor:pointer;font-size:1rem;margin-inline-start:6px}@keyframes toastSlide{to{transform:translateX(0);opacity:1}}@media (max-width:768px){.toast-container{left:12px;right:12px;bottom:16px;align-items:stretch}.toast{min-width:0;max-width:none;width:100%}}.analysis-progress{margin-top:16px;background:rgba(15,23,42,0.45);border-radius:var(--radius-card);padding:12px 14px;border:1px solid rgba(148,163,184,0.25)}.analysis-progress-header{display:flex;align-items:center;justify-content:space-between;font-size:0.9rem;font-weight:700;color:#fff;margin-bottom:8px}.analysis-progress-bar{height:8px;width:100%;background:rgba(15,23,42,0.35);border-radius:999px;overflow:hidden}.analysis-progress-bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width 0.4s ease}.drop-zone.is-busy{opacity:0.6;pointer-events:none}.tab-button.is-busy{opacity:0.6;pointer-events:none}.analysis-skeleton{background:rgba(15,23,42,0.45);border-radius:var(--radius-card);padding:20px;border:1px solid rgba(148,163,184,0.2);margin-bottom:24px}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(148,163,184,0.25) 25%,rgba(226,232,240,0.35) 50%,rgba(148,163,184,0.25) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-block{height:90px;border-radius:16px;background:linear-gradient(90deg,rgba(148,163,184,0.25) 25%,rgba(226,232,240,0.35) 50%,rgba(148,163,184,0.25) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.report-header-card{background:linear-gradient(135deg,rgba(108,99,255,0.18),rgba(46,213,115,0.18));border-radius:var(--radius-card);padding:20px;border:1px solid rgba(99,102,241,0.2);margin-bottom:24px}.report-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.report-title{font-size:1.25rem;font-weight:800;color:#1f2937}.report-score-ring{width:110px;height:110px;border-radius:50%;background:#fff;border:8px solid var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111827;font-weight:800;box-shadow:0 12px 24px rgba(15,23,42,0.12)}.report-score-ring span:first-child{font-size:1.8rem;line-height:1}.report-score-ring span:last-child{font-size:0.9rem;margin-top:4px;color:#64748b}.report-summary-row{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.report-summary-item{background:#fff;border-radius:var(--radius-card);padding:12px 14px;border:1px solid rgba(15,23,42,0.08);display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#1f2937}.report-summary-item span{color:#64748b;font-weight:600;font-size:0.85rem}.issue-accordion{background:#fff;border:1px solid rgba(15,23,42,0.08);border-radius:var(--radius-card);padding:12px 14px;margin-bottom:12px;box-shadow:0 10px 24px rgba(15,23,42,0.06)}.issue-accordion.issue-item{color:#1f2937;border-right:none}.issue-accordion summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.issue-accordion summary::-webkit-details-marker{display:none}.issue-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.issue-title{font-size:1rem;font-weight:700;color:#1f2937}.issue-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:0.85rem;color:#64748b}.sev-badge{padding:4px 10px;border-radius:var(--radius-pill);font-weight:700;color:#fff}.sev-critical{background:var(--danger)}.sev-high{background:var(--warning)}.sev-medium{background:#3b82f6}.sev-low{background:#2ED573}.issue-details{margin-top:10px;color:#374151;font-size:0.92rem}.issue-code-block{margin-top:10px;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:12px;font-size:0.85rem;overflow-x:auto;position:relative;border:1px solid rgba(148,163,184,0.2)}.issue-code-block code{font-family:"Fira Code","Cascadia Code","Consolas",monospace;white-space:pre-wrap}.code-keyword{color:#f97316;font-weight:700}.code-string{color:#34d399}.code-comment{color:#94a3b8}.copy-fix-btn{background:rgba(255,255,255,0.08);color:#e2e8f0;border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-button);padding:6px 10px;font-size:0.8rem;font-weight:700;cursor:pointer;position:absolute;top:8px;inset-inline-end:8px}.before-after-card{background:#fff;border-radius:var(--radius-card);padding:20px;border:1px solid rgba(15,23,42,0.08);margin-bottom:24px}.before-after-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.before-after-pane{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:12px;border:1px solid rgba(148,163,184,0.2);font-size:0.85rem;overflow-x:auto}.before-after-pane pre{margin:0;white-space:pre-wrap;word-break:break-word}.before-after-pane h4{margin-bottom:8px;color:#e2e8f0;font-size:0.95rem}.report-export-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.report-export-actions .export-btn{padding:10px 16px;border-radius:var(--radius-button);border:none;font-weight:700;cursor:pointer;background:#fff;color:#1f2937;box-shadow:0 8px 18px rgba(15,23,42,0.12)}.report-export-actions .export-btn.primary{background:var(--primary);color:#fff}.report-export-actions .export-btn.success{background:var(--secondary);color:#0f172a}.report-export-actions .export-btn.dark{background:#111827;color:#fff}#fullReportContainer{background:#0f172a!important;border-color:rgba(148,163,184,0.3)!important}#fullReportContainer pre{color:#e2e8f0!important}.tab-content .card,.tab-content .report-header-card,.tab-content .before-after-card,.tab-content .recent-analyses{background:rgba(15,23,42,0.45)!important;border:1px solid rgba(148,163,184,0.2);color:#fff}.tab-content .card h1,.tab-content .card h2,.tab-content .card h3,.tab-content .card h4,.tab-content .card h5,.tab-content .card h6,.tab-content .card p,.tab-content .card label,.tab-content .card span,.tab-content .recent-analyses h2,.tab-content .recent-analyses p,.tab-content .recent-analyses span{color:#fff;font-weight:700}.tab-content .card pre,.tab-content .card code{color:#e2e8f0;font-weight:500}.tab-content .drop-zone{background:rgba(15,23,42,0.45);border:1px dashed rgba(148,163,184,0.4);color:#fff}.tab-content .drop-zone p,.tab-content .drop-zone span{color:#fff;font-weight:700}.tab-content .field-help,.tab-content .analysis-date{color:rgba(226,232,240,0.85);font-weight:600}.tab-content .view-analysis-btn,.tab-content .link-like,.tab-content .link-btn{color:#fff}.recent-analyses{border-radius:var(--radius-card);padding:20px;margin-top:30px;box-shadow:var(--shadow)}.recent-analyses-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.recent-analyses-actions{display:flex;align-items:center;gap:12px}.link-btn{background:transparent;border:none;color:#fff;font-weight:700;cursor:pointer}.recent-ticker{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(148,163,184,0.2);background:rgba(15,23,42,0.35)}.recent-ticker-track{display:inline-flex;align-items:center;gap:16px;padding:14px;width:max-content;min-width:200%;animation-name:tickerScroll;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--ticker-duration,22s);will-change:transform}.recent-ticker:hover .recent-ticker-track{animation-play-state:paused}.recent-ticker-item{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,255,255,0.08);border:1px solid rgba(148,163,184,0.2);border-radius:999px;white-space:nowrap;color:#fff;font-weight:700}.recent-ticker-item .ticker-name{font-weight:800}.recent-ticker-item .ticker-date{font-size:0.85rem;color:rgba(226,232,240,0.8);font-weight:600}.recent-ticker-item .ticker-score{background:rgba(99,102,241,0.25);border-radius:999px;padding:4px 8px;font-size:0.85rem;font-weight:800}.recent-ticker-item .ticker-actions{display:inline-flex;gap:8px;align-items:center}.recent-ticker-item button{border:none;background:rgba(255,255,255,0.12);color:#fff;border-radius:999px;padding:6px 10px;font-weight:700;cursor:pointer}.recent-ticker-item button.ticker-clear{background:rgba(244,63,94,0.2)}@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.analysis-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.view-analysis-btn.link-like{background:transparent;border:none;color:#fff;font-weight:700;padding:0;cursor:pointer}.recent-ticker-item .view-analysis-btn.link-like{background:rgba(255,255,255,0.12);padding:6px 10px;border-radius:999px}.show-more-btn{margin-top:14px;background:rgba(99,102,241,0.12);border:none;border-radius:var(--radius-button);padding:8px 12px;font-weight:700;color:#1f2937;cursor:pointer}@media (max-width:768px){.report-header-top{flex-direction:column;align-items:flex-start}.report-score-ring{width:96px;height:96px}.analysis-score{flex-direction:column;align-items:flex-start}.analysis-actions{flex-direction:column;align-items:flex-start}.before-after-grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1024px){.report-summary-row{grid-template-columns:repeat(3,1fr)}}.workspace-title{font-size:2rem;font-weight:800;color:#f8fafc;margin:0 0 6px}.workspace-subtitle{color:rgba(226,232,240,0.8);margin:0;font-weight:600}.workspace-actions{display:flex;gap:10px;flex-wrap:wrap}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,0.85fr);gap:16px}.workspace-main,.workspace-side{display:flex;flex-direction:column;gap:16px}.workspace-panel{border-radius:18px;background:rgba(15,23,42,0.8);border:1px solid rgba(148,163,184,0.22);padding:16px;color:#e2e8f0;box-shadow:0 14px 35px rgba(15,23,42,0.28)}.workspace-panel.light{background:linear-gradient(135deg,rgba(79,63,176,0.12),rgba(92,63,160,0.12));color:#e2e8f0;border:1px solid rgba(148,163,184,0.22)}.workspace-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.workspace-panel-title{font-weight:800;font-size:1.05rem}.workspace-editor{min-height:260px;border-radius:14px;border:1px dashed rgba(148,163,184,0.35);background:rgba(15,23,42,0.55);padding:12px}.workspace-options{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.workspace-options .option{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(148,163,184,0.16);border:1px solid rgba(148,163,184,0.25);font-size:0.82rem;font-weight:700}.workspace-actions-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.workspace-secondary-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;opacity:0.9}.workspace-results{min-height:220px;max-height:calc(100vh - 250px);overflow-y:auto}.workspace-split{display:flex;flex-direction:column;gap:12px}.workspace-code{background:rgba(2,6,23,0.85);border:1px solid rgba(148,163,184,0.25);border-radius:14px;padding:12px;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.9rem}.workspace-metadata{display:flex;flex-wrap:wrap;gap:10px;font-size:0.85rem;color:rgba(226,232,240,0.7);font-weight:600}.workspace-option-field{display:flex;flex-direction:column;gap:6px;min-width:220px}.issue-group{border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,0.25);background:rgba(15,23,42,0.6)}.issue-group + .issue-group{margin-top:12px}.issue-group-title{padding:10px 12px;font-weight:800;display:flex;align-items:center;gap:8px;color:#f8fafc}.issue-group-body{padding:12px;display:grid;gap:10px;background:rgba(15,23,42,0.35)}.issue-card{padding:10px 12px;border-radius:12px;background:rgba(2,6,23,0.75);border:1px solid rgba(148,163,184,0.2)}.issue-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700}.issue-title{font-weight:700;color:#f8fafc}.issue-message{margin-top:6px;color:rgba(226,232,240,0.9);font-size:0.9rem}.issue-fix{margin-top:6px;color:rgba(226,232,240,0.7);font-size:0.85rem}@media (max-width:1100px){.workspace-grid{grid-template-columns:1fr}}@media (max-width:720px){.workspace-title{font-size:1.6rem}.workspace-header{flex-direction:column}}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:0.85rem;font-weight:700;color:white;margin-right:8px}.badge.critical{background:linear-gradient(135deg,#ff6b6b 0%,#ee5253 100%);box-shadow:0 2px 6px rgba(238,82,83,0.3)}.badge.high{background:linear-gradient(135deg,#ff9f43 0%,#ee5253 100%);box-shadow:0 2px 6px rgba(255,159,67,0.3)}.live-workspace{position:relative}.live-workspace .live-pane-bottom,.live-workspace .live-resizer{display:none}.live-workspace .live-pane-top{overflow:visible}.live-workspace.is-active{display:flex;flex-direction:column;min-height:70vh;background:rgba(15,23,42,0.18);border-radius:18px;border:1px solid rgba(148,163,184,0.25);box-shadow:var(--shadow-lg);overflow:visible}.live-workspace.is-active .live-pane-top{flex:0 0 auto;overflow:visible}.live-workspace.is-active .live-pane-bottom{flex:0 0 auto;max-height:45vh;display:flex;flex-direction:column;background:#0b1222;color:#e2e8f0;border-top:1px solid rgba(148,163,184,0.2);overflow:hidden}.live-workspace.is-active .live-resizer{display:block;height:8px;cursor:row-resize;background:linear-gradient(90deg,rgba(59,130,246,0.25),rgba(14,165,233,0.35))}.live-workspace.is-active .live-resizer:hover{background:linear-gradient(90deg,rgba(59,130,246,0.5),rgba(14,165,233,0.55))}.live-runtime{display:flex;flex-direction:column;height:100%}.live-runtime-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,0.2);background:rgba(15,23,42,0.85)}.live-runtime-title{display:flex;flex-direction:column;gap:4px}.live-runtime-label{font-weight:700;font-size:1rem;color:#f8fafc}.live-runtime-subtitle{font-size:0.85rem;color:rgba(226,232,240,0.7)}.live-runtime-actions{display:flex;gap:8px;flex-wrap:wrap}.live-btn{background:rgba(148,163,184,0.15);color:#e2e8f0;border:1px solid rgba(148,163,184,0.2);padding:6px 10px;border-radius:10px;cursor:pointer;font-weight:600;font-size:0.85rem;transition:all 0.2s ease}.live-btn:hover{background:rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.5)}.live-runtime-progress{height:6px;background:rgba(148,163,184,0.15)}.live-runtime-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#06b6d4);transition:width 0.3s ease}.live-runtime-feed{flex:1;overflow:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.live-event{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:10px 12px;background:rgba(15,23,42,0.6);border:1px solid rgba(148,163,184,0.2);border-radius:12px}.live-event-meta{display:flex;flex-direction:column;gap:4px;min-width:84px;font-size:0.78rem;color:rgba(226,232,240,0.65)}.live-event-title{font-weight:700;color:#f8fafc;font-size:0.92rem}.live-event-message{font-size:0.85rem;color:rgba(226,232,240,0.8)}.live-event-status{display:inline-flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:700;text-transform:uppercase}.live-status-dot{width:8px;height:8px;border-radius:999px;background:#64748b}.live-event.status-success .live-status-dot{background:#22c55e}.live-event.status-running .live-status-dot{background:#38bdf8}.live-event.status-warning .live-status-dot{background:#f59e0b}.live-event.status-error .live-status-dot{background:#ef4444}.live-runtime-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px 12px;font-size:0.8rem;color:rgba(226,232,240,0.7);background:rgba(15,23,42,0.8)}.live-runtime-status{font-weight:600}.live-runtime-autoscroll{font-weight:600}.live-workspace.is-active.is-collapsed .live-pane-bottom{flex:0 0 56px}.live-workspace.is-active.is-collapsed .live-runtime-feed,.live-workspace.is-active.is-collapsed .live-runtime-progress,.live-workspace.is-active.is-collapsed .live-runtime-footer{display:none}@media (max-width:900px){.live-workspace.is-active{max-height:none}.live-workspace.is-active .live-pane-top,.live-workspace.is-active .live-pane-bottom{flex:none;height:auto}.live-workspace.is-active .live-resizer{display:none}}.badge.medium{background:linear-gradient(135deg,#feca57 0%,#ff9f43 100%);color:#333;box-shadow:0 2px 6px rgba(254,202,87,0.3)}.badge.low{background:linear-gradient(135deg,#54a0ff 0%,#2e86de 100%);box-shadow:0 2px 6px rgba(46,134,222,0.3)}.badge.unknown{background:#a4b0be;box-shadow:0 2px 6px rgba(164,176,190,0.3)}.analyze-btn{background:var(--primary-gradient);color:white;border:none;padding:12px 24px;border-radius:var(--border-radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.analyze-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}:root{--bg-primary:#0f172a;--bg-card:#1e293b;--accent-primary:#38bdf8;--bg-input:rgba(15,23,42,0.72);--border-soft:rgba(148,163,184,0.24);--border-accent:rgba(56,189,248,0.42);--focus-glow:0 0 0 2px rgba(56,189,248,0.30),0 0 0 6px rgba(56,189,248,0.14);--card-border-glow:0 0 0 1px rgba(125,211,252,0.14),0 16px 32px rgba(2,6,23,0.32);--font-code:'Roboto Mono','Cascadia Code','Consolas',monospace}[data-theme='dark']{--bg-primary:#020617;--bg-card:#1e293b;--bg-input:rgba(2,6,23,0.74)}body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}nav,.navbar,header nav{background:rgba(15,23,42,0.84)!important;backdrop-filter:blur(14px) saturate(145%)!important;-webkit-backdrop-filter:blur(14px) saturate(145%)!important;border-bottom:1px solid var(--border-accent)!important}h1,h2,h3,.section-title,.workspace-title,.title-gradient{background:linear-gradient(130deg,#e0f2fe 0%,#7dd3fc 35%,#38bdf8 68%,#a5f3fc 100%)!important;background-size:220% 220%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:0 0 18px rgba(56,189,248,0.16)!important;animation:headingShine 7.5s ease-in-out infinite}@keyframes headingShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}label,.form-label{color:var(--text-secondary)!important}.btn,button,.action-btn,.export-btn,a.btn,input[type='submit'],input[type='button']{background:linear-gradient(180deg,rgba(30,41,59,0.95),rgba(15,23,42,0.9))!important;color:var(--text-primary)!important;border:1px solid var(--border-soft)!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(2,6,23,0.24)!important}.btn:hover,button:hover,.action-btn:hover,.export-btn:hover,a.btn:hover,input[type='submit']:hover,input[type='button']:hover{border-color:var(--border-accent)!important;box-shadow:0 10px 24px rgba(2,6,23,0.30),0 0 0 1px rgba(56,189,248,0.24)!important;transform:translateY(-1px)!important}.btn-primary,button.primary,button[type='submit']{background:linear-gradient(135deg,rgba(56,189,248,0.22),rgba(14,165,233,0.16))!important;border-color:rgba(56,189,248,0.55)!important;color:#e0f2fe!important;box-shadow:0 10px 24px rgba(2,132,199,0.22),0 0 0 1px rgba(56,189,248,0.28)!important}.btn-secondary,.btn-outline,.btn-ghost,button.secondary{background:rgba(15,23,42,0.76)!important;color:var(--text-secondary)!important;border-color:rgba(148,163,184,0.34)!important}input,select,textarea,.form-control,.form-input,.form-textarea,.form-select{background:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-soft)!important;border-radius:12px!important;backdrop-filter:blur(4px)}input::placeholder,textarea::placeholder,.form-control::placeholder{color:rgba(148,163,184,0.88)!important}input:focus,select:focus,textarea:focus,.form-control:focus,.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-accent)!important;box-shadow:var(--focus-glow)!important;background:rgba(15,23,42,0.9)!important;outline:none!important}.card,.panel,.workspace,.metric-card,.stat-card,.result-panel,.report-header-card,.before-after-card,.tab-content .card{background:linear-gradient(180deg,rgba(30,41,59,0.92),rgba(15,23,42,0.92))!important;border:1px solid rgba(125,211,252,0.24)!important;border-radius:16px!important;box-shadow:var(--card-border-glow)!important}.card:hover,.panel:hover,.metric-card:hover,.stat-card:hover,.result-panel:hover,.before-after-card:hover{border-color:rgba(56,189,248,0.48)!important;box-shadow:0 0 0 1px rgba(56,189,248,0.24),0 18px 36px rgba(2,6,23,0.36)!important}.card-glass,.glass-card,.plan-card,.instruction-card,.highlight-card{background:linear-gradient(165deg,rgba(30,41,59,0.48),rgba(15,23,42,0.28))!important;border:1px solid rgba(125,211,252,0.35)!important;box-shadow:0 12px 28px rgba(2,6,23,0.28),0 0 0 1px rgba(125,211,252,0.20)!important;backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%)}.tabs,.tab-bar,.inner-tabs,.analysis-tabs,.upload-tabs,[role='tablist'],.nav-tabs,[class*='tab-nav']{background:rgba(15,23,42,0.58)!important;border:1px solid rgba(148,163,184,0.20)!important;border-radius:14px!important;padding:4px!important;gap:4px!important}.tab,.tab-btn,.tab-bar button,.inner-tabs button,.analysis-tabs button,[role='tab']{color:var(--text-secondary)!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important}.tab.active,.tab-btn.active,.tab-bar button.active,.inner-tabs button.active,.analysis-tabs button.active,[role='tab'][aria-selected='true']{color:#e0f2fe!important;border-color:rgba(56,189,248,0.44)!important;background:linear-gradient(135deg,rgba(56,189,248,0.20),rgba(14,165,233,0.10))!important;box-shadow:0 8px 20px rgba(2,132,199,0.20)!important}pre,code,kbd,samp,.code-block,.issue-code-block,.workspace-code{background:#0b1220!important;border:1px solid rgba(56,189,248,0.26)!important;color:#e0f2fe!important;font-family:var(--font-code)!important}.code-block,pre,.assistant-message-body pre,.assistant-message-content pre{padding:16px 18px;border-radius:14px;margin:14px 0;overflow-x:auto;overflow-y:hidden;max-width:100%}.code-block,pre{scroll-behavior:smooth}.code-block.wrap,pre.wrap{white-space:pre-wrap;word-break:break-word}.code-block::-webkit-scrollbar,pre::-webkit-scrollbar,.assistant-message-body pre::-webkit-scrollbar,.assistant-message-content pre::-webkit-scrollbar{height:6px}.code-block::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb,.assistant-message-body pre::-webkit-scrollbar-thumb,.assistant-message-content pre::-webkit-scrollbar-thumb{background:rgba(53,212,255,0.4);border-radius:6px}