:root{--bg:#e8ecf0;--surface:#f9fafb;--line:#cdd5de;--text:#263544;--muted:#718091;--accent:#d77b37;--up:#418b73;--down:#bb5858;--stale:#a88a48;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:12px/1.45 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #c5cdd6;border-radius:3px;background:linear-gradient(#fff,#edf0f3);color:#364555;padding:5px 9px;white-space:nowrap}button:hover{background:#e3e9ef;border-color:#9eafbe}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #cc793f;outline-offset:2px}input,select,textarea{border:1px solid #c5cfd8;background:white;border-radius:3px;padding:6px 8px;color:var(--text);min-width:0}textarea{resize:vertical}input::placeholder{color:#8c98a6}input[type=checkbox]{accent-color:var(--accent)}.primary{background:#d88345;border-color:#c16d31;color:#fff}.primary:hover{background:#c87536;color:white}.danger{color:#a33f3f}.muted,.subtle{color:var(--muted)}.mono{font-family:var(--mono);font-size:11px}.app-header{height:61px;background:#253645;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #172836}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.4px}.brand-mark{background:#d8894b;color:#fff;border:1px solid #eca879;border-radius:4px;width:31px;height:31px;display:grid;place-items:center;font-weight:600;font-size:19px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:400;color:#a9b8c5;margin-top:2px}.header-right{display:flex;align-items:center;gap:18px;font-size:11px}.connection{display:flex;align-items:center;gap:6px;color:#bdc9d4}.connection i,.status-bar i{width:6px;height:6px;display:inline-block;background:#748898;border-radius:50%}.connection i.connected,.status-bar i.connected{background:#65ae92}.connection i.failed{background:#c56c6c}.header-button{background:#324757;border-color:#486072;color:#d6e1e8}.header-button:hover{background:#405766}.operator{border-left:1px solid #4b5b69;padding-left:18px}.demo-label{font-size:9px;letter-spacing:.8px;color:#f0b17e;border:1px solid #8e6345;padding:3px 6px;border-radius:2px}.menu-bar{height:36px;display:flex;align-items:center;justify-content:space-between;background:#f7f9fa;border-bottom:1px solid var(--line);padding:0 16px}.menu-bar nav{display:flex;height:100%;gap:15px}.menu-bar button{border:0;border-bottom:2px solid transparent;background:none;border-radius:0;font-size:11px;padding:0 9px}.menu-bar .nav-active{border-bottom-color:var(--accent);color:#a95a22}.count{display:inline-block;background:#e3e8ed;border-radius:3px;padding:0 5px;font-size:9px;margin-left:5px}#clock{font-family:var(--mono);font-size:10px;color:#748292}.toolbar{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 19px}.toolbar-title{font-size:13px;font-weight:600}.toolbar-title .subtle{font-weight:400;font-size:11px;margin-left:10px}.toolbar-actions{display:flex;gap:7px}.workbench{display:grid;grid-template-columns:245px minmax(430px,1fr) 300px;gap:8px;padding:0 13px 12px;height:calc(100vh - 179px);min-height:400px}.pane{background:var(--surface);border:1px solid #bdc8d3;box-shadow:0 1px 2px #20374c0b;border-radius:4px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.pane-heading{background:linear-gradient(#fcfdfe,#edf1f5);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 12px;gap:8px}.pane-heading h2{margin:0;font-size:12px;font-weight:600}.pane-heading .muted{font-size:10px}.site-search{padding:10px;display:flex;gap:5px;border-bottom:1px solid #e0e5eb}.site-search input{width:100%;font-size:11px}.site-search select{width:78px;padding:4px;color:#748292;font-size:10px}.site-search select option{color:var(--text)}.site-table-wrap{flex:1;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#738294;font-weight:500;background:#f0f3f6;font-size:10px;padding:8px 10px;border-bottom:1px solid #dbe2e9;white-space:nowrap}td{padding:8px 10px;border-bottom:1px solid #e4e9ef;vertical-align:middle}tbody tr:hover{background:#f0f4f8}.site-table td{padding:11px 10px}.site-table tr{cursor:pointer}.site-table .selected{background:#e6edf4;border-left:3px solid #d88548}.site-table .selected td:first-child{padding-left:7px}.site-name{font-weight:600;color:#33475a}.site-meta{display:block;color:#82909d;font-size:10px;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 5px;border:1px solid #d8dfe6;border-radius:3px;font:9px var(--mono);color:#84909b;background:#f0f3f5;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.up{color:var(--up);background:#eaf3ef;border-color:#c8ded4}.badge.down{color:var(--down);background:#f8eeee;border-color:#e8cdcd}.badge.stale{color:#a27e37;background:#f7f2e7;border-color:#e6dcc1}.badge.unknown,.badge.disabled{color:#7f8b97}.pane-footer{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);background:#f0f3f6;font-size:10px;padding:7px 10px;min-height:31px}.events-pane .pane-footer{justify-content:space-between}.status-dot{width:5px;height:5px;display:inline-block;background:#8a98a6;border-radius:50%}.status-dot.up{background:var(--up)}.status-dot.down{background:var(--down);margin-left:8px}.detail-content{flex:1;min-height:0;overflow:auto}.site-summary{padding:17px 17px 13px;border-bottom:1px solid #e0e6ec}.summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.summary-top h3{font-size:17px;margin:0;letter-spacing:-.3px;font-weight:600}.summary-meta{display:flex;gap:14px;margin-top:6px;font-size:10px;color:var(--muted)}.summary-stats{display:flex;gap:0;margin-top:17px}.summary-stat{padding:0 20px;border-left:1px solid #dbe2e8}.summary-stat:first-child{padding-left:0;border-left:0}.summary-stat strong{font-size:20px;font-weight:400;display:block;line-height:1.1;font-family:var(--mono)}.summary-stat span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.summary-stat .green{color:var(--up)}.summary-stat .red{color:var(--down)}.site-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 10px;overflow-x:auto;background:#f0f3f6}.site-tabs button{background:none;border:0;border-radius:0;border-bottom:2px solid transparent;padding:10px 9px;font-size:10px;color:#748292}.site-tabs .active{border-bottom-color:var(--accent);background:#fafbfd;color:#94501f}.section-toolbar{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;gap:8px}.section-toolbar h4{margin:0;font-size:11px;font-weight:600}.section-toolbar button{font-size:10px;padding:4px 7px}.target-name{font-weight:500}.target-purpose{font-size:9px;color:#84929f;display:block;margin-top:2px}.target-actions{white-space:nowrap}.target-actions button{border:0;background:none;padding:3px 5px;color:#76899a;font-size:10px}.target-actions button:hover{color:#bc682c;background:#e9edf1}.data-table-wrap{overflow-x:auto}.notice{background:#f0f3f7;border:1px solid #dce3ea;padding:9px 11px;margin:12px;color:#6e8090;font-size:10px;line-height:1.6;border-radius:3px}.notice.warning{background:#f7f2e9;border-color:#e7dac6;color:#997b4b}.empty{text-align:center;padding:55px 20px;color:var(--muted);max-width:430px;margin:auto}.empty h3{font-size:13px;color:#627488;font-weight:500;margin:12px 0 6px}.empty p{font-size:11px;margin:0 0 18px;line-height:1.8}.empty-icon{font-size:30px;color:#a9b7c4;font-weight:300}.empty.compact{padding:25px 15px}.live-tag{font:8px var(--mono);letter-spacing:.6px;color:#668879}.event-controls{display:flex;gap:5px;padding:9px;border-bottom:1px solid #dfe5ec}.event-controls select{flex:1;min-width:0;font-size:10px}.event-controls button{font-size:10px}.events-list{flex:1;overflow:auto;padding:3px 10px}.event{border-bottom:1px solid #e0e6ec;padding:12px 0;font-size:10px}.event-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;gap:8px}.event time{color:#8a96a1;font-family:var(--mono);font-size:9px}.event-site{font-size:10px;font-weight:600;color:#4b5e70;margin-bottom:3px}.event-message{color:#7c8996;font-size:10px;word-break:break-word}.status-bar{height:27px;border-top:1px solid #c8d1db;background:#dde4ea;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:9px;color:#748394}.status-bar>span{display:flex;align-items:center;gap:6px}.status-bar i{width:5px;height:5px}.incident-strip{padding:9px 12px;border-bottom:1px solid #e8d4c4;background:#faf4ed;color:#9b6d43;font-size:10px;display:flex;align-items:center;gap:8px}.site-window{position:fixed;background:#f9fafb;border:1px solid #8498ac;border-radius:4px;box-shadow:0 12px 40px #263e5340;min-width:320px;min-height:250px;resize:both;overflow:hidden;display:flex;flex-direction:column;max-width:100vw;max-height:calc(100vh - 35px)}.window-titlebar{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#dce5ed;border-bottom:1px solid #a9bac9;cursor:move;user-select:none;font-size:11px;touch-action:none}.window-titlebar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.window-controls{display:flex;gap:3px}.window-controls button{font:12px Arial;padding:2px 6px;background:#eff3f7}.site-window .detail-content{overflow:auto;min-height:0}.site-window .site-summary{padding:11px 12px}.site-window .summary-top h3{font-size:14px}.site-window .summary-stat strong{font-size:15px}.site-window .site-tabs button{padding:7px;font-size:9px}.site-window.maximized{left:8px!important;top:70px!important;width:calc(100vw - 16px)!important;height:calc(100vh - 112px)!important;resize:none}#window-dock{position:fixed;bottom:31px;left:15px;display:flex;gap:5px;z-index:20000}#window-dock button{background:#dce6ef;border-color:#9eafbd;box-shadow:0 2px 6px #24374820;font-size:10px}#toast{position:fixed;bottom:44px;right:20px;background:#2b4153;color:#fff;padding:11px 16px;border-radius:4px;z-index:30000;max-width:400px;font-size:11px;box-shadow:0 4px 18px #253c5030}dialog{border:1px solid #9dadbb;border-radius:5px;padding:0;background:#fafbfd;color:var(--text);width:570px;max-width:calc(100vw - 30px);max-height:85vh;box-shadow:0 20px 75px #182f4a45}dialog::backdrop{background:#21384e60}.dialog-heading{display:flex;align-items:center;justify-content:space-between;background:#e9eff4;padding:10px 14px;border-bottom:1px solid #c4d0dc}.dialog-heading h2{margin:0;font-size:13px;font-weight:600}.dialog-heading button{border:0;background:none;font-size:18px;padding:0 5px}#modal-body{padding:17px;overflow:auto;max-height:calc(85vh - 47px)}label{display:block;font-size:11px;color:#687c8e}label input:not([type=checkbox]),label select,label textarea{display:block;width:100%;margin-top:5px}label textarea{min-height:65px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;gap:6px;justify-content:flex-end;border-top:1px solid #dce4eb;padding-top:13px;margin-top:17px}.error{background:#f9eaea;color:#aa4f4f;border:1px solid #e3c2c2;border-radius:3px;padding:9px;margin:0 0 12px;font-size:11px}.error:empty{display:none}.pagination{display:flex;gap:9px;align-items:center;justify-content:flex-end;padding:10px 12px;color:var(--muted);font-size:10px}.notes{padding:12px;color:var(--muted);white-space:pre-wrap}.token{display:block;font-family:var(--mono);font-size:11px;background:#eaf0f5;padding:12px;word-break:break-all;user-select:all;line-height:1.7}.reporting-guide{font-size:11px;line-height:1.8}.reporting-guide code{font-family:var(--mono);font-size:10px;background:#e7edf2;padding:2px 4px}.reporting-guide pre{white-space:pre-wrap;background:#eaf0f5;padding:12px;overflow:auto;font:10px/1.7 var(--mono)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 40% 30%,#e5ecf3,#cdd8e2)}.login-box{width:355px;background:#f7f9fb;border:1px solid #b8c6d3;border-radius:5px;padding:27px;box-shadow:0 14px 55px #253d5220}.login-box .brand{color:#2f455a;margin-bottom:28px}.login-box .brand small{color:#7c8d9d;font-size:7px}.login-box h1{font-size:16px;font-weight:500;margin:0 0 5px}.login-box form{margin-top:19px}.login-box label{margin-bottom:13px}.login-box form>button{width:100%;padding:8px;margin-top:3px}.login-box small{display:block;font-size:9px;margin-top:7px;line-height:1.7}.login-box footer{border-top:1px solid #d6dfe7;padding-top:16px;margin-top:24px;font-size:9px;color:#8b99a6}.demo-button{border-style:dashed;background:#edf2f6}.coverage{font-size:9px;color:#91a0ad}.uptime-bar{display:block;height:3px;width:50px;background:#e1e7ec;margin-top:4px}.uptime-bar i{display:block;height:100%;background:#7cab99}.help-inline{font-size:10px;color:#8795a3;margin:8px 0}.tab-content{min-height:140px}.incident-table td{font-size:10px}.focus-link{color:#b26a34;background:none;border:0;padding:0;font-size:inherit}.summary-tools{display:flex;gap:4px}.summary-tools button{font-size:10px;padding:4px 6px}@media(min-width:1600px){.workbench{grid-template-columns:280px minmax(600px,1fr) 350px}}@media(max-width:1100px){.workbench{grid-template-columns:210px minmax(360px,1fr) 250px}.header-right{gap:9px}.operator{display:none}.site-tabs button{padding:9px 6px}}@media(max-width:900px){.workbench{grid-template-columns:220px 1fr;height:auto;min-height:calc(100vh - 180px)}.events-pane{grid-column:1/-1;height:300px}.detail-pane,.sites-pane{height:600px}.header-right .connection{display:none}.status-bar{position:sticky;bottom:0}.site-window{max-height:calc(100vh - 50px)}}@media(max-width:600px){.app-header{padding:0 10px}.brand{font-size:14px}.brand small{font-size:6px}.demo-label{display:none}.menu-bar{padding:0 5px}.menu-bar nav{gap:0}.menu-bar button{font-size:10px;padding:0 7px}#clock{display:none}.toolbar{padding:0 10px}.toolbar-title .subtle{display:none}.workbench{grid-template-columns:1fr;padding:0 7px 10px}.sites-pane{height:280px}.detail-pane{height:570px}.events-pane{grid-column:auto}.status-bar{font-size:8px;padding:0 8px}.status-bar>span:nth-child(2){display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.summary-stat{padding:0 10px}.summary-tools{flex-wrap:wrap}.header-button{font-size:9px}.site-window .summary-meta{gap:8px}.site-tabs{padding:0 4px}}
[hidden]{display:none!important}

.settings-nav{display:inline-block;color:inherit;text-decoration:none;padding:7px 12px;font-size:12px}.settings-nav:hover{background:#e8edf2}.email-settings{max-width:820px;margin:16px auto;min-height:0}.email-settings-body{padding:14px}.email-settings fieldset{border:0;margin:0;padding:0;min-width:0}.email-settings .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.email-settings .form-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px}.email-settings .full{grid-column:1/-1}.email-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 12px;font-size:12px}.email-settings input,.email-settings textarea,.email-settings select{width:100%;box-sizing:border-box}.email-settings .error{min-height:22px;margin-top:8px}.email-settings fieldset:disabled{opacity:.65}@media(max-width:600px){.email-settings{margin:8px}.email-settings .form-grid{grid-template-columns:1fr}}

#onboarding-tour{position:fixed;z-index:12002;right:20px;bottom:55px;width:330px;max-width:calc(100vw - 32px);background:#f8fafc;border:1px solid #b8c6d2;box-shadow:0 5px 22px #18253244;padding:14px;border-radius:4px;font-size:12px}#onboarding-tour h3{margin:0 0 8px}.tour-highlight{outline:3px solid #cb7c38;outline-offset:-3px;position:relative;z-index:12001;background:#f8fafc}#display-timezone{font-size:11px;max-width:180px}.installation-command{width:100%;box-sizing:border-box;white-space:pre;font:11px monospace}.menu-bar nav{flex-wrap:wrap}.menu-bar{height:auto;min-height:34px}#installation-status{padding:8px;border:1px solid #c2ced8;font-size:12px}@media(max-width:650px){#onboarding-tour{right:8px;bottom:42px}.tour-highlight{z-index:auto}#display-timezone{max-width:130px}}

#tour-backdrop{position:fixed;inset:0;background:#18253266;z-index:12000;pointer-events:none}