@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");:root{--primary-color:#4a6cf7;--secondary-color:#6c757d;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--light-color:#f8f9fa;--dark-color:#343a40;--body-bg:#f5f7ff;--card-bg:#fff;--header-bg:#2c3e50;--footer-bg:#2c3e50;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:#333;background-color:var(--body-bg)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}header{background-color:var(--header-bg);color:#fff;padding:2rem 0;box-shadow:0 2px 5px rgba(0,0,0,.1)}.header-content{justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{gap:10px}.logo i{font-size:2rem;color:var(--primary-color)}.logo h1{font-size:1.8rem;font-weight:600}.site-info h2{font-size:1.5rem;font-weight:500}.site-info p{font-size:.9rem;opacity:.8}#main-nav{background-color:var(--primary-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.1)}#main-nav ul{display:flex;list-style:none;overflow-x:auto;padding:0;margin:0}#main-nav li{flex-shrink:0}#main-nav a{display:block;color:#fff;text-decoration:none;padding:1rem;font-weight:500;transition:var(--transition)}#main-nav a:hover{background-color:hsla(0,0%,100%,.1)}.metrics-dashboard{background-color:var(--primary-color);color:#fff;padding:2rem 0;margin-bottom:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.metrics-grid.small{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background-color:hsla(0,0%,100%,.1);border-radius:var(--border-radius);padding:1.5rem;display:flex;align-items:center;transition:var(--transition)}.metric-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.metric-icon{font-size:2rem;margin-right:1rem;color:hsla(0,0%,100%,.8)}.metric-content h3{font-size:1rem;font-weight:500;margin-bottom:.5rem}.score{font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.score.excellent{color:#2ecc71}.score.moderate{color:#f39c12}.score.poor{color:#e74c3c}.metric-content p{font-size:.8rem;opacity:.8}main{padding:2rem 0}.report-section{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:2rem;overflow:hidden}.report-section h2{background-color:var(--primary-color);color:#fff;padding:1rem;font-size:1.5rem;font-weight:600;display:flex;align-items:center}.report-section h2 i{margin-right:.5rem}.section-content{padding:1.5rem}.subsection{margin-bottom:2rem}.subsection:last-child{margin-bottom:0}.subsection h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--primary-color);border-bottom:1px solid #eee;padding-bottom:.5rem}.summary-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.highlight-card{border-radius:var(--border-radius);padding:1.5rem}.highlight-card.positive{background-color:rgba(40,167,69,.1);border-left:4px solid var(--success-color)}.highlight-card.negative{background-color:rgba(220,53,69,.1);border-left:4px solid var(--danger-color)}.highlight-card h4{display:flex;align-items:center;font-size:1.1rem;margin-bottom:1rem}.highlight-card h4 i{margin-right:.5rem}.highlight-card.positive h4 i{color:var(--success-color)}.highlight-card.negative h4 i{color:var(--danger-color)}.highlight-card ul{padding-left:1.5rem}.highlight-card li{margin-bottom:.5rem}.data-table{overflow-x:auto;margin:1rem 0}.data-table table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.data-table th{font-weight:600}.data-table th,.data-table tr:hover{background-color:#f8f9fa}.status-good{color:var(--success-color);font-weight:500}.status-bad{color:var(--danger-color);font-weight:500}.code-block{background-color:#f8f9fa;border-radius:var(--border-radius);padding:1rem;margin:1rem 0;overflow-x:auto}.code-block pre{font-family:Courier New,monospace;font-size:.9rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.keyword-tag{background-color:#f0f0f0;color:var(--secondary-color);padding:.25rem .75rem;border-radius:50px;font-size:.9rem}.keyword-tag.primary{background-color:var(--primary-color);color:#fff}.content-quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.quality-card{background-color:#f8f9fa;border-radius:var(--border-radius);padding:1rem;border-top:3px solid var(--primary-color)}.quality-card h4{font-size:1rem;margin-bottom:.5rem;color:var(--primary-color)}.alert-box{background-color:rgba(220,53,69,.1);border-radius:var(--border-radius);padding:1rem;margin:1rem 0;border-left:4px solid var(--danger-color)}.alert-box h4{display:flex;align-items:center;color:var(--danger-color);margin-bottom:.5rem}.alert-box h4 i{margin-right:.5rem}.chart-container{margin:1.5rem 0}.chart-placeholder{height:200px;background-color:#f8f9fa;border-radius:var(--border-radius);position:relative;padding:1rem;border:1px solid #eee}.chart-line{position:absolute;bottom:30px;left:40px;right:40px;height:120px;border-bottom:2px solid #ddd;border-left:2px solid #ddd}.chart-point{width:8px;height:8px;background-color:var(--primary-color);transform:translate(-50%,50%)}.chart-point,.chart-point:before{position:absolute;border-radius:50%}.chart-point:before{content:"";width:100%;height:100%;background-color:rgba(74,108,247,.3);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}.chart-label-x{bottom:5px;left:0;right:0;text-align:center}.chart-label-x,.chart-label-y{position:absolute;font-size:.8rem;color:var(--secondary-color)}.chart-label-y{left:5px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center}.chart-caption{text-align:center;font-size:.9rem;color:var(--secondary-color);margin-top:.5rem}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0}.performance-card{background-color:#f8f9fa;border-radius:var(--border-radius);padding:1.5rem;text-align:center}.performance-metric{margin-bottom:1rem}.circle-progress{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--primary-color) 0,#f0f0f0 0);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative}.circle-progress:before{content:"";width:80px;height:80px;background-color:#fff;border-radius:50%;position:absolute}.circle-progress span{position:relative;z-index:1;font-weight:700;font-size:1.2rem}.performance-card h4{font-size:1rem;color:var(--primary-color)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recommendation-card{background-color:#f8f9fa;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.recommendation-header{background-color:var(--primary-color);color:#fff;padding:1rem;display:flex;align-items:center}.recommendation-header i{font-size:1.5rem;margin-right:.75rem}.recommendation-header h3{font-size:1.1rem;font-weight:500}.recommendation-content{padding:1.5rem;position:relative}.recommendation-content ol{padding-left:1.5rem;margin-bottom:2rem}.recommendation-content li{margin-bottom:.5rem}.priority-tag{position:absolute;bottom:1rem;right:1rem;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:500}.priority-tag.high{background-color:rgba(220,53,69,.1);color:var(--danger-color)}.priority-tag.medium{background-color:rgba(255,193,7,.1);color:#d39e00}.priority-tag.low{background-color:rgba(40,167,69,.1);color:var(--success-color)}footer{background-color:var(--footer-bg);color:#fff;padding:2rem 0;margin-top:3rem}.footer-content{justify-content:space-between}.footer-content,.footer-logo{display:flex;align-items:center}.footer-logo{gap:10px}.footer-logo i{font-size:1.5rem;color:var(--primary-color)}.footer-logo span{font-size:1.2rem;font-weight:500}.footer-info p{font-size:.9rem;opacity:.8}.print-button-container{margin-left:20px}#print-report{background-color:#fff;color:var(--primary-color);border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}#print-report:hover{background-color:#f0f0f0}#back-to-top{position:fixed;bottom:20px;right:20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;display:none;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:var(--transition);z-index:999}#back-to-top:hover{background-color:#3a5bd9;transform:translateY(-3px)}#main-nav a.active{background-color:hsla(0,0%,100%,.2);font-weight:600}.sticky-nav #main-nav{position:fixed;top:0;width:100%}@media (max-width:768px){.footer-content,.header-content{flex-direction:column;text-align:center;gap:1rem}.site-info{margin-top:1rem}.metrics-grid,.recommendations-grid,.summary-highlights{grid-template-columns:1fr}.metric-card{flex-direction:column;text-align:center}.metric-icon{margin-right:0;margin-bottom:1rem}#main-nav ul{flex-wrap:nowrap;justify-content:flex-start}.footer-info{margin-top:1rem}}@media print{#back-to-top,#print-report,footer,header,nav{display:none!important}body{background-color:#fff}.report-section{break-inside:avoid;margin-bottom:20px;box-shadow:none}.report-section h2{color:#000;background-color:#f0f0f0}}