*{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}