@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Segoe UI,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#0e162b;background-color:#eef2f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(94,170,255,.18),transparent 36%),radial-gradient(circle at 80% 10%,rgba(255,211,105,.16),transparent 34%),radial-gradient(circle at 70% 72%,rgba(90,255,214,.14),transparent 34%),linear-gradient(180deg,#f9fbff,#e8edf7 60%,#e4e9f5)}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{max-width:1680px;margin:0 auto;padding:30px;color:#0e162b;position:relative}.page:before{content:"";position:absolute;inset:12px;border-radius:28px;background:linear-gradient(120deg,#fffc,#f4f8ffcc);filter:blur(24px);opacity:.55;z-index:0;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#ffffffeb,#f2f7ffe6);border:1px solid #dbe5f3;border-radius:18px;box-shadow:0 18px 50px #10182814;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;z-index:1}.brand-title{font-size:22px;font-weight:800;letter-spacing:.1px}.brand-line{color:#5f6b7c;font-size:14px}.status-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:18px;border:1px solid rgba(0,0,0,.04);box-shadow:0 16px 40px #0f172a1f;margin-bottom:16px;position:relative;z-index:2}.status-main{display:flex;flex-direction:column;gap:6px}.status-chip{display:inline-flex;align-items:center;gap:8px;font-weight:800;padding:8px 12px}.status-line-label{color:#4b5563;font-weight:600}.status-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:center}.status-pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 #ef44444d}70%{box-shadow:0 0 0 14px #ef444400}to{box-shadow:0 0 #ef444400}}.status-metric{display:flex;flex-direction:column;gap:4px}.decision-rootcause{margin-top:8px}.decision-title{font-size:15px;font-weight:800;letter-spacing:.2px}.decision-actions{margin:0;padding-left:16px;color:#0f172a;font-size:13px;line-height:1.35}.status-value{font-size:18px;font-weight:700}.cam-health{display:flex;flex-wrap:wrap;gap:6px}.connection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.conn-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(120deg,#e9f4ff,#f5fbff);border:1px solid #cfe4ff}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 10px currentColor}.badge{padding:6px 10px;border-radius:10px;font-size:13px;border:1px solid #fcd34d;background:linear-gradient(120deg,#fff7e6,#fff1d6);color:#9a4a00;box-shadow:0 6px 16px #facc1529}.badge.warning{border-color:#fcd34d;color:#9a4a00;background:linear-gradient(120deg,#fff7e6,#fff1d6)}.muted{color:#6b7280;font-size:13px}.filters{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;flex-wrap:wrap;position:relative;z-index:1}.filter-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.label{font-size:13px;color:#6b7280}.chip{background:#fff;border:1px solid #dde5f1;color:#0f172a;border-radius:12px;padding:8px 14px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .1s ease;box-shadow:0 8px 18px #0f172a0f}.chip:hover{border-color:#b6c8e6;box-shadow:0 12px 30px #0f172a1f;transform:translateY(-1px)}.chip:focus-visible{outline:2px solid #8bc7ff;outline-offset:2px}.chip.active{border-color:#22c55e;background:linear-gradient(120deg,#ecfdf3,#dcfce7);color:#166534;box-shadow:0 12px 30px #22c55e29}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.kpi-card{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:14px;box-shadow:0 12px 32px #0f172a14}.kpi-card.kpi-soft{border:1px solid transparent}.kpi-card.critical{border-color:#fca5a5;box-shadow:0 12px 28px #ef44441a}.kpi-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6b7280}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-weight:700;letter-spacing:.3px;border:1px solid #e3e8f2;border-radius:999px;background:#f7f9fd}.kpi-value{font-size:40px;font-weight:800;margin:10px 0 6px}.kpi-sub{font-size:14px;color:#6b7280}.layout{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:18px}.main-column,.side-column{display:flex;flex-direction:column;gap:14px}.panel{background:linear-gradient(180deg,#fff,#f7f9fd);border:1px solid #dce4f0;border-radius:16px;padding:14px;box-shadow:0 18px 42px #0f172a1f;position:relative;overflow:hidden}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(46,142,255,.06),transparent 35%)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.title{font-size:16px;font-weight:700}.feed-list{max-height:640px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.quick-filters{display:flex;gap:8px;margin-bottom:10px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#d5deea,#e4ebf5)}.feed-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:linear-gradient(120deg,#f9fbff,#f4f7ff);border:1px solid #e0e7f1;border-left:6px solid #e5e7eb;border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .2s ease,transform .12s ease,box-shadow .2s ease;color:inherit;position:relative}.timeline-row{grid-template-columns:auto 1fr auto;padding-left:24px}.timeline-marker{display:flex;align-items:flex-start;justify-content:center}.timeline-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 4px #eef2f9}.feed-row:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 26px #0f172a1f}.feed-row:after{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,rgba(59,130,246,.08),transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.feed-row:hover:after{opacity:1}.feed-row.feed-row-muted{background:#f8fafc;box-shadow:none}.feed-status{font-weight:800;min-width:64px;text-align:left;letter-spacing:.4px}.feed-body{text-align:left}.feed-id{font-weight:700;word-break:break-all;font-size:15px}.feed-meta{display:flex;gap:10px;color:#6b7280;font-size:13px;align-items:center}.sync-timeline{display:flex;flex-direction:column;gap:4px;min-width:240px}.sync-timeline.compact{min-width:200px}.sync-rows{display:flex;flex-direction:column;gap:4px}.sync-row{display:grid;grid-template-columns:86px 1fr 62px;gap:8px;align-items:center}.sync-timeline.compact .sync-row{grid-template-columns:72px 1fr 52px}.sync-label{font-size:12px;color:#6b7280;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-line{position:relative;height:6px;border-radius:999px;background:#e2e8f0;border:1px solid #e5e7eb}.sync-line.missing{background:repeating-linear-gradient(45deg,#94a3b859,#94a3b859 6px,#e2e8f059 6px 12px)}.sync-marker{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid;box-shadow:0 0 0 3px #ffffffb3}.sync-ms{font-size:11px;color:#6b7280;text-align:right;font-variant-numeric:tabular-nums}.sync-delta{display:flex;gap:6px;align-items:center;justify-content:flex-end}.feed-cameras{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.feed-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.feed-actions .chip{padding:6px 10px;border-radius:10px;font-size:12px;box-shadow:none}.feed-actions .chip:disabled{opacity:.5;cursor:not-allowed}.feed-cluster{display:flex;flex-direction:column;gap:10px}.cluster-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid #e0e7f1;border-left:6px solid #ef4444;border-radius:14px;background:#f8fafc}.cluster-title{font-weight:800;letter-spacing:.2px}.cluster-body{display:flex;flex-direction:column;gap:10px}.cluster-collapsed{padding:0 12px 6px}.thumb{width:72px;height:52px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer}.thumb:hover{box-shadow:0 8px 18px #0f172a26}.tiny{font-size:11px}.alert-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.alert{background:#fff7e6;border:1px solid #fcd34d;padding:12px;border-radius:12px;color:#b45309}.alert.bad{background:#fff1f2;border-color:#fca5a5;color:#b91c1c}.last-nok{display:flex;flex-direction:column;gap:6px}.last-nok-panel .pill{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.last-nok-img{border:1px solid #fca5a5;border-radius:12px;overflow:hidden;background:#fff;padding:0;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease}.last-nok-img:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ef444440}.last-nok-img img{display:block;width:100%;height:auto}.action-list{margin:0;padding-left:18px;color:#0f172a;font-size:14px;line-height:1.5}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;width:min(960px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 60px #0f172a2e;animation:modalIn .18s ease;transform-origin:50% 40%}.modal-sticky{position:sticky;top:0;background:linear-gradient(180deg,#fff 80%,#fff0);padding-bottom:10px;z-index:5}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.modal-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.modal-toggles{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap;font-size:13px}.image-frame{position:relative;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;background:#f8fafc}.image-frame img{display:block;width:100%;height:auto}.bbox{position:absolute;border:2px solid #ef4444;box-shadow:0 0 0 1px #00000026;border-radius:6px;pointer-events:none}.bbox span{position:absolute;top:-22px;left:0;background:#ef4444e6;padding:2px 6px;border-radius:6px;color:#fff;font-size:12px}.meta-block{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px;color:#0f172a;overflow:auto}.meta-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.camera-grid{display:grid;gap:10px;margin-top:8px}.camera-card{border:1px dashed #e5e7eb;background:#f9fafb;border-radius:10px;padding:8px 10px}.camera-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.camera-card-body{display:flex;flex-direction:column;gap:4px;margin-top:4px}.camera-image{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-top:6px;background:#fff}.camera-image img{width:100%;height:auto;display:block}.compare-frame{position:relative;background:#0f172a}.compare-frame img{width:100%;height:240px;object-fit:contain;transition:transform .2s ease}.camera-card.compare img{object-fit:contain}.heatmap-overlay{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#ef44442e,#ef44442e 8px,#ffffff1f 8px 16px);color:#7f1d1d;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px}.heatmap-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.65;mix-blend-mode:screen}.roi-overlay{position:absolute;inset:12%;border:2px dashed rgba(255,255,255,.8);box-shadow:0 0 0 1px #0003;pointer-events:none}.camera-placeholder{display:flex;align-items:center;justify-content:center;color:#6b7280;height:240px}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:1200px){.layout{grid-template-columns:1fr}.feed-list{max-height:460px}}.line-chart{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:14px;padding:16px}.chart-svg{width:100%;height:240px}.chart-path{stroke:#ef4444;stroke-width:3;fill:none}.chart-area{fill:#ef44441f;stroke:none}.chart-dot{fill:#ef4444;stroke:#fff;stroke-width:2}.chart-dot-label{font-size:12px;text-anchor:middle;fill:#6b7280}.confidence-strip{margin:10px 0 14px;padding:10px 12px;border:1px dashed #d6deeb;border-radius:12px;background:#f8fafc}.confidence-bars{display:flex;align-items:flex-end;gap:4px;height:72px}.confidence-bar{flex:1;border:none;border-radius:4px 4px 0 0;background:#94a3b8;cursor:pointer;box-shadow:0 2px 6px #0f172a26}.confidence-bar.bar-nok{background:#ef4444}.confidence-bar.bar-active,.confidence-bar.bar-false{outline:2px solid #0ea5e9;outline-offset:2px}.confidence-bar.bar-true{outline:2px solid #ef4444;outline-offset:2px}.shift-controls{display:flex;gap:8px;flex-wrap:wrap}.shift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.audit-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.audit-row{border:1px solid #e5e7eb;border-radius:10px;padding:10px;text-align:left;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.audit-row.active{border-color:#0ea5e9;box-shadow:0 8px 20px #0ea5e91f}.audit-title{font-weight:700}.audit-detail{margin-top:10px;display:flex;flex-direction:column;gap:10px}.audit-actions{display:flex;gap:8px;flex-wrap:wrap}.audit-nok-list{display:flex;flex-direction:column;gap:6px}.audit-nok-row{border:1px solid #e5e7eb;border-radius:8px;padding:8px;display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr 1fr;gap:6px;align-items:center}.threshold-line{stroke:#ef4444;stroke-dasharray:6 6;opacity:.6}.threshold-label{font-size:11px;fill:#ef4444}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.stat-value{font-weight:800;color:#0f172a;font-size:18px}.chart-grid-line{stroke:#e5e7eb;stroke-width:1}.chart-axis-label{fill:#94a3b8;font-size:11px}.score-section{margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px}.section-title{font-weight:700;font-size:14px;color:#0f172a}.section-subtitle{font-weight:700;font-size:13px;color:#475569;margin-bottom:6px}.suspicious-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:980px){.suspicious-grid{grid-template-columns:1fr}}.cause-section{margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px}.cause-list{display:flex;flex-direction:column;gap:8px}.cause-row{display:grid;grid-template-columns:1fr 140px 90px;gap:10px;align-items:center;padding:8px 10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;text-align:left}.cause-row:hover{border-color:#cbd5e1;box-shadow:0 10px 22px #0f172a14}.cause-label{font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cause-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.cause-bar span{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444)}.cause-metric{font-size:12px;color:#475569;text-align:right;font-variant-numeric:tabular-nums}.dominant-issue{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#f8fafc}.dominant-title{font-weight:800;color:#0f172a}.score-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.score-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center}.score-bar-track{position:relative;width:100%;height:70px;background:#e2e8f0;border-radius:10px;overflow:hidden}.score-bar-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,#ef4444,#f97316)}.score-bar-label{font-size:12px;color:#475569}.score-bar-count{font-size:12px;color:#0f172a;font-weight:700}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.thumb-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 16px #0f172a0f;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease}.thumb-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a29}.thumb-img{height:120px;background-size:cover;background-position:center;width:100%;display:block;object-fit:cover}.thumb-placeholder{background:#e2e8f0}.thumb-meta{padding:8px 10px;display:flex;flex-direction:column;gap:4px}.score-bar{width:100%;height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.score-bar span{display:block;height:100%;background:linear-gradient(90deg,#f97316,#ef4444)}.thumb-row{display:flex;justify-content:space-between;align-items:center}.pill.small{font-size:12px}.chart-legend{display:flex;justify-content:flex-start;gap:8px;margin-bottom:6px}.stat-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.stat-pill{display:inline-flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;min-width:110px;box-shadow:0 4px 10px #0f172a0f}.stat-pill .stat-value{font-size:18px}@media(max-width:768px){.page{padding:16px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.filters{flex-direction:column;align-items:flex-start}.kpi-grid,.layout{grid-template-columns:1fr}.panel{padding:12px}.feed-row{grid-template-columns:1fr auto}.thumb{width:64px;height:46px}.chart-svg{height:200px}.stat-row{gap:8px}.stat-pill{min-width:100px}}.train-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}.train-actions{display:flex;gap:10px;align-items:center}.train-list{max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:10px}.train-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}.train-thumb{width:96px;height:72px;background-size:cover;background-position:center;border-radius:10px;border:1px solid #e5e7eb;object-fit:cover;display:block}.train-thumb.placeholder{background:#e5e7f0}.train-info{display:flex;flex-direction:column;gap:4px}.train-id{font-weight:600;word-break:break-all}.train-thumb-btn{border:none;background:none;padding:0;cursor:pointer}.train-thumb-btn:focus{outline:2px solid #c7e1ff;outline-offset:2px}.line-compare-list{display:flex;flex-direction:column;gap:10px}.line-compare-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;background:#f8fafc}.line-compare-name{font-weight:700;color:#0f172a}.line-compare-metrics{display:flex;gap:8px;flex-wrap:wrap}.line-compare-rates{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:120px}@media(max-width:768px){.line-compare-item{flex-direction:column;align-items:flex-start;gap:6px}.line-compare-rates{align-items:flex-start}}