.monitor-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0 12px;font-size:12px}.monitor-toolbar label{display:flex;align-items:center;gap:10px}.monitor-toolbar select,.mon-canvas-head select{border:1px solid #dae0e9;border-radius:6px;background:white;padding:8px 10px;max-width:100%;color:#344054}.monitor-toolbar details{margin-left:auto;position:relative}.monitor-toolbar details[open]{background:#fff;border:1px solid var(--line);padding:12px;border-radius:8px}.monitor-toolbar input{max-width:220px}.monitor-toolbar summary{cursor:pointer;color:#5c6980}.mon-auto{color:#8b95a5;font-size:11px}.mon-page-head h1{font-size:32px}.mon-workspace{--success:#20a787;--failure:#e36274;--running:#4b89e8;--pending:#e8b347;--unknown:#e2e7ed;min-width:0}.mon-summary{display:grid;grid-template-columns:2fr repeat(4,1fr);background:linear-gradient(105deg,#f0f5ff,#fff);border:1px solid #dce5f2;border-radius:12px;padding:21px 25px;margin:16px 0 25px;gap:20px}.mon-summary>div{display:flex;flex-direction:column;gap:6px;border-left:1px solid #dce4f0;padding-left:22px;min-width:0}.mon-summary>div:first-child{position:relative;border:0;padding-left:20px;justify-content:center}.mon-summary strong{font-size:25px;font-weight:650;letter-spacing:-.04em}.mon-summary>div:first-child strong{font-size:13px;letter-spacing:0}.mon-summary small,.mon-summary span{color:#718097;font-size:11px;line-height:1.5}.mon-dot{position:absolute;left:0;top:9px;width:8px;height:8px;background:#d5a13c;border-radius:50%;box-shadow:0 0 0 4px #d5a13c14}.mon-dot.online{background:#20a787;box-shadow:0 0 0 4px #20a78717}.mon-panel{background:#fff;border:1px solid var(--line);border-radius:12px;margin:18px 0 24px;overflow:hidden;min-width:0}.mon-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #e8edf4}.mon-panel h2{font-size:15px;letter-spacing:-.015em}.mon-caption{font:10px 'IBM Plex Mono',monospace;color:#8794a8;letter-spacing:.05em}.mon-table-scroll{max-width:100%;overflow-x:auto}.mon-pipelines,.mon-history{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.mon-pipelines th,.mon-history th{color:#8893a3;background:#fbfcfe;font-size:10px;font-weight:600;padding:12px 20px;white-space:nowrap}.mon-pipelines td,.mon-history td{padding:16px 20px;border-top:1px solid #edf0f5}.mon-pipelines tr.active{background:#f5f8ff;box-shadow:inset 3px 0 #315cf5}.mon-source{display:flex;gap:12px;align-items:center;border:0;background:none;padding:0;text-align:left;min-width:150px;color:#24364f}.mon-source strong{font-size:13px;display:block;margin-bottom:5px}.mon-source small,.mon-last small{display:block;font-size:10px;color:#8590a2;margin-top:5px}.mon-source-icon{display:grid;place-items:center;width:34px;height:36px;background:#eaf0ff;border:1px solid #dce5f8;border-radius:8px;font-weight:700;color:#526da8}.mon-state{display:inline-flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;font-weight:600;color:#607087;padding:5px 8px;border-radius:5px;background:#f0f3f7}.mon-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.mon-state[data-state=completed],.mon-state[data-state=waiting]{color:#158369;background:#eaf8f2}.mon-state[data-state=failed],.mon-state[data-state=blocked],.mon-state[data-state=collector_stopped]{color:#bd4357;background:#fff0f3}.mon-state[data-state=running],.mon-state[data-state=fetching]{color:#3675cc;background:#edf4ff}.mon-state[data-state=pending],.mon-state[data-state=backoff],.mon-state[data-state=awaiting_external_capture]{color:#a6741e;background:#fff7e6}.mon-freshness{display:block;font-size:10px;margin:7px 0 0 8px;color:#7d8b9e}.mon-spark{display:flex;gap:4px;min-width:180px;align-items:center}.mon-spark .mon-cell{width:8px;height:23px;border-radius:2px;min-width:6px}.mon-cell{display:inline-block;border:0;background:var(--unknown);width:18px;height:22px;border-radius:3px;cursor:pointer;padding:0;vertical-align:middle}.mon-cell[data-state=completed],.mon-legend i[data-state=completed]{background:var(--success)}.mon-cell[data-state=failed],.mon-legend i[data-state=failed]{background:var(--failure)}.mon-cell[data-state=running],.mon-legend i[data-state=running]{background:var(--running)}.mon-cell[data-state=pending],.mon-legend i[data-state=pending]{background:var(--pending)}.mon-cell:hover,.mon-cell.selected{outline:2px solid #334e86;outline-offset:2px}.mon-detail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 24px 18px}.mon-detail-head .eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em}.mon-detail-head h2{font-size:25px;margin:7px 0}.mon-detail-head p{color:#7b889b;font-size:12px}.mon-actions{display:flex;gap:8px;flex-wrap:wrap}.mon-source-meta{display:flex;flex-wrap:wrap;gap:20px;padding:0 24px 15px;font-size:11px;color:#7b889b}.mon-source-meta a{color:#4772bb;text-decoration:none}.mon-reason{font-size:11px;color:#7b889b;line-height:1.6;padding:0 24px 15px}.mon-tabs{display:flex;gap:22px;padding:0 24px;border-bottom:1px solid #e5eaf2;overflow-x:auto}.mon-tabs button{border:0;border-bottom:2px solid transparent;color:#7a879a;background:transparent;font-size:12px;padding:15px 0 13px;white-space:nowrap}.mon-tabs button.active{color:#315cf5;border-bottom-color:#315cf5;font-weight:650}.mon-execution-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:340px}.mon-canvas{min-width:0;padding:20px 22px 14px}.mon-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.mon-canvas-head h3{font-size:12px;font-weight:600;color:#445571}.mon-canvas-head label{display:flex;align-items:center;gap:8px;font-size:10px;color:#8590a3;min-width:0}.mon-canvas-head select{font-size:10px;padding:7px 8px;max-width:200px}.mon-matrix-scroll{overflow-x:auto;max-width:100%;padding:3px 3px 6px}.mon-matrix{border-collapse:separate;border-spacing:5px 9px;width:max-content;min-width:100%;font-size:11px}.mon-matrix caption{text-align:left;color:#9aa4b4;font-size:10px;padding-bottom:7px}.mon-matrix th{font-weight:500;text-align:left;white-space:nowrap;color:#687891;padding-right:12px}.mon-matrix thead th:not(:first-child){height:53px;min-width:19px;max-width:19px;padding:0;vertical-align:bottom}.mon-matrix thead span{display:block;transform:rotate(-48deg);transform-origin:left bottom;font-size:8px;color:#9aa6b6;width:14px}.mon-matrix td{padding:0;text-align:center}.mon-matrix tbody tr:first-child th{font-weight:700;color:#354760}.mon-matrix tbody tr:first-child .mon-cell{height:28px}.mon-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;font-size:9px;color:#8490a2}.mon-legend span{display:flex;align-items:center;gap:5px}.mon-legend i{width:7px;height:7px;border-radius:2px;background:var(--unknown)}.mon-footnote{font-size:10px;color:#8c97a9;line-height:1.7;margin:14px 22px;max-width:850px}.mon-canvas .mon-footnote{margin:16px 0}.mon-inspector{border-left:1px solid #e5eaf2;background:#fbfcfe;min-width:0;padding-bottom:16px}.mon-inspector-title{padding:20px 18px}.mon-inspector-title>small{font:8px 'IBM Plex Mono',monospace;color:#97a4b7;letter-spacing:.08em}.mon-inspector-title h3{font-size:13px;font-weight:600;overflow-wrap:anywhere;margin:10px 0}.mon-tabs.compact{padding:0 18px}.mon-tabs.compact button{font-size:11px;padding-top:6px}.mon-log{margin:16px 18px;font:10px/1.8 'IBM Plex Mono',monospace;color:#64748b;overflow-wrap:anywhere}.mon-log time{display:block;color:#9aa6b7;font-size:9px}.mon-log span{font-size:8px;color:#269b7d;margin-right:7px}.mon-log span[data-state=failed]{color:#c24960}.mon-log p{margin:5px 0 16px;white-space:pre-wrap}.mon-details{padding:2px 18px;font-size:11px}.mon-details div{padding:10px 0;border-bottom:1px solid #e8edf4}.mon-details dt{color:#98a3b4;font-size:10px}.mon-details dd{margin:5px 0 0;overflow-wrap:anywhere;line-height:1.6}.mon-empty{padding:35px 22px;color:#8995a7;font-size:12px;line-height:1.7}.mon-empty strong{font-weight:500;color:#5a6b84}.mon-empty p{margin-top:8px}.mon-empty.small{padding:15px 22px}.mon-graph{display:flex;align-items:center;gap:6px;overflow-x:auto;min-height:175px;background:radial-gradient(#e7ecf3 1px,transparent 1px);background-size:14px 14px;border:1px solid #edf0f5;border-radius:7px;padding:25px 12px}.mon-node{flex:0 0 126px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-height:135px;border:1px solid #dfe5ee;border-left:3px solid #c9d3df;background:#fff;border-radius:7px;padding:12px;text-align:left;box-shadow:0 4px 10px #233b5e07}.mon-node[data-state=completed]{border-left-color:var(--success)}.mon-node[data-state=failed]{border-left-color:var(--failure)}.mon-node strong{font-size:11px;min-height:28px;color:#475b78}.mon-node small{font-size:8px;color:#91a0b4}.mon-node .mon-state{font-size:8px;padding:4px 5px}.mon-edge{color:#aebcce}.mon-history td{padding:12px 9px;font-size:10px;white-space:nowrap}.mon-history td small{display:block;color:#9aa4b3;margin-top:5px}.mon-link{border:0;padding:0;background:transparent;color:#4772bb;font-size:10px;cursor:pointer}.mon-command{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #edf0f4;padding:14px 22px;font-size:11px}.mon-command strong{font-size:11px}.mon-command time{color:#96a1b3;font-size:10px}.mon-command p{color:#718099;flex:1;min-width:160px;line-height:1.6}.mon-command small{font:8px 'IBM Plex Mono',monospace;color:#a0aabb;overflow-wrap:anywhere}.mon-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;color:#9ca6b5;padding:0 2px 8px}.monitor-error{color:#b14859;border:1px solid #f1d1d8;background:#fff5f7;padding:12px 18px;margin:12px 0;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.monitor-demo{margin-top:16px}.monitor-alarm{margin:12px 0;padding:16px;box-shadow:none}.monitor-card-head{display:flex;justify-content:space-between;gap:10px}.monitor-card-head h3{font-size:15px;margin:8px 0}.monitor-card-head p,.monitor-card-head time{font-size:10px;color:#8d99ab}.monitor-alarm>p{font-size:11px;line-height:1.7;margin:12px 0}.monitor-changes{display:flex;gap:20px;flex-wrap:wrap;background:#f5f8fc;padding:14px;border-radius:8px;margin:16px 0}.monitor-changes div{display:grid;gap:6px}.monitor-changes span,.monitor-changes small{font-size:10px;color:#8490a2}.monitor-changes strong{font-size:17px}.monitor-market{font-size:11px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px;line-height:1.7}.monitor-market h4{margin:0 0 10px;font-size:12px}.monitor-market blockquote{margin:10px 0;border-left:2px solid #ccd8ed;padding-left:10px;white-space:pre-wrap;overflow-wrap:anywhere}button:focus-visible,.mon-source:focus-visible{outline:2px solid #315cf5;outline-offset:3px}[data-monitor-status]:not(:empty){padding:12px 16px;background:#edf4ff;border:1px solid #d9e6fc;border-radius:8px;font-size:12px;color:#41628c;line-height:1.6}
@media(max-width:1100px){.mon-execution-layout{grid-template-columns:minmax(0,1fr) 255px}.mon-pipelines th,.mon-pipelines td{padding-left:14px;padding-right:14px}.mon-spark{min-width:135px}.mon-summary{gap:12px;padding:18px}.mon-summary>div{padding-left:14px}.mon-canvas-head{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.mon-summary{grid-template-columns:repeat(4,1fr);gap:15px;padding:18px 15px}.mon-summary>div:first-child{grid-column:1/-1;padding-bottom:9px}.mon-summary>div{padding-left:10px}.mon-summary strong{font-size:22px}.mon-summary span{font-size:9px}.mon-execution-layout{grid-template-columns:1fr}.mon-inspector{border-left:0;border-top:1px solid #e5eaf2}.mon-detail-head{align-items:flex-start;flex-direction:column;padding:22px 17px 18px}.mon-actions{width:100%}.mon-actions .button{flex:1;font-size:11px}.mon-source-meta{padding-left:17px;padding-right:17px;gap:10px}.mon-tabs{padding:0 17px;gap:20px}.mon-canvas{padding:18px 14px}.mon-matrix{border-spacing:4px 9px}.mon-matrix th{font-size:10px}.mon-panel-head{padding:16px}.mon-panel-head .mon-caption{font-size:8px}.mon-page-head .tag{display:none}.mon-footer{font-size:8px}.mon-reason{padding-left:17px;padding-right:17px}.monitor-toolbar{gap:10px}.monitor-toolbar details{margin-left:0}.mon-auto{display:none}.mon-last{white-space:nowrap}.mon-command{padding:14px}.mon-command p{flex-basis:100%}.mon-command small{max-width:100%}}

.mon-target{margin:16px 24px;padding:20px;background:#f5f8ff;border:1px solid #dfe7f6;border-radius:10px}.mon-target h3{margin:7px 0}.mon-target p{line-height:1.6;font-size:12px}.mon-target form{display:flex;gap:12px;align-items:end;margin:16px 0}.mon-target label{display:grid;gap:7px;flex:1}.mon-target input{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid #c9d5ee;border-radius:6px;background:white;color:#23304a;font:inherit}@media(max-width:600px){.mon-target{margin:12px;padding:14px}.mon-target form{display:grid}.mon-target button{width:100%}}

.mon-uptime-calendar{display:flex;flex-wrap:wrap;gap:5px;margin:16px 0}.mon-uptime-cell{display:grid;place-items:center;min-width:28px;height:32px;border-radius:3px;color:#fff;font-size:11px}.mon-uptime-green{background:#76ad2a}.mon-uptime-outage{background:#de7d31}.mon-uptime-unknown{background:#eaeaea;color:#555}

.mon-uptime-color-76ad2a{background:#76ad2a}.mon-uptime-color-f1c40f{background:#f1c40f}.mon-uptime-color-f7ca18{background:#f7ca18}.mon-uptime-color-ffb400{background:#ffb400}.mon-uptime-color-e67e22{background:#e67e22}.mon-uptime-color-e04343{background:#e04343}.mon-uptime-color-e74c3c{background:#e74c3c}.mon-uptime-color-f0ad4e{background:#f0ad4e}.mon-uptime-color-de7d31{background:#de7d31}