.filter-bar{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:24px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-sm)}.filter-title-group{display:flex;flex-direction:column;gap:4px}.section-title{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--egg-gold),var(--egg-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.section-desc{font-size:.82rem;color:var(--text-secondary)}.filter-actions{display:flex;gap:12px}.filter-select{padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;font-weight:600;outline:none;cursor:pointer;transition:all var(--duration-fast)}.filter-select:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.filter-select:focus{border-color:var(--ey-orange);box-shadow:0 0 0 2px #f05a3026}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.metric-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-2px);background:var(--bg-card-hover);border-color:var(--border-hover)}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:all var(--duration-fast)}.metric-card:hover:before{background:var(--ey-orange)}.metric-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2px}.traffic-icon{background:#00b7ac1a;color:var(--ey-teal)}.sop-icon{background:#0096d51a;color:var(--ey-sky)}.smile-icon{background:#fdd8531a;color:var(--ey-yellow)}.camera-icon{background:var(--purple-dim, rgba(167, 139, 250, .12));color:var(--purple, #a78bfa)}.ai-icon-bg{background:#f05a301a;color:var(--ey-orange, #F05A30)}.content-icon{background:var(--pink-dim, rgba(244, 114, 182, .12));color:var(--pink, #f472b6)}.metric-info{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.85rem;font-weight:800;color:var(--text-primary);line-height:1.1;font-family:var(--font-sans)}.metric-trend{font-size:.78rem;font-weight:500}.text-green{color:var(--ey-teal)}.text-blue{color:var(--ey-sky)}.text-yellow{color:var(--ey-yellow)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:24px}.chart-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md)}.chart-header{margin-bottom:18px;border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.chart-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.chart-container{position:relative;height:320px;width:100%}.chart-container-sm{position:relative;height:240px;width:100%}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.details-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.card-header{margin-bottom:16px;border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.card-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.card-body{flex-grow:1}.violations-list{list-style:none;display:flex;flex-direction:column;gap:12px}.violations-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.85rem;transition:all var(--duration-fast)}.violations-list li:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.violation-name{color:var(--text-primary);font-weight:600}.violation-count{background:var(--red-dim);color:var(--red);padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;border:1px solid rgba(200,75,49,.2)}.empty-list-msg{color:var(--text-tertiary);font-style:italic;text-align:center;padding:30px 0;border:1px dashed var(--border-default);border-radius:var(--radius-md);background:transparent!important}@media (max-width: 900px){.charts-grid,.details-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:flex-start;gap:14px}.filter-actions{width:100%;justify-content:space-between}}@media (max-width: 600px){.filter-actions{flex-direction:column;gap:8px;width:100%}.filter-select{width:100%}}@media (max-width: 480px){.metric-card{padding:16px;gap:12px}.metric-icon{width:44px;height:44px}.metric-icon svg{width:20px;height:20px}.metric-value{font-size:1.5rem}.chart-card{padding:16px}.chart-container{height:220px}.chart-container-sm{height:180px}.details-card{padding:16px}.violations-list li{padding:10px 12px;font-size:.8rem}}