.seo-dashboard{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0}.dashboard-actions{display:flex;gap:12px}.refresh-btn{background:#3b82f6;color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.refresh-btn:hover:not(:disabled){background:#2563eb}.refresh-btn:disabled{background:#9ca3af;cursor:not-allowed}.alert-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}.alert-banner.critical{background:#fef2f2;border-color:#f87171}.alert-banner h4{color:#dc2626;margin:0 0 8px;font-size:1.1rem}.alert-banner ul{margin:8px 0;padding-left:20px}.alert-banner li{color:#7f1d1d;margin-bottom:4px}.dashboard-tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:30px;gap:4px}.dashboard-tabs .tab{background:none;padding:12px 24px;font-size:1rem;font-weight:500;color:#6b7280;cursor:pointer;border:none;border-bottom:3px solid transparent;transition:all .2s}.dashboard-tabs .tab:hover{color:#374151;background:#f9fafb}.dashboard-tabs .tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.dashboard-content{min-height:600px}.overview-tab{display:flex;flex-direction:column;gap:30px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metric-card{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);border-left:4px solid #3b82f6}.metric-card.green{border-left-color:#10b981}.metric-card.yellow{border-left-color:#f59e0b}.metric-card.red{border-left-color:#ef4444}.metric-card h4{font-size:.875rem;font-weight:600;color:#6b7280;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.metric-value{display:flex;align-items:center;gap:8px;font-size:2rem;font-weight:700;color:#1f2937}.trend{font-size:1.2rem}.trend.up{color:#10b981}.trend.down{color:#ef4444}.trend.stable{color:#6b7280}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.chart-container{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.chart-container h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 20px}.issues-chart{display:flex;flex-direction:column;gap:12px}.issue-bar{display:flex;align-items:center;gap:12px}.issue-type{min-width:80px;font-size:.875rem;font-weight:500;text-transform:capitalize}.issue-bar.critical .issue-type{color:#dc2626}.issue-bar.warning .issue-type{color:#d97706}.issue-bar.info .issue-type{color:#2563eb}.bar-container{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.bar-fill{height:100%;transition:width .3s ease}.issue-bar.critical .bar-fill{background:#dc2626}.issue-bar.warning .bar-fill{background:#d97706}.issue-bar.info .bar-fill{background:#2563eb}.issue-count{min-width:30px;text-align:right;font-weight:600;color:#374151}.web-vitals-chart{gap:16px}.metric-bar,.web-vitals-chart{display:flex;flex-direction:column}.metric-bar{gap:8px}.metric-name{font-weight:600;color:#374151}.metric-value{font-size:.875rem;font-weight:500;color:#6b7280}.progress-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease}.progress-fill.good{background:#10b981}.progress-fill.poor{background:#ef4444}.threshold-indicator{font-size:.75rem;color:#6b7280}.web-vitals-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.vitals-metric{padding:16px;border-radius:8px;border:2px solid #e5e7eb}.vitals-metric.good{border-color:#10b981;background:#f0fdf4}.vitals-metric.needs-improvement{border-color:#f59e0b;background:#fffbeb}.vitals-metric.poor{border-color:#ef4444;background:#fef2f2}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metric-header h4{margin:0;font-size:1rem;font-weight:600}.vitals-metric.good .status-badge{background:#10b981;color:white}.vitals-metric.needs-improvement .status-badge{background:#f59e0b;color:white}.vitals-metric.poor .status-badge{background:#ef4444;color:white}.current-value{font-size:1.5rem;font-weight:700;margin-bottom:8px}.thresholds{display:flex;gap:12px;font-size:.75rem}.thresholds .good{color:#10b981}.thresholds .poor{color:#ef4444}.content-gap-table,.keyword-opportunities-table,.keyword-rankings-table,.top-pages-table{width:100%;background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.content-gap-table table,.keyword-opportunities-table table,.keyword-rankings-table table,.top-pages-table table{width:100%;border-collapse:collapse}.content-gap-table th,.keyword-opportunities-table th,.keyword-rankings-table th,.top-pages-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.content-gap-table td,.keyword-opportunities-table td,.keyword-rankings-table td,.top-pages-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6}.content-gap-table tr:hover,.keyword-opportunities-table tr:hover,.keyword-rankings-table tr:hover,.top-pages-table tr:hover{background:#f9fafb}.position.top-3{color:#10b981;font-weight:600}.position.top-10{color:#f59e0b;font-weight:600}.position.top-20{color:#6b7280;font-weight:500}.position.low{color:#ef4444;font-weight:500}.difficulty.easy{color:#10b981}.difficulty.medium{color:#f59e0b}.difficulty.hard{color:#ef4444}.priority.high{color:#dc2626;font-weight:600}.priority.medium{color:#d97706;font-weight:500}.priority.low{color:#6b7280}.coverage-bar{width:60px;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-right:8px}.coverage-fill{height:100%}.coverage-fill.competitor{background:#ef4444}.coverage-fill.ours{background:#3b82f6}.keyword-tags{display:flex;flex-wrap:wrap;gap:4px}.keyword-tag{background:#eff6ff;color:#1d4ed8;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.more-keywords{color:#6b7280;font-size:.75rem}.issues-list{display:flex;flex-direction:column;gap:16px}.issue-item{background:white;border-radius:8px;padding:16px;border-left:4px solid #e5e7eb}.issue-item.critical{border-left-color:#dc2626;background:#fef2f2}.issue-item.warning{border-left-color:#d97706;background:#fffbeb}.issue-item.info{border-left-color:#2563eb;background:#eff6ff}.issue-header{display:flex;gap:8px;margin-bottom:8px}.issue-type-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:500;text-transform:uppercase}.issue-type-badge.critical{background:#dc2626;color:white}.issue-type-badge.warning{background:#d97706;color:white}.issue-type-badge.info{background:#2563eb;color:white}.issue-category{font-size:.75rem;padding:2px 6px;border-radius:4px;background:#f3f4f6;color:#374151;text-transform:capitalize}.issue-message{color:#374151;margin-bottom:8px}.issue-fix{font-size:.875rem;color:#6b7280}.ab-testing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.create-test-btn{background:#10b981;color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.create-test-btn:hover{background:#059669}.ab-tests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.ab-test-card{background:white;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);border-left:4px solid #e5e7eb}.ab-test-card.running{border-left-color:#3b82f6}.ab-test-card.completed{border-left-color:#10b981}.ab-test-card.paused{border-left-color:#f59e0b}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.test-header h4{margin:0;font-size:1.1rem;font-weight:600}.status-badge{font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:500;text-transform:uppercase}.status-badge.running{background:#3b82f6;color:white}.status-badge.completed{background:#10b981;color:white}.status-badge.paused{background:#f59e0b;color:white}.test-details{color:#6b7280}.test-details,.test-results{margin-bottom:16px;font-size:.875rem}.test-results{padding:12px;background:#f0fdf4;border-radius:6px}.test-actions{display:flex;gap:8px}.pause-test,.view-details{padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.view-details{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.view-details:hover{background:#dbeafe}.pause-test{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.pause-test:hover{background:#fef08a}.ab-test-form{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.variants-section h4{margin-bottom:12px;color:#374151}.variant-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:6px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.form-actions button{padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.form-actions button[type=button]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.form-actions button[type=button]:hover{background:#e5e7eb}.form-actions button[type=submit]{background:#3b82f6;color:white;border:none}.form-actions button[type=submit]:hover{background:#2563eb}.content-optimization-tools{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.tool-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.tool-tabs button{background:none;padding:12px 16px;font-weight:500;color:#6b7280;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .2s}.tool-tabs button:hover{color:#374151}.tool-tabs button.active{color:#3b82f6;border-bottom-color:#3b82f6}.tool-content{min-height:200px}.content-analyzer-tool,.keyword-research-tool{display:flex;flex-direction:column;gap:16px}.tool-input{display:flex;gap:12px}.tool-input input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px}.tool-input button{background:#3b82f6;color:white;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.tool-input button:hover:not(:disabled){background:#2563eb}.tool-input button:disabled{background:#9ca3af;cursor:not-allowed}.dashboard-skeleton{max-width:1400px;margin:0 auto;padding:20px}.skeleton-header{height:60px}.skeleton-header,.skeleton-tabs{background:#f3f4f6;border-radius:8px;margin-bottom:30px;animation:pulse 2s infinite}.skeleton-tabs{height:40px}.skeleton-content{display:flex;flex-direction:column;gap:30px}.skeleton-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.skeleton-metrics>div{height:120px;background:#f3f4f6;border-radius:12px;animation:pulse 2s infinite}.skeleton-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.skeleton-charts>div{height:300px;background:#f3f4f6;border-radius:12px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.seo-dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.dashboard-header h1{font-size:2rem}.dashboard-tabs{flex-wrap:wrap}.ab-tests-list,.charts-grid,.metrics-grid,.skeleton-charts,.skeleton-metrics,.web-vitals-detailed{grid-template-columns:1fr}.form-actions,.tool-input{flex-direction:column}}@media print{.create-test-btn,.dashboard-actions,.dashboard-tabs,.form-actions,.test-actions{display:none}.seo-dashboard{max-width:none;padding:0}.ab-test-card,.chart-container,.metric-card{box-shadow:none;border:1px solid #e5e7eb}}