:root{--primary: #6366F1;--primary-hover: #5558E3;--primary-light: rgba(99, 102, 241, .1);--success: #10B981;--success-light: rgba(16, 185, 129, .1);--warning: #F59E0B;--warning-light: rgba(245, 158, 11, .1);--danger: #EF4444;--danger-light: rgba(239, 68, 68, .1);--info: #3B82F6;--info-light: rgba(59, 130, 246, .1);--bg: #0A0A0F;--bg-secondary: #12121A;--card-bg: #16161F;--card-bg-hover: #1C1C28;--border: #2A2A3C;--border-light: #3A3A4C;--text: #F5F5F7;--text-secondary: #A1A1AA;--text-muted: #71717A;--sidebar-width: 220px;--sidebar-collapsed: 64px;--header-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}select{color-scheme:light;background-color:#fff;color:#1a1a2e}.app{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:32px;background:var(--bg);min-height:100vh;transition:margin-left .3s ease}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:width .3s ease}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed+.main-content{margin-left:var(--sidebar-collapsed)}.sidebar-header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:var(--text)}.logo-icon{color:var(--primary)}.logo-icon-img{width:28px;height:28px;border-radius:6px;object-fit:contain}.sidebar.collapsed .logo-icon-img{width:24px;height:24px}.collapse-btn{color:var(--text-muted)}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:all .2s ease;margin-bottom:2px}.nav-item:hover{background:var(--card-bg);color:var(--text)}.nav-item.active{background:var(--primary-light);color:var(--primary)}.nav-item.disabled,.nav-item:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.nav-item.disabled:hover{background:transparent;color:var(--text-muted)}.nav-item .locked-badge{margin-left:auto;font-size:.75rem;opacity:.7}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border)}.nav-item.logout:hover{background:var(--danger-light);color:var(--danger)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:4px}.page-header p{color:var(--text-muted)}.page-header .auto-save-status{display:flex;align-items:center;margin-top:0;padding-top:0;border-top:none}.page-header .status-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500}.page-header .status-indicator.saving{color:var(--primary);background:#6366f11a}.page-header .status-indicator.saved{color:var(--success);background:#10b9811a}.page-header .status-indicator.error{color:var(--danger);background:#ef44441a}.spinner-small{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header-actions{display:flex;gap:12px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.btn-secondary:hover{background:var(--card-bg-hover);border-color:var(--border-light)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-muted);transition:all .2s ease}.btn-icon:hover{background:var(--card-bg);color:var(--text)}.btn-icon.danger:hover{background:var(--danger-light);color:var(--danger)}.btn-full{width:100%;justify-content:center}.btn-sm{padding:6px 12px;font-size:.85rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.metric-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all .2s ease}.metric-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.metric-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.metric-icon.primary{background:var(--primary-light);color:var(--primary)}.metric-icon.success{background:var(--success-light);color:var(--success)}.metric-icon.warning{background:var(--warning-light);color:var(--warning)}.metric-icon.info{background:var(--info-light);color:var(--info)}.metric-change{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600}.metric-change .positive{color:var(--success)}.metric-change .negative{color:var(--danger)}.metric-change .neutral{color:var(--text-muted)}.metric-value{font-size:2rem;font-weight:700;margin-bottom:4px}.metric-title{color:var(--text-secondary);font-weight:500}.metric-subtitle{color:var(--text-muted);font-size:.85rem;margin-top:4px}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.chart-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.chart-card.large{grid-column:span 1}.chart-card.flex-2{flex:2}.chart-header{margin-bottom:20px}.chart-header h3{font-size:1rem;font-weight:600}.pie-legend{display:flex;flex-direction:column;gap:8px;margin-top:16px}.pie-legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-value{margin-left:auto;font-weight:600;color:var(--text-muted)}.table-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-header{padding:20px 24px;border-bottom:1px solid var(--border)}.table-header h3{font-size:1rem;font-weight:600}.data-table th,.data-table td{padding:16px 24px;text-align:left}.data-table th{color:var(--text-muted);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.data-table tr{border-bottom:1px solid var(--border);transition:background .2s ease}.data-table tr:last-child{border-bottom:none}.data-table tr:hover{background:var(--card-bg-hover)}.prompt-cell{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platforms-cell{display:flex;gap:8px;flex-wrap:wrap}.url-cell{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.url-cell span{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.citations-count{font-weight:600;color:var(--primary)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.active{background:var(--success-light);color:var(--success)}.status-badge.paused{background:var(--warning-light);color:var(--warning)}.platform-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500;background:var(--card-bg-hover);color:var(--text-secondary)}.more-badge{padding:4px 8px;border-radius:6px;font-size:.75rem;background:var(--border);color:var(--text-muted)}.primary-badge{font-size:.7rem;padding:2px 8px;background:var(--primary-light);color:var(--primary);border-radius:10px;margin-left:8px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background-color:#fff;border:1px solid var(--border);border-radius:var(--radius-md);color:#1a1a2e;transition:all .2s ease;color-scheme:light;cursor:pointer}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.checkbox-label{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.platform-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden}.modal.modal-large{max-width:800px}.modal.modal-xlarge{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.1rem;font-weight:600}.modal-body{padding:24px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:24px;box-shadow:0 20px 40px #0000004d}.modal-content .modal-header{display:flex;align-items:center;gap:12px;padding:0;border-bottom:none;margin-bottom:16px}.modal-content .modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.modal-content .modal-header .warning-icon{color:#f59e0b}.modal-content .modal-body{padding:0;margin-bottom:24px}.modal-content .modal-body p{color:var(--text-secondary);line-height:1.6;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:20px;border-top:1px solid var(--border)}.modal-actions .btn-secondary{padding:12px 24px;background:var(--bg);border:1px solid var(--border);color:var(--text)}.modal-actions .btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary)}.modal-actions .btn-danger{padding:12px 24px;background:transparent;border:1px solid var(--error);color:var(--error)}.modal-actions .btn-danger:hover{background:var(--error);color:#fff}.modal-dialog{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:450px;padding:24px}.modal-dialog .modal-header{display:flex;align-items:center;gap:12px;padding:0;border-bottom:none;margin-bottom:16px}.modal-dialog .modal-header h3{margin:0}.modal-dialog .modal-header .warning-icon{color:#f59e0b}.modal-dialog .modal-body{padding:0;margin-bottom:24px}.modal-dialog .modal-body p{color:var(--text-muted);line-height:1.6}.modal-dialog .modal-footer{display:flex;justify-content:flex-end;gap:16px;margin-top:0;padding-top:20px;border-top:1px solid var(--border)}.modal-dialog .modal-footer .btn-secondary{padding:12px 24px}.modal-dialog .modal-footer .btn-danger{padding:12px 24px;background:transparent;border:1px solid var(--error);color:var(--error)}.modal-dialog .modal-footer .btn-danger:hover{background:var(--error);color:#fff}.unsaved-changes-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius);color:#f59e0b;font-size:13px}.unsaved-changes-warning svg{flex-shrink:0}.btn-danger{padding:10px 20px;border:none;border-radius:var(--radius);font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:#ef4444;color:#fff;transition:all .15s ease}.btn-danger:hover{background:#dc2626}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-secondary) 100%);padding:20px}.login-container{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:40px}.login-header .logo-icon{width:60px;height:60px;color:var(--primary);margin-bottom:16px}.login-logo{width:80px;height:80px;border-radius:16px;margin-bottom:20px;box-shadow:0 8px 24px #3b82f640}.login-header h1{font-size:1.75rem;margin-bottom:8px}.login-header p{color:var(--text-muted)}.login-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.error-message{background:var(--danger-light);color:var(--danger);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:20px;font-size:.9rem}.success-message{background:var(--success-light);color:var(--success);padding:16px 20px;border-radius:var(--radius-md);margin-bottom:16px;font-size:.9rem;display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(16,185,129,.2);width:100%}.success-toast{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--success-light);color:var(--success);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;border:1px solid rgba(16,185,129,.2);animation:fadeInOut 3s ease-in-out}.success-toast svg{flex-shrink:0}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-5px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.success-message svg{flex-shrink:0;margin-top:2px}.success-message .success-content{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap;flex:1}.success-message .success-content span{flex:1;min-width:200px}.success-message .btn-sm{padding:8px 16px;font-size:.85rem;white-space:nowrap}.login-toggle{text-align:center;margin-top:20px;color:var(--text-muted)}.login-toggle button{color:var(--primary);font-weight:500}.demo-credentials{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);text-align:center;font-size:.85rem;color:var(--text-muted)}.demo-credentials code{background:var(--bg);padding:2px 8px;border-radius:4px;font-family:JetBrains Mono,monospace}.google-signin-section{margin-bottom:24px}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:8px;font-size:15px;font-weight:500;font-family:Google Sans,Roboto,Arial,sans-serif;cursor:pointer;transition:all .2s ease}.google-signin-btn:hover{background:#f8f9fa;border-color:#d2d4d7;box-shadow:0 1px 3px #0000001a}.google-signin-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.google-signin-button{display:flex;justify-content:center;margin-bottom:16px}.google-signin-button>div{width:100%!important}.google-loading{text-align:center;color:var(--text-muted);font-size:.9rem;margin-top:8px}.login-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:var(--text-muted);font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{white-space:nowrap}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted)}.loading-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.loading-skeleton{animation:pulse 1.5s ease-in-out infinite}.skeleton-line{height:12px;background:var(--border);border-radius:4px;margin-bottom:8px}.skeleton-line.large{height:32px;margin-bottom:12px}.skeleton-line.small{width:60%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinning{animation:spin 1s linear infinite}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:60px 40px;text-align:center}.empty-state-card svg{color:var(--text-muted);margin-bottom:20px}.empty-state-card h3{font-size:1.25rem;margin-bottom:8px}.empty-state-card p{color:var(--text-muted);margin-bottom:24px}.research-input-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px}.input-type-tabs{display:flex;gap:8px;margin-bottom:20px}.input-type-tabs .tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;transition:all .2s ease}.input-type-tabs .tab:hover{background:var(--card-bg-hover);color:var(--text)}.input-type-tabs .tab.active{background:var(--primary-light);color:var(--primary)}.input-wrapper{display:flex;gap:12px}.research-input{flex:1;padding:14px 20px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:1rem}.research-input:focus{outline:none;border-color:var(--primary)}.generate-btn{white-space:nowrap}.generated-prompts-section{margin-top:32px}.section-header h2{font-size:1.25rem}.prompt-count{color:var(--text-muted);font-size:.9rem}.prompts-grid{display:grid;gap:16px}.prompt-card{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;transition:all .2s ease}.prompt-card:hover{border-color:var(--border-light)}.prompt-text{font-size:1rem;margin-bottom:12px}.prompt-meta{display:flex;gap:12px}.volume-badge,.competition-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500}.volume-badge{background:var(--info-light);color:var(--info)}.volume-badge.high{background:var(--success-light);color:var(--success)}.volume-badge.low{background:var(--warning-light);color:var(--warning)}.competition-badge{background:var(--card-bg-hover);color:var(--text-secondary)}.competition-badge.low{color:var(--success)}.competition-badge.high{color:var(--danger)}.prompt-actions{display:flex;align-items:center;gap:16px}.relevance-score{text-align:right}.score-label{display:block;font-size:.75rem;color:var(--text-muted)}.score-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.prompts-list{display:flex;flex-direction:column;gap:12px}.prompt-list-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;transition:all .2s ease}.prompt-list-item:hover{border-color:var(--border-light)}.prompt-main{display:flex;align-items:center;gap:16px;flex:1}.prompt-status-indicator{width:10px;height:10px;border-radius:50%;background:var(--success)}.prompt-status-indicator[data-status=paused]{background:var(--warning)}.prompt-info h4{font-size:1rem;font-weight:500;margin-bottom:8px}.prompt-meta-row{display:flex;align-items:center;gap:20px}.meta-item{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.85rem}.meta-item.platforms{display:flex;gap:8px}.prompt-results{display:flex;align-items:center;gap:32px}.result-item{text-align:center}.result-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.result-value{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:600}.result-value.success{color:var(--success)}.result-value.warning{color:var(--warning)}.result-value.position.top{color:var(--success)}.brand-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.brand-tab{padding:10px 20px;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;transition:all .2s ease}.brand-tab:hover{background:var(--card-bg);color:var(--text)}.brand-tab.active{background:var(--primary-light);color:var(--primary)}.brand-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;text-align:center}.stat-card.primary{background:var(--primary-light);border-color:var(--primary)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:var(--text-muted);font-size:.85rem}.domain-input-section,.audit-input-section{margin-bottom:32px}.domain-search{display:flex;align-items:center;gap:16px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 24px}.domain-search svg{color:var(--text-muted)}.domain-search input{flex:1;background:transparent;border:none;color:var(--text);font-size:1rem}.domain-search input:focus{outline:none}.domain-overview-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.audit-overview{margin-bottom:32px}.overall-score-card{display:flex;align-items:center;gap:40px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.score-circle{position:relative;width:160px;height:160px}.score-circle svg{width:100%;height:100%}.score-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-text .score-value{font-size:2.5rem;font-weight:700}.score-text .score-label{color:var(--text-muted);font-size:.85rem}.score-details h3{font-size:1.25rem;margin-bottom:8px}.score-details p{color:var(--text-muted);margin-bottom:20px}.score-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.breakdown-item{display:flex;justify-content:space-between;padding:8px 0;color:var(--text-secondary)}.breakdown-score{font-weight:600;color:var(--text)}.audit-recommendations h3{font-size:1.25rem;margin-bottom:20px}.recommendations-list{display:grid;gap:16px}.recommendation-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px}.recommendation-item.high{border-left:3px solid var(--danger)}.recommendation-item.medium{border-left:3px solid var(--warning)}.priority-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:4px;margin-bottom:12px}.recommendation-item.high .priority-badge{background:var(--danger-light);color:var(--danger)}.recommendation-item.medium .priority-badge{background:var(--warning-light);color:var(--warning)}.recommendation-item h4{font-size:1rem;margin-bottom:8px}.recommendation-item p{color:var(--text-secondary);font-size:.9rem;margin-bottom:12px}.recommendation-impact{color:var(--success);font-size:.85rem;font-weight:500}.audit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.audit-loading h3{margin-top:20px;margin-bottom:8px}.audit-loading p{color:var(--text-muted);margin-bottom:24px}.loading-steps{display:flex;flex-direction:column;gap:8px;text-align:left;color:var(--text-muted);font-size:.9rem}.loading-steps .active{color:var(--primary);font-weight:500}.audit-overview-enhanced{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px}.main-score-card{display:flex;align-items:center;gap:32px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.score-circle.large{position:relative;width:140px;height:140px;flex-shrink:0}.score-circle.large svg{width:100%;height:100%}.score-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-inner .grade{font-size:1.5rem;font-weight:700}.score-inner .score-number{font-size:2rem;font-weight:700;line-height:1}.score-summary{flex:1}.score-summary h3{font-size:1.1rem;margin-bottom:8px;color:var(--text)}.score-summary .audit-url{color:var(--primary);font-size:.9rem;margin-bottom:12px;word-break:break-all}.audit-meta-info{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}.category-scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.category-score-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:all .2s ease}.category-score-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.category-score-card.active{border-color:var(--primary);background:var(--primary-light)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-name{font-weight:600;font-size:.9rem}.category-weight{font-size:.75rem;color:var(--text-muted);background:var(--bg);padding:2px 6px;border-radius:4px}.category-score{font-size:2rem;font-weight:700;margin-bottom:8px}.category-expand-hint{font-size:.75rem;color:var(--text-muted);margin-top:8px}.score-bar-container{display:flex;align-items:center;gap:12px}.score-bar{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.score-bar-value{font-weight:600;font-size:.9rem;min-width:32px}.score-explanation{background:var(--bg);border-radius:var(--radius-md);padding:16px}.explanation-formula{font-size:.85rem;color:var(--text-muted);margin-bottom:12px;font-family:monospace}.strength-weakness{display:flex;gap:32px}.strength,.weakness{display:flex;gap:8px;font-size:.9rem}.strength .label,.weakness .label{font-weight:600}.category-details-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.category-details-inline{margin-top:16px;border-color:var(--primary);animation:slideDown .3s ease-out}.category-details-inline:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;background:var(--card-bg);border-left:1px solid var(--primary);border-top:1px solid var(--primary);transform:translate(-50%) rotate(45deg)}.category-details-inline{position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0}.section-header p{color:var(--text-muted);margin:0;font-size:.9rem}.factors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px}.factor-detail-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.factor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.factor-info{display:flex;flex-direction:column;gap:4px}.factor-name{font-weight:600;font-size:.95rem}.factor-status{font-size:.8rem;font-weight:500}.factor-score{font-size:1.5rem;font-weight:700}.factor-metrics{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.metric-item{font-size:.8rem}.metric-label{color:var(--text-muted)}.metric-value{font-weight:500;margin-left:4px}.factor-issues,.factor-improvements{margin-top:12px;font-size:.85rem}.factor-issues strong,.factor-improvements strong{display:block;margin-bottom:6px;color:var(--text)}.factor-issues ul,.factor-improvements ul{margin:0;padding-left:0;list-style:none}.factor-issues li,.factor-improvements li{margin-bottom:4px;padding-left:0}.issue-item{color:var(--danger)}.improvement-item{color:var(--text-secondary)}.recommendations-section{margin-bottom:24px}.recommendations-list-enhanced{display:flex;flex-direction:column;gap:12px}.recommendation-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;overflow:hidden}.recommendation-card:hover{border-color:var(--primary)}.recommendation-card.critical{border-left:4px solid var(--danger)}.recommendation-card.high{border-left:4px solid #f97316}.recommendation-card.medium{border-left:4px solid var(--warning)}.recommendation-card.low{border-left:4px solid var(--success)}.rec-header{display:flex;align-items:center;gap:16px;padding:16px 20px}.rec-priority{font-size:.7rem;font-weight:700;color:#fff;padding:4px 10px;border-radius:4px;white-space:nowrap}.rec-title-section{flex:1}.rec-title-section h4{margin:0 0 4px;font-size:1rem}.rec-category{font-size:.8rem;color:var(--text-muted)}.rec-scores{display:flex;align-items:center;gap:8px;font-size:.9rem}.current-score,.score-arrow{color:var(--text-muted)}.target-score{color:var(--success);font-weight:600}.expand-icon{color:var(--text-muted);transition:transform .2s ease}.expand-icon.rotated{transform:rotate(180deg)}.rec-details{padding:0 20px 20px;border-top:1px solid var(--border);margin-top:0;animation:slideDown .2s ease}.rec-why,.rec-issues,.rec-actions,.rec-code,.rec-detected{margin-top:16px}.rec-why strong,.rec-issues strong,.rec-actions strong,.rec-code strong,.rec-detected strong{display:block;margin-bottom:8px;font-size:.9rem}.rec-why p{color:var(--text-secondary);font-size:.9rem;margin:0}.rec-issues ul,.rec-actions ol,.rec-detected ul{margin:0;padding-left:20px;font-size:.9rem}.rec-issues li{color:var(--danger);margin-bottom:4px}.rec-actions li{color:var(--text-secondary);margin-bottom:6px}.rec-detected li{color:var(--text-muted);font-style:italic;margin-bottom:4px}.rec-code pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin:8px 0;overflow-x:auto;font-size:.8rem;line-height:1.5}.rec-code code{font-family:Monaco,Menlo,monospace;color:var(--text)}.rec-code .btn-secondary{margin-top:8px}.rec-meta{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:.85rem}.rec-impact{color:var(--success);font-weight:500}.rec-time{color:var(--text-muted)}.quick-wins-section{background:linear-gradient(135deg,var(--primary-light),transparent);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px}.quick-wins-section h3{margin:0 0 16px;font-size:1rem}.quick-wins-list{display:flex;flex-direction:column;gap:8px}.quick-win-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);padding:12px 16px;border-radius:var(--radius-md)}.qw-title{font-weight:500}.qw-impact{font-size:.85rem;color:var(--success);font-weight:500}.qw-number{font-weight:700;color:var(--primary);min-width:30px}.score-breakdown-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.score-breakdown-section h3{margin:0 0 16px}.calculation-display{background:var(--bg);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:20px;font-family:Monaco,Menlo,monospace;font-size:.9rem}.calculation-display strong{color:var(--primary);font-size:1.1rem}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.breakdown-category{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.cat-name{font-weight:600}.cat-contribution{color:var(--success);font-weight:600;font-size:.9rem}.breakdown-factors{display:flex;flex-direction:column;gap:12px}.breakdown-factor{padding:8px;background:var(--card-bg);border-radius:var(--radius-sm)}.factor-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.breakdown-factor .factor-name{font-size:.85rem;font-weight:500}.breakdown-factor .factor-score{font-weight:700;padding:2px 8px;border-radius:4px;font-size:.85rem}.breakdown-factor .factor-score.good{background:#10b9811a;color:var(--success)}.breakdown-factor .factor-score.moderate{background:#f59e0b1a;color:var(--warning)}.breakdown-factor .factor-score.needs-work,.breakdown-factor .factor-score.critical{background:#ef44441a;color:var(--danger)}.factor-reason{font-size:.8rem;color:var(--text-muted);line-height:1.4}.score-justification-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.score-justification-section h3{margin:0 0 16px}.justification-summary{background:var(--bg);padding:16px;border-radius:var(--radius-md);margin-bottom:20px}.justification-summary p{margin:4px 0;font-size:.95rem}.justification-group{margin-bottom:20px}.justification-group h4{margin:0 0 12px;font-size:1rem;display:flex;align-items:center;gap:8px}.justification-group.critical h4{color:var(--danger)}.justification-group.weaknesses h4{color:var(--warning)}.justification-group.strengths h4{color:var(--success)}.justification-group ul{list-style:none;padding:0;margin:0}.justification-group li{padding:12px;background:var(--bg);border-radius:var(--radius-md);margin-bottom:8px}.justification-group li strong{display:inline}.justification-group li p{margin:4px 0 0;font-size:.85rem;color:var(--text-muted)}.justification-group.critical li{border-left:3px solid var(--danger)}.justification-group.weaknesses li{border-left:3px solid var(--warning)}.justification-group.strengths li{border-left:3px solid var(--success)}.rec-number{font-weight:700;font-size:.9rem;color:var(--text-muted);min-width:32px}.previous-audits{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.previous-audits h3{margin:0 0 16px}.audits-list{display:flex;flex-direction:column;gap:8px}.audit-history-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.audit-history-item:hover{border-color:var(--primary);background:var(--primary-light)}.audit-history-item .audit-url{flex:1;font-size:.9rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-history-item .audit-score{font-weight:700;font-size:1.1rem}.audit-history-item .audit-date{font-size:.8rem;color:var(--text-muted)}@media (max-width: 1200px){.category-scores-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-score-card{flex-direction:column;text-align:center}.category-scores-grid,.factors-grid{grid-template-columns:1fr}.strength-weakness{flex-direction:column;gap:8px}.rec-header{flex-wrap:wrap}.rec-meta{flex-direction:column;gap:8px}}.report-generator{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.report-generator h3{margin-bottom:24px}.report-options{display:flex;flex-direction:column;gap:24px}.report-type-selector{display:flex;gap:12px}.report-type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);transition:all .2s ease}.report-type-btn:hover{border-color:var(--border-light);color:var(--text)}.report-type-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.export-buttons{display:flex;gap:12px}.workspaces-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workspace-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;cursor:pointer;transition:all .2s ease;position:relative}.workspace-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.workspace-card.selected{border-color:var(--primary)}.workspace-card.primary{background:linear-gradient(135deg,var(--card-bg) 0%,var(--primary-light) 100%)}.primary-tag{position:absolute;top:12px;right:12px;font-size:.7rem;font-weight:600;padding:4px 8px;background:var(--primary);color:#fff;border-radius:4px}.workspace-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.workspace-icon{width:48px;height:48px;background:var(--bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.workspace-card h3{font-size:1.1rem}.workspace-card.add-new{border-style:dashed;text-align:center}.workspace-card.add-new:hover{border-color:var(--primary);background:var(--primary-light)}.add-icon{width:64px;height:64px;margin:0 auto 16px;border:2px dashed var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.workspace-card.add-new h3{margin-bottom:8px}.workspace-card.add-new p{color:var(--text-muted);font-size:.85rem}.settings-sections{display:flex;flex-direction:column;gap:32px}.settings-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.settings-section h3{font-size:1.1rem;margin-bottom:8px}.section-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:20px}.settings-form{max-width:500px}.key-status{font-size:.75rem;margin-left:8px}.key-status.configured{color:var(--success)}.settings-actions{margin-top:32px}@media (max-width: 1400px){.metrics-grid,.brand-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.charts-grid,.charts-row{grid-template-columns:1fr}.workspaces-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.sidebar{width:var(--sidebar-collapsed)}.sidebar .logo span,.sidebar .nav-item span{display:none}.sidebar .nav-item{justify-content:center;padding:12px}.main-content{margin-left:var(--sidebar-collapsed);padding:20px}.metrics-grid,.brand-stats{grid-template-columns:1fr}.page-header{flex-direction:column;gap:16px}.prompt-list-item{flex-direction:column;align-items:flex-start;gap:16px}.prompt-results{width:100%;justify-content:space-between}.overall-score-card{flex-direction:column;text-align:center}.workspaces-grid{grid-template-columns:1fr}.input-wrapper{flex-direction:column}.domain-search{flex-direction:column;gap:12px}.domain-search input,.domain-search button{width:100%}}.platform-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px}.platform-status-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border);transition:all .2s ease}.platform-status-card.configured{border-color:var(--success);background:#10b9810d}.platform-status-card.not-configured{border-color:var(--border);opacity:.7}.platform-status-card .platform-name{font-weight:600;font-size:14px;color:var(--text-primary)}.platform-status-card .status-badge{font-size:12px;padding:4px 8px;border-radius:12px;width:fit-content}.platform-status-card .status-badge.active{background:#10b98126;color:var(--success)}.platform-status-card .status-badge.inactive{background:var(--background);color:var(--text-secondary)}.api-keys-form .form-group{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.api-keys-form .form-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.api-keys-form label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.platform-badge{font-size:11px;padding:2px 8px;background:var(--primary);color:#fff;border-radius:10px;font-weight:500}.key-status{font-size:12px;padding:2px 8px;border-radius:10px;margin-left:auto}.key-status.configured{background:#10b98126;color:var(--success)}.api-link{display:inline-block;margin-top:8px;font-size:12px;color:var(--primary);text-decoration:none}.api-link:hover{text-decoration:underline}input.locked,input:disabled{background:var(--hover)!important;cursor:not-allowed;opacity:.7;border-color:var(--border)}input.locked::placeholder,input:disabled::placeholder{color:var(--text-muted)}.api-note{display:block;margin-top:4px;font-size:12px;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.settings-form select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text);font-size:14px;cursor:pointer;color-scheme:light;background-color:#fff;color:#1a1a2e}.settings-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a}.form-group select{color-scheme:light;background-color:#fff;color:#1a1a2e}select{color-scheme:light}.section-desc{color:var(--text-secondary);font-size:14px;margin-top:-8px;margin-bottom:16px}.toggle-group{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);gap:24px}.toggle-label{flex:1}.toggle-label label{font-weight:500;margin-bottom:4px;display:block}.toggle-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:4px}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--success)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #10b98133}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.suggested-prompts-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.suggested-prompts-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(135deg,var(--primary-light),rgba(16,185,129,.1));border-radius:var(--radius-md);border:1px solid var(--primary);cursor:pointer;transition:all .2s}.suggested-prompts-header:hover{background:linear-gradient(135deg,#6366f126,#10b98126)}.suggested-prompts-header-left{display:flex;align-items:center;gap:10px}.suggested-prompts-header h4{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--text)}.suggested-prompts-header h4 svg{color:var(--primary)}.suggested-prompts-header .info-text{font-size:11px;color:var(--text-secondary);display:none}.suggested-prompts-header-actions{display:flex;align-items:center;gap:6px}.suggested-prompts-header .collapse-icon{color:var(--text-muted);transition:transform .2s;cursor:pointer}.suggested-prompts-header.expanded .collapse-icon{transform:rotate(180deg)}.suggested-prompts-content{margin-top:12px;max-height:320px;overflow-y:auto}.suggested-prompts-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;background:var(--card-bg);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px}.suggested-prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.suggested-prompt-card{display:flex;flex-direction:column;padding:10px 12px;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s;cursor:pointer}.suggested-prompt-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #6366f126}.suggested-prompt-card.added{background:var(--success-light);border-color:var(--success);opacity:.7}.suggested-prompt-card.added:hover{transform:none}.suggested-prompt-text{font-size:13px;color:var(--text);margin-bottom:6px;line-height:1.3}.suggested-prompt-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.suggested-prompt-category{font-size:11px;padding:3px 8px;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);text-transform:capitalize}.suggested-prompt-category.discovery{background:var(--info-light);color:var(--info)}.suggested-prompt-category.comparison{background:var(--warning-light);color:var(--warning)}.suggested-prompt-category.problem_solution{background:var(--success-light);color:var(--success)}.suggested-prompt-category.feature{background:var(--primary-light);color:var(--primary)}.suggested-prompt-category.industry{background:#8b5cf61a;color:#8b5cf6}.suggested-prompt-intent{font-size:11px;padding:3px 6px;border-radius:4px}.suggested-prompt-intent.high{background:var(--success-light);color:var(--success)}.suggested-prompt-intent.medium{background:var(--warning-light);color:var(--warning)}.suggested-prompt-intent.low{background:var(--bg-secondary);color:var(--text-muted)}.suggested-prompt-add-icon{color:var(--primary);opacity:0;transition:opacity .2s}.suggested-prompt-card:hover .suggested-prompt-add-icon{opacity:1}.suggested-prompt-added-icon{color:var(--success)}.suggested-prompts-empty{text-align:center;padding:32px;background:var(--card-bg);border-radius:var(--radius-md);color:var(--text-secondary)}.suggested-prompts-empty button{margin-top:12px}.suggested-prompts-actions{display:flex;gap:8px;margin-top:10px;justify-content:center}.suggested-prompts-collapse{text-align:center;margin-top:8px}.suggested-prompts-collapse button{font-size:12px;color:var(--primary);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;margin:0 auto}.suggested-prompts-collapse button:hover{text-decoration:underline}.schedule-info{margin-bottom:24px}.schedule-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--text)}.schedule-header h3{margin:0}.schedule-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.schedule-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-md)}.schedule-item .label{color:var(--text-secondary);font-size:14px}.schedule-item .value{color:var(--text);font-weight:500}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:14px}.auto-refresh-toggle input{width:16px;height:16px;cursor:pointer}.header-actions{display:flex;align-items:center;gap:12px}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.type-badge.manual{background:#6366f126;color:#818cf8}.type-badge.scheduled{background:#10b98126;color:#34d399}.running-row{background:#f59e0b0d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.job-details{display:flex;flex-direction:column;gap:16px}.job-details .detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border)}.job-details .detail-row:last-child{border-bottom:none}.job-details .label{color:var(--text-secondary);min-width:150px}.job-details code{background:var(--bg-secondary);padding:4px 8px;border-radius:var(--radius-sm);font-family:Fira Code,monospace;font-size:12px;color:var(--primary)}.job-details pre{background:var(--bg-secondary);padding:12px;border-radius:var(--radius-md);font-family:Fira Code,monospace;font-size:12px;overflow-x:auto;max-width:400px;color:var(--danger)}.job-details .errors{flex-direction:column;gap:8px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{margin:0}.btn-text{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:all .2s}.btn-text:hover{background:var(--bg-secondary);color:var(--text)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.data-table th{font-weight:600;color:var(--text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary)}.data-table tr:hover{background:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.btn-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s}.btn-icon:hover{background:var(--border);color:var(--text)}.brand-config{padding:0}.brand-config-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--border);margin-bottom:24px}.brand-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.brand-icon-large{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#8B5CF6);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.brand-title h2{font-size:28px;margin-bottom:8px}.brand-domain-link{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:14px}.brand-domain-link:hover{text-decoration:underline}.brand-form{display:flex;flex-direction:column;gap:24px}.brand-form .form-group{margin-bottom:0}.brand-form textarea{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:14px;resize:vertical}.brand-form textarea:focus{outline:none;border-color:var(--primary)}.form-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-muted)}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border)}.brand-details{display:flex;flex-direction:column;gap:24px}.detail-section h4{font-size:14px;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.detail-section p{color:var(--text);line-height:1.6}.detail-section .no-data{color:var(--text-muted);font-style:italic}.keyword-tags,.competitor-tags{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{background:#6366f126;color:#818cf8;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px}.competitor-tag{background:#ef444426;color:#f87171;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px}.brand-tip-card{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:24px}.brand-tip-card h4{margin-bottom:12px;color:var(--text)}.brand-tip-card ul{list-style:none;display:flex;flex-direction:column;gap:8px}.brand-tip-card li{color:var(--text-secondary);font-size:14px}.brand-tip-card strong{color:var(--text)}.workspace-card .workspace-info{flex:1}.workspace-card .brand-domain{font-size:12px;color:var(--text-muted);margin-top:4px}.workspace-card .workspace-description{font-size:13px;color:var(--text-secondary);margin:12px 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workspace-card .active-tag{position:absolute;top:12px;right:12px;background:var(--success);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600}.workspace-card .brand-icon{background:linear-gradient(135deg,var(--primary),#8B5CF6);color:#fff}.error-message{background:#ef444426;color:#f87171;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px;font-size:14px}.required{color:#f87171}.brands-page{padding:0}.brands-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:24px}.brands-sidebar{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);padding:16px;height:fit-content;position:sticky;top:24px}.brands-list{display:flex;flex-direction:column;gap:4px}.brand-list-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.brand-list-item:hover{background:var(--bg-secondary)}.brand-list-item.active{background:#6366f126}.brand-list-item.add-new{border:1px dashed var(--border);margin-top:8px}.brand-list-item.add-new:hover{border-color:var(--primary);background:#6366f10d}.brand-list-item.disabled{opacity:.5;cursor:not-allowed;border-color:var(--border)}.brand-list-item.disabled:hover{border-color:var(--border);background:transparent}.brand-list-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),#8B5CF6);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.brand-list-icon.add{background:var(--bg-secondary);color:var(--text-muted)}.brand-list-info{flex:1;min-width:0}.brand-list-name{display:block;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-list-domain{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.brand-list-check{color:var(--primary);flex-shrink:0}.brands-main{min-width:0}.brands-main .brand-config-card{margin-bottom:0}.brands-main .brand-header{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.brands-main .brand-title{flex:1}.brands-main .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center}.brands-main .empty-state svg{color:var(--text-muted);margin-bottom:16px}.brands-main .empty-state h3{margin-bottom:8px}.brands-main .empty-state p{color:var(--text-secondary);margin-bottom:24px}.detail-row{margin-bottom:20px}.detail-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.brands-layout{grid-template-columns:1fr}.brands-sidebar{position:static}.detail-row.two-col{grid-template-columns:1fr}}.monitoring-dashboard{padding:24px;max-width:1600px;margin:0 auto}.brand-context-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-light) 0%,var(--card-bg) 100%);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px}.brand-info{display:flex;align-items:center;gap:16px}.brand-icon{width:48px;height:48px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.brand-info h2{margin:0 0 4px;font-size:1.25rem}.brand-domain{display:flex;gap:16px;color:var(--text-muted);font-size:.85rem;margin:0}.brand-domain span{display:flex;align-items:center;gap:4px}.keywords-tag{background:var(--bg);padding:2px 8px;border-radius:4px}.monitoring-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.prompts-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border);background:var(--bg)}.panel-header h3{margin:0;font-size:.95rem;display:flex;align-items:center;gap:6px}.empty-prompts{padding:40px 20px;text-align:center;color:var(--text-muted)}.empty-prompts svg{opacity:.5;margin-bottom:12px}.empty-prompts p{margin:0 0 16px;font-size:.9rem}.prompts-scroll-list{max-height:calc(100vh - 350px);overflow-y:auto}.prompt-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:all .15s ease}.prompt-item:hover{background:var(--bg)}.prompt-item.active{background:var(--primary-light);border-left:3px solid var(--primary)}.prompt-item-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.prompt-item-icon{color:var(--text-muted)}.prompt-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.prompt-status-dot[data-mentioned=true]{background:var(--success)}.prompt-item-text{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.prompt-item:hover .prompt-item-actions,.prompt-item-actions.monitoring{opacity:1}.btn-icon-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s}.btn-icon-sm:hover{background:var(--bg);color:var(--text)}.btn-icon-sm.danger:hover{background:#ef44441a;color:var(--danger)}.btn-sm{padding:6px 12px;font-size:.8rem}.results-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.results-context{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg);border-radius:var(--radius-md);margin-bottom:20px;font-size:.9rem;color:var(--text-muted)}.results-context strong{color:var(--text)}.metrics-grid.compact{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.metric-header{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem;margin-bottom:8px}.metric-header svg:first-child{color:var(--primary)}.metric-value{font-size:2rem;font-weight:700;color:var(--text);line-height:1}.metric-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:4px}.metrics-formula-helper{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--primary-light);border-radius:var(--radius-md);margin-bottom:20px;font-size:.8rem;color:var(--text-secondary)}.metrics-formula-helper svg{color:var(--primary);flex-shrink:0}.metrics-formula-helper strong{color:var(--text)}.metric-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;margin-left:auto}.metric-tooltip-icon{color:var(--text-muted);transition:color .15s}.metric-tooltip-wrapper:hover .metric-tooltip-icon{color:var(--primary)}.metric-tooltip-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;color:var(--text-secondary);line-height:1.5;min-width:200px;max-width:300px;white-space:normal;z-index:1000;box-shadow:var(--shadow-lg);pointer-events:none}.metric-tooltip-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border)}.platform-results-section{margin-top:24px}.platform-results-section h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:1rem}.platform-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.platform-result-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:all .2s}.platform-result-card.mentioned{border-color:var(--success);background:#22c55e0d}.platform-result-card.not-mentioned{opacity:.8}.platform-result-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.platform-icon{font-size:1.25rem}.platform-name{font-weight:600;flex:1}.status-icon.success{color:var(--success)}.status-icon.warning{color:var(--warning)}.platform-result-details{display:flex;flex-direction:column;gap:8px}.result-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.result-row .label{color:var(--text-muted);display:flex;align-items:center;gap:4px}.result-row .value{font-weight:500}.result-row .value.success{color:var(--success)}.result-row .value.muted{color:var(--text-muted)}.value.sentiment-positive{color:var(--success)}.value.sentiment-neutral{color:var(--text-muted)}.value.sentiment-negative{color:var(--danger)}.platform-result-footer{display:flex;align-items:center;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.overview-charts{margin-top:24px}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.overview-charts .chart-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.overview-charts .chart-card h4{margin:0 0 16px;font-size:.95rem}.pie-legend.compact{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.pie-legend.compact .pie-legend-item{font-size:.8rem}.ai-responses-section{margin-top:24px}.ai-responses-section h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:.95rem}.ai-responses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.ai-response-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.ai-response-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--card-bg);border-left:4px solid var(--primary);flex-wrap:wrap}.ai-response-header .platform-icon{font-size:1.1rem}.ai-response-header .platform-name{font-weight:600;font-size:.9rem;color:var(--text)}.ai-response-header .brand-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:auto}.ai-response-header .brand-badge.mentioned{background:#10b98126;color:var(--success)}.ai-response-header .brand-badge.cited{background:#6366f126;color:var(--primary);margin-left:4px}.ai-response-body{padding:16px;flex:1;min-height:80px}.ai-response-body .response-text{font-size:.85rem;line-height:1.6;color:var(--text-secondary);margin:0;max-height:150px;overflow-y:auto}.ai-response-body .no-response{font-size:.85rem;color:var(--text-muted);font-style:italic;margin:0}.ai-response-footer{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--card-bg);border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);justify-content:space-between}.ai-response-footer .response-time{display:flex;align-items:center;gap:4px}.ai-response-footer .view-history-btn{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--primary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background .2s}.ai-response-footer .view-history-btn:hover{background:var(--primary-light)}.ai-response-card.not-configured{opacity:.7}.ai-response-card.not-monitored{opacity:.8}.ai-response-card .not-configured-badge{background:var(--warning-light);color:var(--warning);font-size:.7rem}.ai-response-body .error-response{color:var(--danger);font-size:.85rem;display:flex;align-items:center;gap:8px;margin:0}.platform-errors-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);margin-bottom:16px;color:var(--danger)}.platform-errors-banner svg{flex-shrink:0;margin-top:2px}.platform-errors-banner .error-messages{flex:1;font-size:.9rem}.platform-errors-banner .error-messages p{margin:0 0 4px}.platform-errors-banner .error-messages p:last-child{margin-bottom:0}.platform-errors-banner .error-hint{font-size:.85rem;opacity:.8;margin-top:4px}.platform-errors-banner.api-error{background:#ef44441a;border-color:#ef44444d}.btn-icon-sm.monitoring-active{background:var(--primary-light);border-color:var(--primary)}.btn-icon-sm.monitoring-active svg{color:var(--primary)}.btn-primary .spinning,.btn-secondary .spinning{animation:spin 1s linear infinite}.header-actions .btn-primary svg.spinning,.header-actions .btn-secondary svg.spinning{animation:spin 1s linear infinite}.platform-status-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.platform-status-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);font-size:.8rem}.platform-status-item.configured{border-color:var(--success);background:#10b9811a}.platform-status-item.not-configured{opacity:.6}.platform-status-item .platform-icon{font-size:.9rem}.platform-status-item .platform-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-status-item .status-icon.success{color:var(--success);flex-shrink:0}.platform-status-item .status-text{font-size:.65rem;color:var(--text-muted);white-space:nowrap}@media (max-width: 500px){.platform-status-list{grid-template-columns:repeat(2,1fr)}}.warning-message{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--warning-light);border-radius:var(--radius-md);margin-top:12px;font-size:.85rem;color:var(--warning)}.response-history-modal{max-height:70vh;overflow-y:auto}.response-history-modal .loading-state,.response-history-modal .empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);gap:12px}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.history-item-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}.history-item-header .history-date{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.history-item-header .history-badges{display:flex;gap:8px;flex-wrap:wrap}.history-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.history-badge.mentioned{background:#10b98126;color:var(--success)}.history-badge.cited{background:#6366f126;color:var(--primary)}.history-badge.sentiment-positive{background:#10b98126;color:var(--success)}.history-badge.sentiment-negative{background:#ef444426;color:var(--error)}.history-item-body{padding:16px}.history-response-content,.history-response-content .markdown-content{max-height:none!important}.history-response-content .markdown-content:after{display:none!important}.history-item-body .response-text{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin:0;white-space:pre-wrap}.history-item-body .no-response{color:var(--text-muted);font-style:italic}.history-item-citations{padding:12px 16px;background:var(--bg);border-top:1px solid var(--border)}.history-item-citations .citations-header{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.history-item-citations .citations-list{display:flex;flex-wrap:wrap;gap:6px}.history-item-citations .citation-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--background);border:1px solid var(--border);border-radius:6px;font-size:.75rem;color:var(--text-secondary);text-decoration:none;transition:all .15s ease;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-citations .citation-link:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.history-item-citations .citation-link.brand-citation{background:#10b9811a;border-color:var(--success);color:var(--success)}.history-item-citations .citation-link.brand-citation:hover{background:var(--success);color:#fff}.history-item-citations .brand-citation-badge{background:var(--success);color:#fff;padding:1px 5px;border-radius:4px;font-size:.65rem;font-weight:600;margin-left:4px}.history-item-footer{padding:10px 16px;background:var(--bg);border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.history-item-footer .position-label{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.history-item-footer .position-label strong{color:var(--primary)}.history-item-footer .position-hint{font-size:.7rem;color:var(--text-muted);font-style:italic}.response-preview-section{margin-top:24px}.response-preview-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem}.response-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;font-size:.9rem;line-height:1.6;color:var(--text-secondary);max-height:200px;overflow-y:auto}.modal-help-text{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:var(--primary-light);border-radius:var(--radius-md);margin-bottom:16px;font-size:.85rem;color:var(--text-secondary)}.modal-help-text svg{color:var(--primary);flex-shrink:0;margin-top:1px}.modal-help-text p{margin:0;line-height:1.4}@media (max-width: 1200px){.monitoring-layout{grid-template-columns:260px 1fr}.metrics-grid.compact{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.monitoring-layout{grid-template-columns:1fr}.prompts-panel{order:2}.results-panel{order:1}.prompts-scroll-list{max-height:300px}.brand-context-header{flex-direction:column;gap:16px;text-align:center}.brand-info{flex-direction:column}.chart-row,.platform-results-grid{grid-template-columns:1fr}}.onboarding-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,var(--warning-light),rgba(245,158,11,.05));border:1px solid var(--warning);border-radius:var(--radius-md);margin-bottom:24px}.onboarding-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--warning);border-radius:50%;color:#fff;flex-shrink:0}.onboarding-content{flex:1}.onboarding-content h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.onboarding-content p{font-size:14px;color:var(--text-secondary);margin:0}.onboarding-banner .btn-primary{flex-shrink:0}.welcome-banner{display:flex;gap:24px;padding:32px;background:linear-gradient(135deg,var(--primary-light),rgba(99,102,241,.02));border:1px solid var(--primary);border-radius:var(--radius-lg);margin-bottom:32px}.welcome-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:var(--radius-md);color:#fff;flex-shrink:0}.welcome-content{flex:1}.welcome-content h2{font-size:24px;font-weight:700;color:var(--text);margin-bottom:8px}.welcome-content>p{font-size:15px;color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.setup-steps{display:flex;gap:24px}.setup-steps.inline{flex:1;justify-content:flex-end}.setup-step{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.setup-step.completed .step-number{background:var(--success)}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:600;font-size:13px}.new-brand-header{display:flex;align-items:center;gap:20px;padding:16px 24px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .15s ease}.btn-back:hover{background:var(--bg);border-color:var(--text-muted);color:var(--text)}.research-lock-notice{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);color:var(--primary);font-size:.85rem}.research-cancel-hint{margin-top:20px;text-align:center}.btn-text{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:8px 16px;border-radius:var(--radius-md);transition:all .15s ease}.btn-text:hover{color:var(--text);background:var(--card-bg)}.first-time-setup{max-width:800px;margin:0 auto;padding:20px}.first-time-setup .welcome-banner{margin-bottom:32px}.brand-setup-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.brand-setup-card .brand-header{display:flex;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.brand-setup-card .brand-title h2{font-size:24px;font-weight:700;color:var(--text);margin-bottom:4px}.brand-setup-card .brand-subtitle{font-size:14px;color:var(--text-secondary)}.brand-setup-card .brand-form{max-width:600px}.brand-setup-card .form-actions{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;gap:16px}.brand-setup-card .form-actions .btn-large,.brand-setup-card .form-actions .btn-primary{width:auto;align-self:flex-start}.brand-setup-card .form-actions .success-message{margin-bottom:0}.auto-save-status{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);min-height:32px}.auto-save-indicator{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:8px 12px;border-radius:var(--radius-sm)}.auto-save-indicator.saving{color:var(--primary);background:#6366f11a}.auto-save-indicator.saved{color:var(--success);background:#10b9811a}.auto-save-indicator.error{color:var(--danger);background:#ef44441a}.auto-save-indicator.pending{color:var(--text-muted);font-style:italic}.fields-disabled-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);margin-bottom:20px;color:var(--primary);font-size:13px}.brand-form textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.tag-input-container.disabled{opacity:.6}.tag-input-field.disabled{cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border)}.tag-input-field.disabled .tag{opacity:.8}.tag-input-field.disabled input{cursor:not-allowed}.btn-large{padding:14px 32px;font-size:16px;font-weight:600}.form-hint{font-size:12px;color:var(--text-muted);margin-top:6px}.form-hint.highlight{color:var(--primary);font-weight:500}.brand-configured-success{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-md);margin-top:20px}.brand-configured-success svg{color:var(--success);flex-shrink:0}.brand-configured-success .success-content{flex:1}.brand-configured-success .success-content strong{display:block;color:var(--text);margin-bottom:2px}.brand-configured-success .success-content span{font-size:13px;color:var(--text-secondary)}.brand-configured-success .btn-primary{flex-shrink:0}@media (max-width: 768px){.welcome-banner{flex-direction:column;text-align:center}.welcome-icon{margin:0 auto}.setup-steps{flex-direction:column;gap:12px}.setup-step{justify-content:center}.onboarding-banner{flex-direction:column;text-align:center}}.form-intro{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--info-light);border:1px solid var(--info);border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;color:var(--text-secondary)}.form-intro svg{color:var(--info);flex-shrink:0}.tag-input-container{width:100%}.tag-input-field{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);min-height:46px;cursor:text;transition:border-color .2s}.tag-input-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-full);font-size:13px;color:var(--primary);white-space:nowrap}.tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--primary);cursor:pointer;transition:all .15s}.tag-remove:hover{background:var(--primary);color:#fff}.tag-input{flex:1;min-width:120px;padding:4px 0;background:transparent;border:none;outline:none;font-size:14px;color:var(--text)}.tag-input::placeholder{color:var(--text-muted)}.tag-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius-md)}.tag-suggestions.loading{justify-content:center;color:var(--text-secondary);font-size:13px}.tag-suggestions.loading svg{margin-right:6px}.suggestions-label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--primary);font-weight:600}.suggestion-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--background);border:1px dashed var(--border);border-radius:var(--radius-full);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.suggestion-tag:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.tag-count{margin-top:6px;font-size:11px;color:var(--text-muted);text-align:right}.research-progress{padding:24px}.progress-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.progress-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary)}.progress-icon .success{color:var(--success)}.progress-icon .error{color:var(--danger)}.progress-title h3{font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px}.progress-title .progress-step{font-size:14px;color:var(--text-secondary)}.progress-bar-container{height:8px;background:var(--background);border-radius:var(--radius-full);overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:var(--radius-full);transition:width .5s ease-out}.progress-percentage{font-size:13px;color:var(--text-secondary);text-align:right;margin-bottom:20px}.progress-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.progress-step-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted)}.progress-step-item.completed{color:var(--success)}.progress-step-item.in_progress{color:var(--primary);font-weight:500}.step-pending{width:14px;height:14px;border:2px solid var(--border);border-radius:50%}.progress-hint{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--info-light);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary)}.progress-hint svg{color:var(--info);flex-shrink:0}.paid-features-page{padding:24px;max-width:1000px;margin:0 auto}.premium-banner{display:flex;gap:32px;padding:32px;background:linear-gradient(135deg,#f59e0b1a,#ea580c0d);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);margin-bottom:32px}.premium-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.premium-content h2{font-size:24px;font-weight:700;color:var(--text);margin-bottom:12px}.premium-content>p{font-size:15px;color:var(--text-secondary);margin-bottom:16px}.premium-content ul{list-style:none;padding:0;margin:0 0 20px}.premium-content li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--text)}.premium-content li svg{color:var(--success)}.btn-premium{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-premium:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.btn-premium:disabled{opacity:.7;cursor:not-allowed}.research-history-section{margin-top:32px}.research-history-section h2{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.research-history-section>p{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.research-list{display:flex;flex-direction:column;gap:16px}.research-card{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md)}.research-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.research-brand{display:flex;align-items:center;gap:12px}.research-brand svg{color:var(--primary)}.research-brand h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:2px}.research-domain{font-size:13px;color:var(--text-muted)}.research-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.research-status.completed{background:var(--success-light);color:var(--success)}.research-status.failed{background:var(--danger-light);color:var(--danger)}.research-status.researching{background:var(--primary-light);color:var(--primary)}.research-summary{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.research-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border)}.research-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.btn-premium-small{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;border-radius:var(--radius-md);color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.btn-premium-small:hover{transform:translateY(-1px)}.nav-item.premium{position:relative}.premium-badge{display:inline-flex;align-items:center;padding:2px 6px;background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:var(--radius-sm);font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.nav-item.premium .premium-badge{position:absolute;top:50%;right:12px;transform:translateY(-50%)}h3 .premium-badge{margin-left:8px;font-size:10px;vertical-align:middle}.notification-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;animation:slideDown .3s ease}.notification-banner.success{background:#22c55e1a;border:1px solid var(--success);color:var(--success)}.notification-banner.error{background:#ef44441a;border:1px solid var(--danger);color:var(--danger)}.notification-banner button{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;padding:0 4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.locked-input{background:var(--surface)!important;cursor:not-allowed;color:var(--text-muted)!important;border-color:var(--border)!important}.locked-input::placeholder{color:var(--text-muted)!important}.domain-hint{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;background:#6366f11a;border:1px solid var(--primary);border-radius:var(--radius);font-size:13px;color:var(--text)}.domain-hint .hint-icon{font-size:18px}.previous-audits h3{display:flex;align-items:center;gap:8px}.history-note{font-size:12px;color:var(--text-muted);margin-bottom:12px}.upgrade-hint{color:var(--warning);font-weight:500}.audit-history-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:all .2s ease}.audit-history-item:hover{border-color:var(--primary);background:var(--surface-hover)}.audit-history-item .audit-url{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-history-item .audit-score{font-weight:600;min-width:70px;text-align:center}.audit-history-item .audit-trigger{font-size:12px;padding:2px 8px;background:var(--background);border-radius:var(--radius-sm)}.audit-history-item .audit-date{color:var(--text-muted);font-size:12px;min-width:100px;text-align:right}.wizard-step{max-width:800px;margin:0 auto}.setup-step.active{opacity:1}.setup-step:not(.active){opacity:.5}.setup-progress-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-md);margin-bottom:24px;color:var(--success);font-weight:500}.label-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.label-badge.ai{background:var(--primary-light);color:var(--primary)}.description-display{padding:16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text);line-height:1.6;min-height:80px}.description-textarea{width:100%;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text);line-height:1.6;resize:vertical;min-height:120px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.description-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed26}.description-textarea::placeholder{color:var(--text-muted)}.form-hint .link-button{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:0;background:none;border:none;color:var(--primary);font-size:inherit;cursor:pointer;text-decoration:underline}.form-hint .link-button:hover{color:var(--primary-hover)}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);margin-bottom:16px;font-size:14px;color:var(--danger)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.premium-banner{flex-direction:column;text-align:center}.premium-icon{margin:0 auto}.research-header{flex-direction:column;gap:12px}.research-footer{flex-direction:column;gap:12px;align-items:flex-start}}.audit-history-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:var(--text)}.audits-list-horizontal{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.audits-list-horizontal::-webkit-scrollbar{height:6px}.audits-list-horizontal::-webkit-scrollbar-track{background:transparent}.audits-list-horizontal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.audit-history-card{display:flex;align-items:center;gap:12px;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-width:180px}.audit-history-card:hover{border-color:var(--primary);transform:translateY(-2px)}.audit-history-card.active{border-color:var(--primary);background:var(--primary-light)}.audit-card-score{font-size:24px;font-weight:700;min-width:40px}.audit-card-details{display:flex;flex-direction:column;gap:4px}.audit-card-url{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.audit-card-meta{font-size:11px;color:var(--text-muted)}.history-note{font-size:13px;color:var(--text-muted);margin:0 0 12px}.upgrade-hint{color:var(--primary);font-weight:500}.audit-history-section.empty{display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--text-muted)}@media (max-width: 768px){.history-header{flex-direction:column;gap:12px;align-items:flex-start}.audits-list-horizontal{flex-direction:column}.audit-history-card{min-width:100%}}.billing-page{padding:24px;max-width:1400px;margin:0 auto}.current-plan-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--card) 0%,var(--background) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px}.current-plan-info{display:flex;flex-direction:column;gap:4px}.plan-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.plan-name{font-size:24px;font-weight:700;color:var(--text)}.plan-status{display:flex;align-items:center;gap:6px;color:var(--success);font-weight:500}.billing-toggle-section{display:flex;justify-content:center;margin-bottom:32px}.billing-toggle{display:inline-flex;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px}.toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.toggle-btn.active{background:var(--primary);color:#fff}.savings-badge{background:var(--success);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.pricing-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.pricing-card.popular{border-color:var(--primary)}.pricing-card.current{border-color:var(--success)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.pricing-card .card-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.pricing-card h3{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text)}.pricing-card .price{display:flex;align-items:baseline;justify-content:center;gap:4px}.pricing-card .price .amount{font-size:48px;font-weight:700;color:var(--text)}.pricing-card .price .period{font-size:16px;color:var(--text-muted)}.billed-annually{font-size:12px;color:var(--text-muted);margin-top:8px}.card-features ul{list-style:none;padding:0;margin:0 0 24px}.card-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--text)}.card-features li svg{color:var(--success);flex-shrink:0}.card-features li.limitation{color:var(--text-muted)}.card-features li.limitation svg{color:var(--text-muted)}.btn-plan{width:100%;padding:14px 24px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-plan.current{background:var(--background);border:2px solid var(--border);color:var(--text-muted)}.btn-plan.upgrade{background:var(--primary);color:#fff}.btn-plan.upgrade:hover:not(:disabled){background:var(--primary-hover)}.btn-plan.contact{background:var(--card);border:2px solid var(--border);color:var(--text)}.btn-plan.contact:hover:not(:disabled){border-color:var(--primary)}.btn-plan:disabled{opacity:.6;cursor:not-allowed}.premium-features-preview{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;margin-bottom:48px}.premium-features-preview h2{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:8px}.premium-features-preview>p{color:var(--text-muted);margin-bottom:24px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.feature-icon{width:48px;height:48px;background:var(--primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--primary)}.feature-card h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text)}.feature-card p{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:12px}.feature-card .premium-badge{font-size:11px;color:var(--primary);font-weight:500}.billing-faq{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.billing-faq h2{font-size:20px;margin-bottom:24px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.faq-item h4{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text)}.faq-item p{font-size:13px;color:var(--text-muted);line-height:1.5}@media (max-width: 1024px){.pricing-cards{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.features-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.research-history-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.research-history-section .history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.research-history-section .history-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:var(--text)}.research-history-list-horizontal{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.research-history-list-horizontal::-webkit-scrollbar{height:6px}.research-history-list-horizontal::-webkit-scrollbar-track{background:transparent}.research-history-list-horizontal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.research-history-card{display:flex;flex-direction:column;gap:8px;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;transition:all .2s ease;flex-shrink:0;min-width:200px;max-width:250px}.research-history-card:hover{border-color:var(--primary);transform:translateY(-2px)}.research-card-status{display:flex;align-items:center;justify-content:space-between}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;text-transform:capitalize}.status-badge.completed{background:var(--success-light);color:var(--success)}.status-badge.failed{background:var(--danger-light);color:var(--danger)}.status-badge.researching{background:var(--warning-light);color:var(--warning)}.research-card-details{display:flex;flex-direction:column;gap:4px}.research-card-date{font-size:12px;color:var(--text-muted)}.research-card-summary{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-premium-small{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-premium-small:hover{background:var(--primary);color:#fff}.empty-state-inline{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:var(--text-muted);text-align:center}.empty-state-inline p{font-size:13px;margin:0}.research-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.research-modal{background:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border)}.research-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.research-modal-header h3{display:flex;align-items:center;gap:10px;font-size:18px;margin:0}.research-modal-content{padding:24px;overflow-y:auto}.research-section{margin-bottom:24px}.research-section:last-child{margin-bottom:0}.research-section h4{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text)}.research-section p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.research-raw{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-size:12px;white-space:pre-wrap;overflow-x:auto;max-height:200px;color:var(--text-muted)}.deep-research-badge{display:inline-flex;align-items:center;gap:4px;margin-left:12px;padding:4px 10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:#fff}.deep-research-badge-small{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:var(--radius-sm);font-size:9px;font-weight:600;color:#fff;margin-left:8px}.research-meta{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:var(--background);border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px;color:var(--text-muted)}.research-meta span{display:flex;align-items:center;gap:4px}.research-meta strong{color:var(--text)}.research-full-content{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;max-height:400px;overflow-y:auto;font-size:13px;line-height:1.6}.research-full-content p{margin-bottom:8px}.research-full-content p:last-child{margin-bottom:0}.research-full-content p:empty{display:none}.ai-sources-list{display:flex;flex-wrap:wrap;gap:8px}.ai-source-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-muted)}.research-controls{display:flex;align-items:center;gap:16px}.deep-research-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.deep-research-toggle input{display:none}.toggle-slider{position:relative;width:40px;height:22px;background:var(--border);border-radius:11px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s ease}.deep-research-toggle input:checked+.toggle-slider{background:var(--primary)}.deep-research-toggle input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text)}.toggle-label .premium-badge{font-size:10px}.btn-premium-action{background:linear-gradient(135deg,var(--primary),#8b5cf6);border-color:transparent;color:#fff}.btn-premium-action:hover{background:linear-gradient(135deg,var(--primary-hover),#7c3aed)}.upgrade-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.upgrade-prompt{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.upgrade-prompt-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff}.upgrade-prompt-header h3{flex:1;margin:0;font-size:18px}.upgrade-prompt-header .btn-icon{color:#fff;opacity:.8}.upgrade-prompt-header .btn-icon:hover{opacity:1;background:#ffffff1a}.upgrade-prompt-content{padding:24px}.upgrade-prompt-content p{margin:0 0 16px;font-size:14px;color:var(--text-muted);line-height:1.6}.upgrade-prompt-content p strong{color:var(--text)}.upgrade-prompt-content ul{list-style:none;padding:0;margin:0 0 16px}.upgrade-prompt-content li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--text)}.upgrade-prompt-content li svg{color:var(--success);flex-shrink:0}.upgrade-note{display:flex;align-items:center;gap:8px;padding:12px;background:var(--background);border-radius:var(--radius-md);font-size:13px!important;color:var(--text-muted)!important}.upgrade-note svg{color:var(--warning);flex-shrink:0}.upgrade-prompt-actions{display:flex;gap:12px;padding:16px 24px;background:var(--background);border-top:1px solid var(--border)}.upgrade-prompt-actions .btn-secondary{flex:1}.upgrade-prompt-actions .btn-premium{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-prompt-actions .btn-premium:hover{background:linear-gradient(135deg,var(--primary-hover),#7c3aed);transform:translateY(-1px)}.research-progress-deep{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.3)}.research-progress-deep .progress-bar-fill{background:linear-gradient(90deg,var(--primary),#8b5cf6)}.deep-research-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border-radius:20px;font-size:11px;font-weight:600;margin-bottom:12px;width:fit-content}.deep-research-indicator svg{animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.research-time-estimate{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin-top:8px}.research-time-estimate svg{color:var(--warning)}.research-controls-vertical{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.research-controls-vertical .deep-research-toggle{font-size:12px}.research-controls-vertical .toggle-slider{width:36px;height:20px}.research-controls-vertical .toggle-slider:before{width:16px;height:16px}.research-controls-vertical .deep-research-toggle input:checked+.toggle-slider:before{transform:translate(16px)}.rerun-research-progress{margin-top:16px;margin-bottom:16px}.research-progress-inline{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.research-progress-inline.deep{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#6366f14d}.research-progress-inline .deep-research-indicator{margin-bottom:12px}.progress-header-inline{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-header-inline svg:first-child{color:var(--primary);flex-shrink:0}.progress-info{flex:1}.progress-info h4{margin:0;font-size:14px;font-weight:600;color:var(--text)}.progress-info p{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.progress-percent{font-size:14px;font-weight:600;color:var(--primary)}.research-progress-inline .progress-bar-container{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:12px}.research-progress-inline .progress-bar{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.research-progress-inline.deep .progress-bar{background:linear-gradient(90deg,var(--primary),#8b5cf6)}.progress-steps-compact{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.progress-steps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:16px;padding:12px;background:var(--bg);border-radius:var(--radius)}.step-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;transition:all .2s ease}.step-item.pending{color:var(--text-muted);opacity:.6}.step-item.in_progress{color:var(--primary);background:#7c3aed1a;font-weight:500}.step-item.completed{color:var(--success)}.step-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.step-number{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--border);font-size:10px;font-weight:600}.step-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-dot{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--border)}.step-dot.completed{background:var(--success);color:#fff}.step-dot.in_progress{background:var(--primary);color:#fff}.step-dot .dot-pending{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.current-step-label{font-size:13px;color:var(--text-secondary);margin-bottom:12px;font-weight:500;padding:6px 12px;background:var(--bg);border-radius:var(--radius-sm);display:inline-block}.progress-hint-inline{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin:0}.progress-hint-inline svg{flex-shrink:0}.rerun-research-error,.rerun-research-success{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);margin-top:16px;margin-bottom:16px}.rerun-research-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger)}.rerun-research-success{background:var(--success-light);border:1px solid var(--success);color:var(--success)}.rerun-research-error span,.rerun-research-success span{flex:1;font-size:13px}.rerun-research-error .btn-text,.rerun-research-success .btn-text{font-size:12px;padding:4px 8px}.markdown-content{font-size:14px;line-height:1.6;color:var(--text);word-wrap:break-word;overflow-wrap:break-word}.markdown-content p{margin:0 0 12px}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:16px 0 8px;font-weight:600;line-height:1.3;color:var(--text)}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child{margin-top:0}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.15em}.markdown-content h4{font-size:1.05em}.markdown-content h5,.markdown-content h6{font-size:1em}.markdown-content ul,.markdown-content ol{margin:8px 0 12px;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content li>p{margin:0}.markdown-content ul ul,.markdown-content ol ol,.markdown-content ul ol,.markdown-content ol ul{margin:4px 0}.markdown-content .task-list-item{list-style:none;margin-left:-20px}.markdown-content .task-list-item input[type=checkbox]{margin-right:8px;vertical-align:middle}.markdown-content .inline-code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.9em;color:var(--primary)}.markdown-content .syntax-highlighter{margin:12px 0!important;border-radius:var(--radius-md)!important;font-size:13px!important;max-height:400px;overflow:auto!important}.markdown-content .syntax-highlighter code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace!important}.markdown-content pre{background:#282c34;color:#abb2bf;border-radius:var(--radius-md);padding:16px;margin:12px 0;overflow-x:auto;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px;line-height:1.5}.markdown-content .markdown-link{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.markdown-content .markdown-link:hover{border-bottom-color:var(--primary)}.markdown-content .markdown-table-wrapper{overflow-x:auto;margin:12px 0;border-radius:var(--radius-md);border:1px solid var(--border)}.markdown-content .markdown-table{width:100%;border-collapse:collapse;font-size:13px;min-width:400px}.markdown-content .markdown-table th,.markdown-content .markdown-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.markdown-content .markdown-table th{background:var(--bg);font-weight:600;color:var(--text);white-space:nowrap}.markdown-content .markdown-table tr:last-child td{border-bottom:none}.markdown-content .markdown-table tr:hover td{background:var(--bg-hover)}.markdown-content .markdown-blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid var(--primary);background:var(--bg);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary)}.markdown-content .markdown-blockquote p{margin:0}.markdown-content .markdown-blockquote p+p{margin-top:8px}.markdown-content .markdown-image{max-width:100%;height:auto;border-radius:var(--radius-md);margin:12px 0}.markdown-content .markdown-hr{border:none;height:1px;background:var(--border);margin:20px 0}.markdown-content del{color:var(--text-muted);text-decoration:line-through}.markdown-content strong{font-weight:600;color:var(--text)}.markdown-content em{font-style:italic}.markdown-content dl{margin:12px 0}.markdown-content dt{font-weight:600;margin-top:12px}.markdown-content dd{margin-left:24px;color:var(--text-secondary)}.markdown-compact .markdown-content{font-size:13px}.markdown-compact .markdown-content h1,.markdown-compact .markdown-content h2,.markdown-compact .markdown-content h3,.markdown-compact .markdown-content h4{font-size:1em;margin:8px 0 4px}.markdown-compact .markdown-content ul,.markdown-compact .markdown-content ol{margin:4px 0;padding-left:20px}.markdown-compact .markdown-content p{margin:0 0 8px}.markdown-compact .markdown-content .syntax-highlighter{max-height:200px}.markdown-full .markdown-content{font-size:14px}.ai-response-body .markdown-content{max-height:300px;overflow:hidden;position:relative}.ai-response-body .markdown-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--card-bg));pointer-events:none}.history-item-body .markdown-content{max-height:none}.history-item-body .markdown-content:after{display:none}.research-raw-markdown{background:var(--bg);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border);max-height:500px;overflow-y:auto}.research-raw-markdown .markdown-content{font-size:13px}.job-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.job-notification{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0006}.job-notification-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--primary);font-weight:600}.job-notification-header span{flex:1}.job-notification-list{max-height:400px;overflow-y:auto}.job-notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.job-notification-item:last-child{border-bottom:none}.job-notification-item .job-icon{flex-shrink:0;margin-top:2px}.job-notification-item .job-icon.success{color:var(--success)}.job-notification-item .job-icon.failed{color:var(--danger)}.job-notification-content{flex:1;display:flex;flex-direction:column;gap:4px}.job-notification-content strong{font-size:14px;color:var(--text)}.job-notification-status{font-size:12px;color:var(--text-secondary)}.job-notification-item.failed .job-notification-status{color:var(--danger)}.job-notification-time{font-size:11px;color:var(--text-muted)}.job-notification-actions{display:flex;gap:8px;flex-shrink:0}.active-job-bar{position:fixed;top:0;left:var(--sidebar-width);right:0;background:linear-gradient(135deg,var(--primary-light),rgba(99,102,241,.15));border-bottom:1px solid var(--primary);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;z-index:90}.active-job-info{display:flex;align-items:center;gap:12px;flex:1}.active-job-label{font-weight:600;color:var(--primary);font-size:14px}.active-job-message{color:var(--text-secondary);font-size:13px}.active-job-progress{width:120px;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.active-job-progress-bar{height:100%;background:var(--primary);transition:width .3s ease}.active-job-percent{font-size:12px;color:var(--primary);font-weight:600;min-width:35px}.main-content.has-job-bar{margin-top:50px}.sidebar.collapsed+.main-content .active-job-bar,.sidebar.collapsed~.active-job-bar{left:var(--sidebar-collapsed)}.job-notification-item.running{background:#6366f11a;border-left:3px solid var(--primary)}.job-notification-item .job-icon.running{color:var(--primary)}.job-notification-status.running{color:var(--primary);font-weight:500}.job-notification-step{font-size:11px;color:var(--text-muted);font-style:italic}.modal-content .form-group{margin-bottom:14px}.modal-content .form-group label{margin-bottom:6px;font-size:.9rem}.modal-content .form-group textarea{padding:10px 12px}
