:root{color:#202738;background:#f6f7f9;font-family:Inter,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{cursor:pointer;color:#525b6c;background:#fff;border:1px solid #dfe2e8;border-radius:8px;padding:7px 10px}button:hover{color:#3478f6;border-color:#3478f6}button.primary{color:#fff;background:#3478f6;border-color:#3478f6}button.danger{color:#d43a3a}button.danger:hover{color:#c92d2d;border-color:#df5656}.top{background:#fff;border-bottom:1px solid #e5e8ed;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex}.top h1{margin:0;font-size:19px}.top p,.muted{color:#8b929f;font-size:12px}.top p{margin:5px 0 0}.connector-status{align-items:center;gap:8px;font-size:12px;display:flex}.connector-status i{background:#a5abb4;border-radius:50%;width:8px;height:8px}.connector-status i.ok{background:#26a269;box-shadow:0 0 0 3px #e6f6ee}.connector-status button{margin-left:4px}.content{max-width:1220px;margin:auto;padding:28px}.note{color:#315f9f;background:#edf4ff;border-radius:9px;margin-bottom:24px;padding:12px 15px;font-size:12px}.section{justify-content:space-between;align-items:end;margin:0 0 11px;display:flex}.section h3{margin:0;font-size:14px}.section p{margin:4px 0 0}.activity-list{gap:10px;display:grid}.activity-card{background:#fff;border:1px solid #dfe4eb;border-radius:13px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 18px;display:grid;box-shadow:0 5px 18px #24354a0a}.activity-mark{color:#fff;background:#3478f6;border-radius:12px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.activity-copy{min-width:0}.activity-copy h2{margin:3px 0;font-size:15px}.activity-copy p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.activity-copy small{color:#8b929f;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;display:block;overflow:hidden}.running{color:#3478f6;font-size:10px}.running i{background:#3478f6;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.activity-actions{gap:7px;display:flex}.results-heading{margin-top:25px}.card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;overflow:hidden}.result-row{border-bottom:1px solid #eff1f4;grid-template-columns:85px minmax(0,1fr) 120px auto;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:grid}.result-row:last-child{border:0}.result-row p,.idle-row p{color:#8b929f;margin:3px 0 0}.result-row>span{color:#3478f6}.idle{margin-top:14px}.idle summary{cursor:pointer;padding:14px 16px;font-size:13px;font-weight:700}.idle summary span{color:#8b929f;margin-left:8px;font-size:11px;font-weight:400}.idle-row{border-top:1px solid #eff1f4;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.idle-row b{font-size:12px}.idle-row button{color:#d43a3a}.empty,.loading{text-align:center;color:#8b929f;padding:38px}.overlay{z-index:20;background:#11182766;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.live-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(980px,96vw);height:min(720px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0003}.live-modal>header{border-bottom:1px solid #e5e8ed;flex:none;justify-content:space-between;align-items:center;min-height:62px;padding:12px 17px;display:flex}.live-modal h2{margin:0;font-size:16px}.live-modal header p{color:#8b929f;margin:4px 0 0;font-size:11px}.live-modal header button{border:0;font-size:20px}.live-body{flex:1;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);min-height:0;display:grid;overflow:hidden}.live-stage{background:#eef1f5;border-right:1px solid #e5e8ed;min-height:0;padding:16px}.browser-bar{background:#fff;border-radius:10px 10px 0 0;align-items:center;gap:6px;height:38px;padding:0 12px;display:flex}.browser-bar span{background:#d4d8df;border-radius:50%;width:8px;height:8px}.browser-bar b{color:#7f8793;margin-left:8px;font-size:11px}.browser-page{background:#fff;border-radius:0 0 10px 10px;height:calc(100% - 38px);padding:28px;overflow:auto}.browser-page strong{font-size:18px}.browser-page p{color:#8b929f;font-size:12px}.page-placeholder{color:#9aa1ac;border:1px dashed #cfd5de;border-radius:10px;place-items:center;min-height:260px;margin-top:28px;font-size:12px;display:grid}.live-events{flex-direction:column;min-height:0;display:flex;overflow:hidden}.live-events h3{border-bottom:1px solid #edf0f3;flex:none;margin:0;padding:16px;font-size:13px}.event-list{flex:1;min-height:0;padding:7px 15px 15px;overflow-y:auto}.event{border-bottom:1px solid #eff1f4;grid-template-columns:70px minmax(0,1fr);gap:9px;padding:10px 0;font-size:11px;display:grid}.event time{color:#9aa1ac}.event p{color:#8b929f;margin:3px 0 0}.live-modal>footer{border-top:1px solid #e5e8ed;flex:none;align-items:center;gap:12px;min-height:56px;padding:10px 16px;display:flex}.live-modal footer span{color:#8b929f;font-size:10px}.install-modal{background:#fff;border-radius:14px;width:min(700px,96vw);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 80px #0003}.install-modal>header{border-bottom:1px solid #e5e8ed;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.install-modal h2{margin:0;font-size:16px}.install-modal header p{color:#8b929f;margin:4px 0 0;font-size:11px}.install-modal header button{border:0;font-size:20px}.install-steps{padding:8px 18px 18px}.install-step{border-bottom:1px solid #eff1f4;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.install-step>b{color:#3478f6;background:#edf4ff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.install-step strong{font-size:13px}.install-step p,.install-steps details p{color:#8b929f;margin:5px 0 0;font-size:11px;line-height:1.6}.install-steps details{color:#687181;margin-top:14px;font-size:11px}.install-steps code{background:#eef1f5;border-radius:5px;padding:2px 5px}@media (max-width:760px){.top{padding:0 16px}.connector-status span{display:none}.content{padding:16px}.activity-card{grid-template-columns:42px minmax(0,1fr)}.activity-actions{grid-column:2}.result-row{grid-template-columns:70px minmax(0,1fr)}.result-row>span{display:none}.live-modal{width:100%;height:calc(100vh - 20px)}.live-body{grid-template-rows:minmax(220px,.9fr) minmax(220px,1.1fr);grid-template-columns:1fr}.live-stage{border-bottom:1px solid #e5e8ed;border-right:0}}