*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,sans-serif;background:#0b0f14;color:#e6edf3;-webkit-font-smoothing:antialiased}a{color:#58a6ff;text-decoration:none;cursor:pointer}button{font-family:inherit}.app{display:grid;grid-template-columns:260px 1fr;grid-template-rows:48px 1fr;grid-template-areas:"top top" "side main";height:100vh}.topbar{grid-area:top;background:#0d1117;border-bottom:1px solid #21262d;display:flex;align-items:center;gap:16px;padding:0 18px}.topbar .brand{font-weight:700;letter-spacing:.02em}.topbar .spacer{flex:1}.topbar .user{color:#8b949e;font-size:13px}.topbar a{font-size:13px;color:#8b949e}.topbar a:hover{color:#e6edf3}.sidebar{grid-area:side;background:#0d1117;border-right:1px solid #21262d;overflow-y:auto;padding:12px 0}.sidebar-section{font-size:11px;color:#6e7681;text-transform:uppercase;letter-spacing:.08em;padding:14px 16px 6px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;border-left:2px solid transparent;color:#c9d1d9;font-size:13px}.sidebar-item:hover{background:#161b22;color:#fff}.sidebar-item.active{background:#161b22;border-left-color:#58a6ff;color:#fff}.sidebar-item .mode-icon{font-size:11px;color:#6e7681;width:26px}.sidebar-item .label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item .count{font-size:11px;color:#6e7681}.main{grid-area:main;overflow-y:auto;padding:20px 24px 40px}.main .pad{max-width:1400px;margin:0 auto}h1{font-size:20px;margin:0 0 4px}h2{font-size:12px;color:#8b949e;margin:22px 0 10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.muted{color:#8b949e;font-size:12px}.err-text{color:#f85149}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot.online{background:#3fb950;box-shadow:0 0 6px #3fb95080}.dot.degraded{background:#d29922;box-shadow:0 0 6px #d2992280}.dot.offline{background:#f85149}.dot.unknown{background:#6e7681}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;line-height:1.5}.badge.online{background:#033a16;color:#3fb950}.badge.degraded{background:#3d2e00;color:#d29922}.badge.offline{background:#3a0a0a;color:#f85149}.badge.unknown{background:#30363d;color:#8b949e}.badge.queued{background:#1f2937;color:#9ca3af}.badge.pass,.badge.passed,.badge.uploaded{background:#033a16;color:#3fb950}.badge.fail,.badge.failed,.badge.error{background:#3a0a0a;color:#f85149}.badge.downloading,.badge.inferring{background:#0c2d6b;color:#58a6ff}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:10px}.stat{background:#11161d;border:1px solid #21262d;border-radius:8px;padding:12px 14px}.stat-label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:20px;font-weight:700;margin-top:2px}.stat-sub{font-size:11px;color:#6e7681;margin-top:2px}.stat.ok .stat-value{color:#3fb950}.stat.warn .stat-value{color:#d29922}.stat.err .stat-value{color:#f85149}table{width:100%;border-collapse:collapse;background:#11161d;border:1px solid #21262d;border-radius:8px;overflow:hidden}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid #21262d;font-size:13px}th{color:#8b949e;font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.06em;background:#0d1117}tr:last-child td{border-bottom:0}tr:hover td{background:#161b22}tr.warn-row td{background:#241a00}.cam-grid{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 12px}.cam-dot{width:14px;height:14px;border-radius:3px;background:#6e7681}.cam-dot.ok{background:#3fb950}.cam-dot.fail{background:#f85149}.cam-dot.warn{background:#d29922}.panel{background:#11161d;border:1px solid #21262d;border-radius:8px;padding:16px;margin-bottom:16px}.panel-title{font-size:13px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;display:flex;align-items:center;gap:8px}.form{display:flex;flex-direction:column;gap:12px;max-width:360px}.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#8b949e}.form input,.form select{background:#0b0f14;border:1px solid #30363d;color:#e6edf3;padding:9px 10px;border-radius:6px;font-size:14px}.form input:focus{outline:none;border-color:#58a6ff}.btn{background:#238636;border:0;color:#fff;padding:9px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.btn:hover{background:#2ea043}.btn.ghost{background:transparent;border:1px solid #30363d;color:#c9d1d9}.btn.ghost:hover{background:#161b22}.edge-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.edge-card{background:#11161d;border:1px solid #21262d;border-radius:8px;padding:14px;cursor:pointer;transition:border-color .1s}.edge-card:hover{border-color:#58a6ff}.edge-card-head{display:flex;align-items:center;gap:8px}.edge-card-head .name{font-weight:700;flex:1}.edge-card-sub{font-size:11px;color:#8b949e;margin-top:4px;display:flex;gap:10px}.seg{display:inline-flex;background:#0d1117;border:1px solid #30363d;border-radius:6px;overflow:hidden}.seg button{background:transparent;border:0;color:#8b949e;padding:6px 12px;cursor:pointer;font-size:12px}.seg button.active{background:#1f6feb;color:#fff}.filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;margin-bottom:10px;background:#0d1117;border:1px solid #21262d;border-radius:8px}.chip-row,.seg-row{display:inline-flex;gap:6px;flex-wrap:wrap}.chip{background:#161b22;color:#c9d1d9;border:1px solid #30363d;border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer;transition:all .12s}.chip:hover{border-color:#58a6ff;color:#fff}.chip.active{background:#1f6feb;border-color:#1f6feb;color:#fff}.seg-row{background:#0d1117;border:1px solid #30363d;border-radius:8px;overflow:hidden;display:inline-flex;align-items:stretch}.seg-row .seg{background:transparent;border:0;border-right:1px solid #21262d;color:#8b949e;padding:8px 18px;font-size:13px;cursor:pointer;transition:background .12s,color .12s;min-width:64px}.seg-row .seg:last-child{border-right:0}.seg-row .seg.active{background:#1f6feb;color:#fff}.seg-row .seg:hover:not(.active){color:#fff;background:#161b22}.seg-row .seg-strict{border-left:2px solid #21262d;padding-left:18px}.seg-row .seg-strict.active{background:#d29922;color:#1c1917;font-weight:600}.seg-row .seg-strict:hover:not(.active){color:#f0c674}.farm-picker{position:relative}.farm-picker-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:50;background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:8px;min-width:280px;box-shadow:0 8px 24px #0009}.farm-picker-pop input{width:100%;background:#161b22;border:1px solid #30363d;border-radius:6px;color:#e6edf3;padding:6px 10px;font-size:13px;outline:none}.farm-picker-pop input:focus{border-color:#58a6ff}.farm-picker-list{max-height:280px;overflow-y:auto;margin-top:6px}.farm-picker-item{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px}.farm-picker-item:hover{background:#161b22}.farm-picker-item.active{background:#1f6feb;color:#fff}.cam-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:12px 0 24px}.cam-card{background:#11161d;border:1px solid #21262d;border-radius:8px;padding:10px 12px;transition:border-color .12s;position:relative;overflow:hidden}.cam-card.ok{border-color:#2da44e44}.cam-card.warn{border-color:#d2992244}.cam-card.fail{border-color:#cf222e66;background:#1d11149e}.cam-card .cam-card-head{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.cam-card .cam-id{color:#e6edf3}.cam-card .cam-card-body{display:flex;gap:10px;margin-top:6px;font-size:12px;color:#8b949e;flex-wrap:wrap}.cam-card .metric b{color:#e6edf3;font-weight:600}.cam-card .dot.ok{background:#2da44e;box-shadow:0 0 #2da44e88;animation:pulse-ok 2.4s infinite}.cam-card .dot.warn{background:#d29922}.cam-card .dot.fail{background:#cf222e}@keyframes pulse-ok{0%{box-shadow:0 0 #2da44e88}70%{box-shadow:0 0 0 8px #2da44e00}to{box-shadow:0 0 #2da44e00}}