body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.quality-dashboard{background-color:#f5f7fa;max-width:1200px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:30px;display:flex;box-shadow:0 8px 32px #0000001a}.dashboard-header h1{margin:0;font-size:2.2rem;font-weight:600}.header-actions{gap:12px;display:flex}.refresh-btn,.reload-btn,.retry-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}.refresh-btn:hover,.reload-btn:hover,.retry-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.quality-dashboard.loading{flex-direction:column;justify-content:center;align-items:center;height:50vh;display:flex}.spinner{border:4px solid #e3e3e3;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quality-dashboard.error{text-align:center;padding:60px}.quality-dashboard.error h2{color:#e74c3c;margin-bottom:20px}.stats-overview{background:#fff;border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 4px 20px #0000000d}.stats-overview h2{color:#2c3e50;margin:0 0 25px;font-size:1.8rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.stat-card{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left:4px solid #667eea;border-radius:10px;padding:25px;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.stat-card h3{color:#495057;text-transform:uppercase;letter-spacing:.5px;margin:0 0 15px;font-size:1rem;font-weight:600}.stat-value{color:#667eea;margin-bottom:8px;font-size:2.5rem;font-weight:700}.stat-label{color:#6c757d;font-size:.9rem}.quality-assessment{margin-bottom:30px}.quality-assessment h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem}.assessment-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px #0000000d}.assessment-header{border-bottom:2px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;display:flex}.assessment-header h3{color:#2c3e50;margin:0;font-size:1.5rem}.quality-score{color:#fff;text-align:center;border-radius:10px;min-width:120px;padding:15px 25px;font-size:2rem;font-weight:700}.quality-score.score-excellent{background:linear-gradient(135deg,#27ae60,#2ecc71)}.quality-score.score-good{background:linear-gradient(135deg,#f39c12,#e67e22)}.quality-score.score-fair{background:linear-gradient(135deg,#f1c40f,#f39c12)}.quality-score.score-poor{background:linear-gradient(135deg,#e74c3c,#c0392b)}.assessment-details{margin-bottom:30px}.detail-row{border-bottom:1px solid #f8f9fa;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.detail-row label{color:#495057;min-width:150px;font-weight:600}.detail-row span{color:#6c757d;text-align:right;flex:1}.record-id{word-break:break-all;background:#f8f9fa;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-size:.9rem}.dimension-metrics{margin-bottom:30px}.dimension-metrics h4{color:#2c3e50;margin-bottom:20px;font-size:1.3rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.metric-card{text-align:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;padding:20px;transition:all .3s}.metric-card:hover{border-color:#667eea;transform:translateY(-2px)}.metric-name{color:#495057;text-transform:capitalize;margin-bottom:10px;font-size:.9rem;font-weight:600}.metric-score{color:#fff;border-radius:6px;margin-bottom:8px;padding:8px;font-size:1.8rem;font-weight:700}.metric-weight{color:#6c757d;font-size:.85rem}.data-rules h4{color:#2c3e50;margin-bottom:15px;font-size:1.3rem}.rules-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.rule-item{background:#e8f5e8;border-left:4px solid #27ae60;border-radius:8px;align-items:center;padding:12px 15px;display:flex}.rule-icon{color:#27ae60;margin-right:10px;font-weight:700}.rule-name{color:#2c3e50;font-weight:500}.schema-info{margin-bottom:30px}.schema-info h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem}.schema-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;display:grid}.schema-card{background:#fff;border-top:4px solid #667eea;border-radius:12px;padding:25px;box-shadow:0 4px 20px #0000000d}.schema-card h3{color:#2c3e50;margin:0 0 15px;font-size:1.4rem}.schema-status{border-radius:20px;margin-bottom:15px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.schema-status.success{color:#155724;background:#d4edda}.schema-card ul{margin:0;padding:0;list-style:none}.schema-card li{color:#6c757d;border-bottom:1px solid #f8f9fa;padding:8px 0}.schema-card li:before{content:"✓";color:#27ae60;margin-right:10px;font-weight:700}.technical-details h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.tech-card{background:#fff;border-left:4px solid #6c757d;border-radius:10px;padding:20px;box-shadow:0 4px 20px #0000000d}.tech-card h4{color:#2c3e50;margin:0 0 15px;font-size:1.2rem}.tech-card p{color:#6c757d;margin:5px 0;font-family:Courier New,monospace;font-size:.9rem}@media (width<=768px){.quality-dashboard{padding:15px}.dashboard-header{text-align:center;flex-direction:column;gap:20px}.dashboard-header h1{font-size:1.8rem}.stats-grid{grid-template-columns:1fr}.assessment-header{flex-direction:column;gap:15px}.metrics-grid,.schema-grid,.tech-grid{grid-template-columns:1fr}}