:root{font-family:Segoe UI,system-ui,sans-serif;color:#17283b;background:#f4f7f9}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#173957;color:#fff;position:sticky;top:0;z-index:5}header span{margin-left:12px;opacity:.72;font-size:13px}main{max-width:1400px;margin:auto;padding:22px}.card{background:#fff;border:1px solid #dbe4ea;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0001}.connect{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.connect h2{width:100%;margin:0}.connect label{display:flex;flex-direction:column;gap:5px}input,select,button{font:inherit;padding:8px 10px;border:1px solid #b8c7d2;border-radius:7px}button{cursor:pointer;background:#fff}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:#167f7a;color:#fff;border-color:#167f7a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.device h3{margin:0 0 6px}.online{color:#18794e}.offline{color:#a33}.activity{margin:6px 0 2px;color:#1d5b8f}.heartbeat{font-size:12px;color:#7a8c98;margin-top:-4px}.sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.scanrow{display:grid;grid-template-columns:minmax(260px,1fr) 100px 130px 120px 60px 150px;gap:8px;align-items:center;background:#fff;border:1px solid #e4eaee;border-bottom:0;padding:10px}.scanrow:first-child{border-radius:10px 10px 0 0}.scanrow:last-child{border-bottom:1px solid #e4eaee;border-radius:0 0 10px 10px}.scanrow:hover{background:#fbfdfe}.scanrow small{display:block;color:#7a8c98;margin-top:3px}.actions{display:flex;gap:5px}.muted{color:#677987}.metric{font-size:30px;font-weight:700}.bar{height:10px;background:#e4eaee;border-radius:6px;overflow:hidden}.bar>i{display:block;height:100%;background:#167f7a;transition:width .25s}.pill{font-size:12px;background:#edf3f6;border-radius:99px;padding:4px 9px;display:inline-block}.pill.completed{background:#e7f5ed;color:#18794e}.pill.running{background:#e7f0fa;color:#1d5b8f}.pill.failed,.pill.canceled{background:#f9e9e9;color:#9c2e2e}.toplist{width:100%;border-collapse:collapse;table-layout:auto}.toplist td,.toplist th{padding:7px;border-bottom:1px solid #e3e8eb;text-align:left;vertical-align:top}.toplist td:first-child{max-width:750px;word-break:break-word}.notice{margin:14px 0;padding:11px 13px;border-radius:8px;border:1px solid #cbd8df;background:#edf5f8}.notice.ok{background:#e8f6ee;border-color:#b6dec7;color:#17633e}.notice.error{background:#fff0f0;border-color:#efc1c1;color:#8b2727}.hidden{display:none}.detailhead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:24px}code{font-size:12px;background:#eef2f5;padding:2px 4px;border-radius:4px}details{margin-top:18px}summary{cursor:pointer;font-weight:600}@media(max-width:950px){.scanrow{grid-template-columns:1fr 90px 100px}.scanrow>*:nth-child(4),.scanrow>*:nth-child(5),.scanrow>*:nth-child(6){display:none}.twocol{grid-template-columns:1fr}}@media(max-width:650px){main{padding:12px}.connect{align-items:stretch}.connect label{width:100%}.connect input{width:100%}.scanrow{grid-template-columns:1fr 85px}.scanrow>*:nth-child(3){display:none}}