.analysis-preview{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;max-width:500px;margin:0 auto}.analysis-preview:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.12)}@media (max-width:52em){.analysis-preview{margin:0 1em;border-radius:10px}}.preview-header{background:#f8f9fa;padding:1em 1.5em 0}@media (max-width:30em){.preview-header{padding:.75em 1em 0}}.preview-header .report-info{text-align:center;margin-bottom:.75em}.preview-header .report-info .report-timestamp{font-size:.7rem;color:#7f8c8d;background:rgba(255,255,255,.8);padding:.2em .5em;border-radius:8px;font-weight:500}.preview-tabs{display:flex;gap:0;margin-bottom:.75em;background:#e9ecef;border-radius:8px;padding:.25em}.preview-tabs .tab{background:0 0;border:none;padding:.5em .75em;border-radius:6px;font-weight:600;font-size:.75rem;color:#7f8c8d;cursor:pointer;transition:all .3s ease;flex:1;text-align:center}@media (max-width:30em){.preview-tabs .tab{padding:.4em .5em;font-size:.7rem}}.preview-tabs .tab:hover{background:rgba(0,123,255,.1);color:#2c3e50}.preview-tabs .tab.active{background:#2c3e50;color:#fff;box-shadow:0 2px 8px rgba(0,123,255,.3)}.preview-tabs .tab:focus{outline:0;box-shadow:0 0 0 2px rgba(0,123,255,.3)}.preview-content{padding:1.5em;min-height:280px}@media (max-width:30em){.preview-content{padding:1em;min-height:240px}}.preview-content .tab-content{display:none;animation:fadeIn .4s ease-in-out}.preview-content .tab-content.active{display:block}.content-layout .metrics-section .score-circles{display:flex;justify-content:space-around;margin-bottom:1.5em;gap:2em}@media (max-width:30em){.content-layout .metrics-section .score-circles{gap:1em;margin-bottom:1em}}.content-layout .metrics-section .score-circles .score-circle-container{text-align:center}.content-layout .metrics-section .score-circles .score-circle-container .score-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#28a745 0,#20c997 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;box-shadow:0 3px 15px rgba(40,167,69,.3);transition:transform .3s ease;margin:0 auto .5em}@media (max-width:30em){.content-layout .metrics-section .score-circles .score-circle-container .score-circle{width:70px;height:70px}}.content-layout .metrics-section .score-circles .score-circle-container .score-circle:hover{transform:scale(1.05)}.content-layout .metrics-section .score-circles .score-circle-container .score-circle .score-value{font-size:1.4rem;font-weight:700;line-height:1}@media (max-width:30em){.content-layout .metrics-section .score-circles .score-circle-container .score-circle .score-value{font-size:1.2rem}}.content-layout .metrics-section .score-circles .score-circle-container .score-circle .score-label{font-size:.6rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.3px;margin-top:.2em}@media (max-width:30em){.content-layout .metrics-section .score-circles .score-circle-container .score-circle .score-label{font-size:.55rem}}.content-layout .metrics-section .score-circles .score-circle-container .risk-indicator{padding:.3em .6em;border-radius:12px;font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.3px;display:inline-block}.content-layout .metrics-section .score-circles .score-circle-container .risk-indicator.critical{background:#fdedec;color:#e74c3c;border:1px solid #e74c3c}.content-layout .metrics-section .score-circles .score-circle-container .risk-indicator.high{background:#fef5e7;color:#f39c12;border:1px solid #f39c12}.content-layout .metrics-section .score-circles .score-circle-container .risk-indicator.moderate{background:#fef9e7;color:#927608;border:1px solid #f1c40f}.content-layout .metrics-section .score-circles .score-circle-container .risk-indicator.low{background:#e8f8f5;color:#2ecc71;border:1px solid #2ecc71}.content-layout .metrics-section .metrics-list .metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;padding:.75em;background:#f8f9fa;border-radius:6px;transition:all .3s ease}.content-layout .metrics-section .metrics-list .metric-row:hover{background:#e9ecef;transform:translateX(3px)}.content-layout .metrics-section .metrics-list .metric-row:last-child{margin-bottom:0}.content-layout .metrics-section .metrics-list .metric-row .metric-info{display:flex;justify-content:space-around;align-items:center;width:100%}.content-layout .metrics-section .metrics-list .metric-row .metric-info .metric-label{font-weight:600;color:#2c3e50;font-size:.8rem}.content-layout .metrics-section .metrics-list .metric-row .metric-info .metric-score{font-weight:700;color:#2c3e50;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.8rem}.content-layout .metrics-section .metrics-list .metric-row .metric-description{font-size:.7rem;color:#7f8c8d;text-align:center;margin-top:.25em;font-style:italic;width:100%}.analysis-insights{margin-top:1em;padding-top:1em;border-top:1px solid #e9ecef}.analysis-insights h4{margin:0 0 .5em 0;font-size:.8rem;color:#2c3e50;font-weight:600}.analysis-insights .insights-list{list-style:none;margin:0;padding:0}.analysis-insights .insights-list .insight-item{padding:.3em 0;font-size:.7rem;color:#2c3e50;line-height:1.3}.analysis-insights .insights-list .insight-item:before{content:'•';color:#2c3e50;font-weight:700;margin-right:.4em}.preview-footer{padding:1em 1.5em;background:#f8f9fa;text-align:center;border-top:1px solid rgba(0,0,0,.05)}@media (max-width:30em){.preview-footer{padding:.75em 1em}}.preview-footer .view-full-report{display:inline-flex;align-items:center;gap:.4em;padding:.5em 1em;background:#2c3e50;color:#fff;text-decoration:none;border-radius:20px;font-weight:600;font-size:.75rem;transition:all .3s ease}.preview-footer .view-full-report:hover{background:#1a242f;transform:translateY(-1px);color:#fff;text-decoration:none}.preview-footer .view-full-report:focus{outline:0;box-shadow:0 0 0 2px rgba(0,123,255,.3)}.score-circle[data-score="100"],.score-circle[data-score^="9"]{background:linear-gradient(135deg,#e74c3c 0,#d62c1a 100%);box-shadow:0 3px 15px rgba(220,53,69,.3)}.score-circle[data-score^="7"][data-score$="5"],.score-circle[data-score^="7"][data-score$="6"],.score-circle[data-score^="7"][data-score$="7"],.score-circle[data-score^="7"][data-score$="8"],.score-circle[data-score^="7"][data-score$="9"],.score-circle[data-score^="8"]{background:linear-gradient(135deg,#f39c12 0,#c87f0a 100%);box-shadow:0 3px 15px rgba(253,126,20,.3)}.score-circle[data-score^="5"],.score-circle[data-score^="6"],.score-circle[data-score^="7"][data-score$="0"],.score-circle[data-score^="7"][data-score$="1"],.score-circle[data-score^="7"][data-score$="2"],.score-circle[data-score^="7"][data-score$="3"],.score-circle[data-score^="7"][data-score$="4"]{background:linear-gradient(135deg,#f1c40f 0,#c29d0b 100%);box-shadow:0 3px 15px rgba(255,193,7,.3)}.score-circle[data-score^="0"],.score-circle[data-score^="1"],.score-circle[data-score^="2"],.score-circle[data-score^="3"],.score-circle[data-score^="4"]{background:linear-gradient(135deg,#2ecc71 0,#25a25a 100%);box-shadow:0 3px 15px rgba(40,167,69,.3)}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.analysis-preview.loading .preview-content{position:relative}.analysis-preview.loading .preview-content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(248,249,250,.9);z-index:10}.analysis-preview.loading .preview-content::after{content:'Loading...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;color:#7f8c8d;font-weight:600;font-size:.8rem}.comparison-item.hovered{background:#e9ecef;transform:translateX(3px)}.analysis-preview.clicked{transform:scale(.98)}