:root{--bg:#f5f7f7;--surface:#fff;--ink:#172e32;--muted:#829194;--line:#e8eeed;--mint:#c9f3dd;--green:#16865f;--dark:#102c2a;--red:#db5d64;--amber:#bb8b37;--radius:16px;--shadow:0 8px 24px #16383006;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #36b889;outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}button,.button{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.button:active,button:active{transform:translateY(1px)}[hidden]{display:none!important}.boot{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;flex-wrap:wrap;align-content:center}.boot-caption{width:100%;text-align:center;font-size:13px;color:var(--muted);margin-top:14px}.brandmark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#caf4df;color:#173f37}.brandmark svg{width:27px;height:27px;stroke-width:2.2}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--dark);color:#ecf4f0;padding:32px 22px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font-size:24px;font-weight:760;letter-spacing:-1px;gap:10px}.brand-dot{color:#9be7bf;margin-left:-10px}.workspace-label{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#6e918a;margin:44px 12px 15px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 13px;border-radius:9px;color:#9cb6af;font-size:13px;font-weight:530;transition:background .2s,color .2s}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:#284840;color:#d3f5e2}.nav-item svg{width:18px;height:18px}.nav-badge{margin-left:auto;background:#456451;color:#d8f5e2;min-width:21px;text-align:center;padding:2px 6px;border-radius:5px;font-size:10px}.sidebar-promo{margin-top:auto;padding:18px 15px;border-radius:13px;border:1px solid #35514a;background:linear-gradient(140deg,#25473a80,#24403420)}.sidebar-promo strong{display:block;margin:16px 0 8px;font-size:13px;color:#e3f5ea}.sidebar-promo p{font-size:11px;line-height:1.65;color:#98b2a6}.orbit{width:38px;height:38px;border:1px solid #58725f;border-radius:50%;display:grid;place-items:center;position:relative;color:#bbebc6}.orbit span{position:absolute;width:6px;height:6px;background:#c6f1d6;border-radius:100%;top:-3px}.orbit svg{width:23px;height:23px}.sidebar-install{color:#c7efd6;background:transparent;padding:0;margin-top:15px;font-size:11px;font-weight:600;width:100%;display:flex;justify-content:space-between;align-items:center}.sidebar-install span{font-size:17px}.sidebar-bottom{margin-top:18px}.demo-button{background:transparent;color:#91aca0;text-align:left;font-size:10px;padding:10px 12px 15px;width:100%}.demo-button:hover{color:#d0f1db}.profile{border-top:1px solid #ffffff13;display:flex;align-items:center;gap:9px;padding-top:18px}.avatar,.top-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dfeee1;color:#557464;font-size:12px;font-weight:650}.profile strong{display:block;font-size:10px;font-weight:600}.profile small{font-size:9px;color:#8ba99e;display:block;margin-top:4px}.profile .icon-button{margin-left:auto;color:#abc2b7;width:22px;font-size:20px}.workspace{margin-left:228px;min-height:100svh}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#8a989a}.breadcrumb span{color:#ccd4d3}.breadcrumb strong{color:#4d6264;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:21px}.system-indicator{display:flex;gap:7px;align-items:center;font-size:10px;color:#688478}.system-indicator i,.workspace-footer i{width:5px;height:5px;border-radius:50%;background:#55b18b;display:inline-block}.system-indicator.offline{color:#ba7b5b}.system-indicator.offline i{background:#d99b79}.icon-button{width:30px;height:30px;background:transparent;color:#78908a;display:inline-flex;align-items:center;justify-content:center;border-radius:7px}.icon-button:hover{background:#f0f6f2}.notification-trigger{position:relative}.notification-trigger svg{width:17px;height:17px}.notification-trigger span{width:5px;height:5px;border:1px solid #fff;background:var(--red);border-radius:50%;position:absolute;right:5px;top:5px}.top-avatar{border:1px solid #d2e5d6;width:30px;height:30px}.connection-banner{padding:12px 36px;background:#fff4e2;color:#987326;font-size:12px;line-height:1.6;border-bottom:1px solid #f1dfb5}.demo-banner{padding:11px 36px;background:#ebf4ed;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#578066;border-bottom:1px solid #d5e6d8}.demo-banner button{background:transparent;color:#42704f;font-size:11px;text-decoration:underline;text-underline-offset:3px}main{padding:32px 36px 10px;max-width:1650px;margin:0 auto;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;color:#96a3a4;text-transform:uppercase;margin-bottom:10px}h1{font-size:29px;font-weight:650;letter-spacing:-1.1px;line-height:1.2}.heading-description{color:#839194;font-size:12px;margin-top:9px;line-height:1.6}.heading-description strong{color:#4b7364;font-weight:500}.heading-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:11px 16px;background:#fff;color:#617678;border:1px solid #e1e8e6;border-radius:9px;font-size:11px;font-weight:570;line-height:1.2;min-height:38px;white-space:nowrap}.button svg{width:15px;height:15px}.button:hover{background:#f5f9f7;box-shadow:0 3px 8px #16383007}.button.primary{background:#234d3d;border-color:#234d3d;color:#f3fff7}.button.primary:hover{background:#173d2d}.button.mint{background:#d2efdf;border-color:#d2efdf;color:#27533c}.button.danger{background:#fff1f1;border-color:#f2d8d8;color:#b84e55}.button.small{padding:8px 11px;min-height:31px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.stat-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 21px 19px;min-height:137px;box-shadow:var(--shadow);overflow:hidden}.stat-label{font-size:11px;color:#849397;display:flex;align-items:center;gap:8px}.stat-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#edf5f0;color:#719182;margin-left:auto}.stat-icon svg{width:15px;height:15px}.stat-icon.amber{background:#fbf4e9;color:#c49d5b}.stat-icon.red{background:#fff0f1;color:#d78086}.stat-value{font-size:32px;font-weight:640;letter-spacing:-1px;line-height:1.1;margin-top:12px;display:flex;align-items:baseline;gap:6px}.stat-value small{font-size:13px;font-weight:500;letter-spacing:0;color:#93a39d}.stat-foot{font-size:9px;color:#99a6a6;margin-top:11px;display:flex;align-items:center;gap:5px}.stat-foot.positive{color:#60977d}.tiny-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.stat-spark{position:absolute;right:19px;bottom:23px;width:75px;height:25px;color:#97cbb0;opacity:.8;stroke-width:1.5}.overview-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(260px,1fr);gap:21px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-header{padding:21px 23px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{font-size:13px;font-weight:620;letter-spacing:-.15px}.panel-subtitle{font-size:10px;color:#94a2a2;margin-top:6px}.period-pill{border:1px solid #e6ece8;padding:6px 10px;color:#8a9d94;border-radius:6px;font-size:9px;white-space:nowrap}.chart-legend{display:flex;gap:7px;align-items:center;color:#7e9189;font-size:9px}.chart-legend i{background:#63aa82;width:6px;height:6px;border-radius:50%}.chart{height:204px;padding:0 23px 22px;position:relative}.chart svg{width:100%;height:100%;overflow:visible;stroke-width:1}.chart-empty{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a6b3ae;gap:9px;position:relative;background:repeating-linear-gradient(to bottom,transparent,transparent 44px,#f0f4f2 45px);margin:0 23px 23px}.chart-empty svg{width:30px;height:30px;color:#b9ccc1;stroke-width:1.2}.chart-empty strong{font-size:12px;color:#859b91;font-weight:500}.chart-empty p{font-size:10px;line-height:1.6;max-width:260px;background:#fff;padding:0 10px}.chart text{font-size:9px;fill:#a0aaa5;stroke:none}.health-panel{background:linear-gradient(120deg,#e7f3e9,#f6faf5);border-color:#deebe0;position:relative}.health-panel .panel-header{padding-bottom:0}.health-body{display:flex;align-items:center;gap:20px;padding:20px 23px 24px}.health-ring{position:relative;width:125px;height:125px;flex-shrink:0}.health-ring svg{width:125px;height:125px;transform:rotate(-90deg)}.health-number{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.health-number strong{font-size:27px;letter-spacing:-1.3px;font-weight:600}.health-number span{color:#8aa392;font-size:9px}.health-copy{display:grid;gap:10px;min-width:0}.health-copy strong{font-size:12px;font-weight:550}.health-copy p{font-size:10px;color:#83998b;line-height:1.65}.health-tag{background:#d2e8d7;border-radius:5px;padding:5px 8px;color:#5c866a;display:inline-flex;align-items:center;gap:5px;font-size:9px;max-width:max-content}.health-tag.warn{background:#f4e7cf;color:#98793b}.health-footer{border-top:1px solid #dce9df;display:flex;justify-content:space-between;padding:15px 23px;color:#8a9d91;font-size:9px}.monitors-panel{margin-bottom:23px}.monitors-panel>.panel-header{padding-bottom:18px}.section-title-group{display:flex;gap:9px;align-items:center}.count-badge{background:#f0f5f1;color:#849b8d;font-size:9px;padding:3px 6px;border-radius:5px}.text-button{font-size:10px;color:#779086;background:transparent;padding:0;display:inline-flex;align-items:center;gap:6px}.text-button:hover{color:#245e3f}.text-button svg{width:12px;height:12px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 23px 18px;gap:13px}.searchbox{display:flex;align-items:center;gap:8px;max-width:280px;width:100%;color:#9aa9a1;border:1px solid #e6ede9;border-radius:7px;padding:8px 10px;background:#fff}.searchbox svg{width:14px;height:14px}.searchbox input{width:100%;border:none;outline:none;color:#526d61;font-size:10px;background:transparent;padding:0}.searchbox input::placeholder{color:#a6b3ad}.filter-tabs{display:flex;background:#f5f8f5;border:1px solid #edf0ed;border-radius:7px;padding:3px;gap:3px}.filter-tab{padding:6px 10px;background:transparent;color:#9ba99f;font-size:9px;border-radius:5px;white-space:nowrap}.filter-tab.active{background:#fff;color:#5a8068;box-shadow:0 1px 4px #183b2510}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}thead th{font-size:8px;color:#a1aeaa;letter-spacing:.7px;font-weight:500;text-transform:uppercase;padding:12px 23px;background:#fafcfa;border-top:1px solid #f0f4f1;border-bottom:1px solid #f0f4f1;white-space:nowrap}tbody td{padding:17px 23px;border-bottom:1px solid #f0f3f1;font-size:10px;color:#7c9487}tbody tr:last-child td{border-bottom:0}.site-row{cursor:pointer;transition:background .15s}.site-row:hover{background:#fbfdfb}.site-cell{display:flex;align-items:center;gap:11px;min-width:155px}.site-favicon{width:33px;height:33px;display:grid;place-items:center;background:#edf4ef;border:1px solid #e5ede8;border-radius:9px;color:#70917b;font-size:13px;font-weight:600;flex-shrink:0}.site-favicon.violet{background:#f0edf8;color:#a391be;border-color:#e9e3f2}.site-favicon.blue{background:#edf4fa;color:#90acc0;border-color:#e4edf4}.site-favicon.gold{background:#faf4e9;color:#bfab80;border-color:#f1e9da}.site-name{font-size:11px;font-weight:570;color:#3f5f4c;display:block;line-height:1.4}.site-domain{font-size:9px;color:#9aa99f;display:block;margin-top:4px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:5px;font-size:8px;white-space:nowrap;background:#ecf7ee;color:#66a87b}.status-pill i{width:4px;height:4px;border-radius:50%;background:currentColor}.status-pill.down{background:#fff0f0;color:#d5878a}.status-pill.degraded{background:#fbf5e7;color:#c4a364}.status-pill.pending,.status-pill.paused{background:#f0f3f2;color:#8fa099}.uptime-number{color:#6b9177;font-size:10px;font-weight:530}.history-bars{display:flex;gap:3px;align-items:center;height:22px;width:113px;position:relative}.history-bar{flex:1;border-radius:2px;min-width:3px;height:20px;background:#b9dec5}.history-bar.down{background:#eaa3a6}.history-bar.degraded{background:#e5cd94}.history-bar.pending,.history-bar.paused{background:#e7eeea}.history-bar:hover{opacity:.7}.row-more{border:1px solid #e9eeea;width:23px;height:23px;border-radius:5px;font-size:15px;color:#9aafa0;background:#fff;display:flex;align-items:center;justify-content:center}.table-footer{padding:13px 23px;border-top:1px solid #edf2ef;color:#9caf9f;font-size:9px;display:flex;align-items:center;justify-content:space-between}.empty-state{text-align:center;padding:52px 20px 48px;display:flex;align-items:center;flex-direction:column}.empty-illustration{width:78px;height:68px;position:relative;margin-bottom:20px;display:grid;place-items:center;color:#71a989;background:radial-gradient(ellipse,#e3f3e7 0,#e3f3e7 60%,transparent 63%)}.empty-illustration svg{width:45px;height:45px;stroke-width:1.1}.empty-illustration::after{content:"+";position:absolute;right:0;bottom:0;background:#fff;border:1px solid #d7e9de;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:17px;color:#579c77}.empty-state h3{font-size:16px;font-weight:580;letter-spacing:-.4px}.empty-state p{font-size:11px;color:#94a59a;line-height:1.8;max-width:345px;margin:9px 0 22px}.empty-state.compact{padding:29px 20px}.empty-state.compact h3{font-size:12px}.empty-state.compact p{margin-bottom:0;font-size:10px}.empty-state.compact svg{width:26px;height:26px;margin-bottom:11px;color:#8db39c}.lower-grid{display:grid;grid-template-columns:1.95fr 1fr;gap:21px}.incident-item{display:flex;align-items:center;gap:13px;padding:16px 23px;border-top:1px solid #eff3f0}.incident-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#fff0ee;color:#cf9490;flex-shrink:0}.incident-icon.resolved{background:#edf7ef;color:#86ac8e}.incident-icon svg{width:16px;height:16px}.incident-content{min-width:0;flex:1}.incident-content strong{font-size:10px;color:#637e6b;font-weight:530;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incident-content p{font-size:9px;line-height:1.6;color:#a0afa4;margin-top:4px}.incident-time{font-size:9px;color:#a6b2aa;white-space:nowrap}.schedule-panel{padding:22px 23px;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.schedule-icon{width:35px;height:35px;border-radius:10px;background:#f0f5ed;color:#93ac86;display:grid;place-items:center;flex-shrink:0}.schedule-icon svg{width:18px;height:18px}.schedule-panel h3{font-size:12px;font-weight:580;margin-bottom:8px}.schedule-panel p{font-size:10px;color:#97a498;line-height:1.7}.schedule-meta{font-size:9px;color:#6e9679;margin-top:13px;display:flex;align-items:center;gap:5px}.workspace-footer{padding:26px 36px 22px;max-width:1650px;margin:auto;display:flex;justify-content:space-between;color:#a5b1aa;font-size:9px;gap:10px}.workspace-footer>span:first-child{display:flex;align-items:center;gap:6px}.workspace-footer i{background:#b6c9bb;width:4px;height:4px}.mobile-nav{display:none}.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr);gap:22px}.settings-card{padding:24px;margin-bottom:20px}.settings-card h2{font-size:14px;font-weight:600;margin-bottom:9px}.settings-card>.description{color:#91a198;font-size:11px;line-height:1.75;margin-bottom:25px}.field{display:grid;gap:8px;margin-bottom:20px}.field label{font-size:11px;font-weight:560;color:#5f7c68}.field input,.field select{padding:12px 13px;border:1px solid #dfe9e1;border-radius:8px;width:100%;font-size:12px;background:#fff;color:#375a43;outline:none;min-height:42px}.field input:focus{border-color:#7bb791;box-shadow:0 0 0 3px #e4f2e8}.field input::placeholder{color:#a8b6ad}.field small,.form-hint{font-size:10px;line-height:1.7;color:#94a398}.switch-row{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid #edf2ed}.switch-row strong{display:block;font-size:11px;font-weight:550;color:#607d68;margin-bottom:6px}.switch-row p{font-size:10px;color:#99a89e;line-height:1.7}.switch{position:relative;display:block;width:34px;height:20px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}.switch span{display:block;width:100%;height:100%;background:#e0e9e2;border-radius:20px;transition:background .2s}.switch span::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #244e3320;transition:transform .2s}.switch input:checked+span{background:#71ad88}.switch input:checked+span::after{transform:translateX(14px)}.switch input:focus-visible+span{outline:3px solid #36b889;outline-offset:3px}.settings-actions{display:flex;gap:10px;padding-top:15px;flex-wrap:wrap}.info-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf2ed;color:#8a9d90;font-size:10px}.info-row:last-child{border:0}.info-row strong{font-size:10px;color:#577562;font-weight:500}.inline-note{padding:13px 14px;border:1px solid #ebe5d6;background:#fbf8f0;color:#a48d61;border-radius:8px;font-size:10px;line-height:1.75;margin:15px 0}.inline-note.success{background:#f0f8f1;border-color:#dfece1;color:#79947c}.incident-filters{display:flex;gap:8px;margin-bottom:22px}.incident-filters .button.selected{background:#e2f1e7;border-color:#cce3d4;color:#598067}.incidents-page .incident-item{padding:22px 24px}.incidents-page .incident-content strong{font-size:12px}.incidents-page .incident-content p{font-size:10px}.incident-reason{overflow-wrap:anywhere}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#0b242c5c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .15s ease}.modal{width:460px;max-width:100%;background:#fff;border-radius:19px;box-shadow:0 30px 90px #0b252c30;padding:28px;position:relative;max-height:calc(100svh - 48px);overflow-y:auto;animation:slide-in .2s ease}.modal-close{position:absolute;top:17px;right:17px;width:29px;height:29px}.modal-close svg{width:16px;height:16px}.modal-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#e4f3e9;color:#699e7a;margin-bottom:20px}.modal-icon svg{width:23px;height:23px}.modal h2{font-size:22px;letter-spacing:-.65px;font-weight:620;line-height:1.3;padding-right:24px}.modal-description{font-size:11px;color:#93a198;line-height:1.85;margin:10px 0 23px}.modal form>.button.primary{width:100%;margin-top:5px}.modal-footnote{display:flex;gap:7px;align-items:center;font-size:9px;color:#9aaa9f;margin-top:16px;justify-content:center}.modal-footnote svg{width:12px;height:12px}.form-error{border:1px solid #f0d2d3;background:#fff5f5;color:#b45f65;font-size:11px;line-height:1.75;padding:11px 13px;border-radius:7px;margin-bottom:15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.drawer-backdrop{justify-content:flex-end;padding:0}.drawer{height:100svh;max-height:none;border-radius:18px 0 0 18px;width:530px;padding:32px;animation:drawer-in .25s ease}.drawer .modal-close{top:22px;right:20px}.drawer-site-top{display:flex;align-items:center;gap:12px;margin-bottom:24px}.drawer-site-top .site-favicon{width:46px;height:46px;font-size:18px}.drawer-site-top h2{font-size:20px}.drawer-site-top a{display:inline-flex;align-items:center;gap:4px;margin-top:5px;color:#9aaca0;font-size:10px}.drawer-site-top a svg{width:10px;height:10px}.drawer-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;border-top:1px solid #edf2ee;border-bottom:1px solid #edf2ee;margin-top:20px}.drawer-summary strong{font-size:19px;font-weight:570;display:block;color:#4c785b}.drawer-summary small{font-size:9px;color:#99ac9e;display:block;margin-top:6px}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 28px}.drawer h3{font-size:12px;font-weight:590;margin-bottom:14px}.page-list{border:1px solid #e6eee7;border-radius:10px;overflow:hidden}.page-item{padding:15px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #edf3ee}.page-item:last-child{border:0}.page-item strong{font-size:11px;color:#62806a;font-weight:500;overflow-wrap:anywhere;display:block;line-height:1.5}.page-item small{font-size:9px;color:#9bada0;margin-top:6px;display:block;line-height:1.5;overflow-wrap:anywhere}.page-item .status-pill{flex-shrink:0}.add-page-form{margin-top:17px}.add-page-form .field{margin-bottom:11px}.add-page-form>div:last-child{display:flex;gap:9px}.add-page-form input{padding:10px 11px;font-size:11px}.drawer-meta{margin-top:24px}.delete-link{padding:0;background:transparent;color:#ba7b7e;font-size:10px;margin-top:27px}.delete-link:hover{color:#b34d55}.install-steps{list-style:none;margin:22px 0;padding:0;display:grid;gap:16px}.install-steps li{display:flex;gap:12px;align-items:flex-start;font-size:11px;line-height:1.7;color:#789481}.install-steps span{width:24px;height:24px;flex-shrink:0;border-radius:7px;background:#eff5ef;color:#79a387;display:grid;place-items:center;font-size:10px}.install-steps strong{color:#55745e;font-weight:550}.toasts{position:fixed;bottom:24px;right:24px;z-index:200;display:grid;gap:10px;max-width:370px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:15px 18px;background:#fff;border:1px solid #dae8de;box-shadow:0 8px 40px #153b3220;border-radius:10px;color:#557d60;font-size:11px;line-height:1.7;animation:slide-in .2s ease;pointer-events:auto}.toast.error{color:#b56666;border-color:#ecd8d8}.toast svg{width:16px;height:16px;margin-top:2px}.toast button{margin-left:auto;background:transparent;color:inherit;font-size:15px;padding:0 0 0 10px}.login-screen{min-height:100svh;display:grid;place-items:center;background:radial-gradient(circle at 25% 0%,#dcefe1,transparent 45%),#f5f8f4;padding:20px}.login-card{width:380px;max-width:100%;border:1px solid #e1ebe3;border-radius:20px;padding:35px;background:#fff;box-shadow:0 20px 80px #234c3210}.login-card .brand{color:#244835;font-size:24px;margin-bottom:32px}.login-card h1{font-size:22px}.login-card p{font-size:11px;line-height:1.75;color:#92a197;margin:10px 0 25px}.login-card .button{width:100%;margin-top:6px}.login-note{font-size:9px!important;text-align:center;margin-bottom:0!important}.loading-spinner{width:12px;height:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.checking{animation:pulse-opacity 1.4s ease infinite}.monitor-help{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.help-step{padding:20px 23px;border:1px solid #e7eee8;border-radius:13px;display:flex;gap:13px;background:#fff}.help-step>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#eff6f0;color:#9ab2a0;font-size:10px;flex-shrink:0}.help-step strong{font-size:11px;font-weight:550;color:#6b8773;display:block;margin:1px 0 7px}.help-step p{font-size:10px;color:#a0ada3;line-height:1.7}.site-list-title{margin-top:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{from{transform:translateX(60px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-opacity{50%{opacity:.5}}
@media(min-width:1450px){main{padding-top:38px}.overview-grid,.lower-grid{grid-template-columns:minmax(0,2fr) minmax(310px,1fr)}.health-body{justify-content:center}.chart{height:221px}.health-ring,.health-ring svg{width:139px;height:139px}.health-body{padding-top:25px;padding-bottom:29px}.stats-grid{gap:22px}.stat-card{padding:23px 24px 22px;min-height:149px}}
@media(max-width:1150px){.sidebar{width:200px;padding:29px 17px 18px}.workspace{margin-left:200px}.brand{font-size:22px}.topbar{padding:0 26px}main{padding:28px 26px 10px}.workspace-footer{padding-right:26px;padding-left:26px}.stat-card{padding:17px 17px 17px}.stat-label{font-size:10px}.stat-icon{width:25px;height:25px}.stat-value{font-size:28px}.stat-spark{width:57px;right:15px}.overview-grid,.lower-grid{grid-template-columns:minmax(0,1.6fr) minmax(245px,1fr);gap:18px}.health-ring,.health-ring svg{width:107px;height:107px}.health-body{gap:13px;padding-right:18px;padding-left:18px}.health-number strong{font-size:23px}.health-copy strong{font-size:11px}.panel-header{padding-left:18px;padding-right:18px}thead th,tbody td{padding-left:18px;padding-right:18px}.history-bars{width:92px}.table-toolbar{padding-left:18px;padding-right:18px}.monitor-help{gap:12px}.help-step{padding:18px 16px}}
@media(max-width:950px){.sidebar{width:180px;padding:28px 13px 18px}.workspace{margin-left:180px}.brand{font-size:20px;gap:7px}.brandmark{width:32px;height:32px}.brandmark svg{width:24px;height:24px}.brand-dot{margin-left:-7px}.workspace-label{font-size:8px;margin-left:10px;letter-spacing:1px}.nav-item{padding:12px 11px;font-size:11px;gap:10px}.sidebar-promo{padding:15px 12px}.profile strong{font-size:9px}.profile small{font-size:8px}.avatar{width:27px;height:27px}.topbar{padding:0 22px}.topbar-actions{gap:15px}main{padding:26px 22px 10px}h1{font-size:26px}.stats-grid{gap:11px}.stat-label{font-size:9px}.stat-icon{display:none}.stat-card{padding:17px 15px;min-height:127px}.stat-value{margin-top:18px}.stat-foot{font-size:8px}.stat-spark{display:none}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:15px}.health-body{flex-direction:column;padding:9px 16px 15px;gap:9px}.health-ring,.health-ring svg{width:95px;height:95px}.health-copy{text-align:center;gap:5px}.health-copy p{display:none}.health-tag{margin:auto}.health-footer{padding:12px 18px;font-size:8px}.chart{height:210px}.chart-empty{height:189px}.history-column{display:none}.lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:15px}.settings-grid{grid-template-columns:1fr}.monitor-help{grid-template-columns:1fr}.help-step{align-items:center}.help-step p{margin:0}.help-step strong{margin-bottom:4px}.table-toolbar{align-items:flex-start}.filter-tab{padding:6px 8px}.workspace-footer{padding-right:22px;padding-left:22px}.sidebar-promo strong{font-size:12px}.schedule-panel{gap:9px;padding:20px 16px}.schedule-icon{width:29px;height:29px}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:64px;padding:0 22px}.breadcrumb{font-size:10px}.breadcrumb::before{content:"SitePulse.";font-size:18px;color:#264d38;font-weight:700;letter-spacing:-.6px}.breadcrumb{font-size:0;gap:0}.breadcrumb span,.breadcrumb strong{display:none}.system-indicator{font-size:9px}.top-avatar{display:none}.topbar-actions{gap:14px}main{padding:24px 21px 10px}.page-heading{align-items:flex-start;margin-bottom:22px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:8px}h1{font-size:26px}.heading-description{font-size:10px;margin-top:8px;max-width:210px}.heading-actions{gap:7px;padding-top:15px}.heading-actions .button{font-size:10px;padding:10px 12px;min-height:35px}.heading-actions .button.secondary{font-size:0;gap:0;padding:9px}.heading-actions .button.secondary svg{width:15px;height:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.stat-card{min-height:125px;padding:17px 19px}.stat-label{font-size:10px}.stat-icon{display:grid;width:24px;height:24px}.stat-value{margin-top:10px;font-size:29px}.stat-foot{font-size:9px;margin-top:10px}.stat-spark{display:block;width:50px;right:18px;bottom:20px}.overview-grid{grid-template-columns:1fr;gap:16px;margin-bottom:18px}.health-panel{grid-row:1}.health-panel .panel-header{padding:18px 20px 0}.health-body{flex-direction:row;justify-content:center;gap:24px;padding:14px 20px 18px}.health-ring,.health-ring svg{width:100px;height:100px}.health-copy{text-align:left;gap:8px}.health-copy p{display:block;max-width:205px;font-size:10px}.health-tag{margin:0}.health-footer{padding:12px 20px;font-size:9px}.chart{height:198px}.panel-header{padding:20px 20px 16px}.panel-title{font-size:12px}.panel-subtitle{font-size:9px}.chart-empty{height:165px}.table-toolbar{padding:0 20px 16px;flex-wrap:wrap;gap:12px}.searchbox{max-width:100%;padding:10px 11px}.filter-tabs{width:100%;justify-content:space-between}.filter-tab{flex:1;font-size:9px;padding:7px 10px}thead th,tbody td{padding-left:20px;padding-right:20px}.site-domain{font-size:8px}.site-name{font-size:10px}.site-favicon{width:28px;height:28px;border-radius:8px}.site-cell{gap:9px;min-width:140px}.response-column,.lastcheck-column{display:none}.status-pill{font-size:8px}.uptime-number{font-size:9px}.table-footer{padding:13px 20px;font-size:8px}.lower-grid{grid-template-columns:1fr;gap:17px}.incident-item{padding:15px 20px}.incident-time{font-size:8px}.schedule-panel{padding:20px;gap:13px}.schedule-panel p{font-size:10px}.workspace-footer{padding:24px 21px 92px;font-size:8px}.workspace-footer>span:last-child{display:none}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;z-index:25;background:#ffffffeb;backdrop-filter:blur(16px);border-top:1px solid #e6eee7;padding:9px 9px max(10px,env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav .nav-item{display:flex;flex-direction:column;gap:5px;font-size:8px;padding:8px 14px;color:#8ba294;border-radius:8px;min-width:67px}.mobile-nav .nav-item svg{width:17px;height:17px}.mobile-nav .nav-item.active{background:#eff6f0;color:#518663}.mobile-nav .nav-badge{display:none}.empty-state{padding:37px 18px 35px}.empty-state h3{font-size:14px}.empty-state p{font-size:10px;max-width:280px}.monitor-help{gap:11px;margin-top:18px}.settings-card{padding:21px;margin-bottom:16px}.settings-card h2{font-size:13px}.settings-card>.description{font-size:10px;margin-bottom:21px}.connection-banner,.demo-banner{padding:11px 21px;font-size:10px}.demo-banner{align-items:flex-start}.demo-banner span{line-height:1.7;max-width:210px}.demo-banner button{font-size:9px;line-height:1.7;text-align:right}.modal-backdrop{padding:18px}.modal{padding:25px;border-radius:16px;max-height:calc(100svh - 36px)}.modal h2{font-size:20px}.drawer-backdrop{padding:0}.drawer{width:100%;height:100svh;max-height:100svh;border-radius:0;padding:29px 23px}.drawer-summary{gap:8px}.drawer-summary strong{font-size:18px}.toasts{left:20px;right:20px;bottom:85px;max-width:none}.toast{font-size:10px;padding:13px 15px}.incidents-page .incident-item{padding:18px}.incidents-page .incident-content strong{font-size:10px}.incidents-page .incident-time{white-space:normal;width:54px;text-align:right}.incidents-page .incident-content p{font-size:9px}}
@media(max-width:370px){main{padding-left:16px;padding-right:16px}.heading-actions .button.primary{font-size:9px;padding:10px}.stat-card{padding:16px}.stat-icon{display:none}.site-cell{min-width:125px}.table-scroll td,.table-scroll th{padding-left:15px;padding-right:15px}.stat-spark{display:none}.health-body{gap:15px}.health-copy strong{font-size:10px}.health-copy p{font-size:9px}.health-ring,.health-ring svg{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep meaningful controls and monitoring data readable on every screen. */
:root{--muted:#718679}.workspace-label{font-size:10px}.nav-item{font-size:13px}.sidebar-promo p{font-size:12px;color:#acc4b7}.sidebar-promo strong{font-size:13px}.sidebar-install{font-size:12px}.demo-button{font-size:11px}.profile strong{font-size:11px}.profile small{font-size:10px}.breadcrumb,.system-indicator{font-size:11px}.heading-description{font-size:13px;color:#74897c}.eyebrow{font-size:10px}.button{font-size:12px}.button.small{font-size:11px}.stat-label{font-size:12px;color:#72897b}.stat-foot{font-size:11px;color:#879b8c}.stat-foot.positive{color:#5b8c6c}.stat-icon{width:27px;height:27px}.panel-title{font-size:14px}.panel-subtitle{font-size:11px;color:#819689}.period-pill,.chart-legend{font-size:10px}.chart text{font-size:10px;fill:#7e9284}.chart-empty strong{font-size:13px;color:#6e8977}.chart-empty p{font-size:12px;color:#849a8b;max-width:300px}.health-copy strong{font-size:13px}.health-copy p{font-size:12px;color:#708875}.health-number span{font-size:11px}.health-tag{font-size:10px}.health-footer{font-size:10px;color:#7f9584}.text-button{font-size:11px}.searchbox input{font-size:12px}.filter-tab{font-size:11px;color:#839889}.searchbox{max-width:300px}.searchbox input::placeholder{color:#8c9e93}.count-badge{font-size:10px}.site-name{font-size:12px;color:#365940}.site-domain{font-size:11px;color:#7b9383}.status-pill{font-size:11px;color:#4c9161}.status-pill.down{color:#b76b71}.status-pill.degraded{color:#a3844a}.status-pill.pending,.status-pill.paused{color:#7d9285}.uptime-number{font-size:12px;color:#578465}thead th{font-size:10px;color:#84988b}tbody td{font-size:12px;color:#6f8a78}.table-footer{font-size:10px;color:#82988a}.empty-state p{font-size:12px;color:#7d9586;max-width:360px}.empty-state.compact h3{font-size:13px}.empty-state.compact p{font-size:11px;color:#849b8b}.incident-content strong{font-size:12px;color:#526f5a}.incident-content p{font-size:11px;color:#809788}.incident-time{font-size:10px;color:#879d8e}.schedule-panel h3{font-size:13px}.schedule-panel p{font-size:12px;color:#839889}.schedule-meta{font-size:11px}.workspace-footer{font-size:10px;color:#899d90}.settings-card h2{font-size:16px}.settings-card>.description{font-size:13px;color:#7c9283}.field label{font-size:12px}.field input,.field select{font-size:13px}.field small,.form-hint{font-size:11px;color:#879b8d}.switch-row strong{font-size:13px}.switch-row p{font-size:12px;color:#859989}.info-row,.info-row strong{font-size:12px}.inline-note{font-size:12px}.modal-description{font-size:13px;color:#7d9484}.modal-footnote{font-size:11px}.form-error{font-size:12px}.drawer-site-top a{font-size:12px}.drawer-summary small{font-size:11px}.drawer h3{font-size:14px}.page-item strong{font-size:13px}.page-item small{font-size:11px;color:#81978a}.add-page-form input{font-size:12px}.delete-link{font-size:12px}.install-steps li{font-size:13px}.toast{font-size:12px}.login-card p{font-size:13px}.login-note{font-size:11px!important}.help-step strong{font-size:13px}.help-step p{font-size:12px;color:#879d8e}.incidents-page .incident-content strong{font-size:13px}.incidents-page .incident-content p{font-size:12px}.connection-banner,.demo-banner,.demo-banner button{font-size:12px}
@media(max-width:1150px){.stat-label{font-size:11px}.stat-foot{font-size:10px}.stat-card{min-height:142px}.health-copy strong{font-size:12px}.health-copy p{font-size:11px}.history-bars{width:85px}.health-tag{font-size:10px}}
@media(max-width:950px){.nav-item{font-size:12px}.stat-card{padding:17px 14px}.stat-label{font-size:11px}.stat-foot{font-size:10px}.health-copy strong{font-size:12px}.health-footer{font-size:10px}.breadcrumb{font-size:11px}.heading-description{font-size:12px}.profile strong{font-size:10px}.profile small{font-size:9px}.panel-title{font-size:13px}.chart{height:214px}}
@media(max-width:760px){.breadcrumb{font-size:0}.system-indicator{font-size:10px}.heading-description{font-size:12px;max-width:210px}.heading-actions .button{font-size:11px;padding:10px 12px}.heading-actions .button.secondary{font-size:0}.stat-label{font-size:12px}.stat-card{padding:18px;min-height:136px}.stat-foot{font-size:10px}.stat-icon{width:24px;height:24px}.stat-value{font-size:29px}.stat-spark{width:40px;right:15px;bottom:23px}.health-copy strong{font-size:13px}.health-copy p{font-size:12px}.health-tag{font-size:11px}.health-number span{font-size:10px}.health-footer{font-size:10px}.chart{height:205px}.panel-subtitle{font-size:11px}.panel-title{font-size:14px}.site-name{font-size:12px}.site-domain{font-size:11px}.site-cell{min-width:138px}.site-favicon{width:27px;height:27px}.status-pill{font-size:11px}.uptime-number{font-size:11px}.table-scroll td,.table-scroll th{padding-left:13px;padding-right:13px}.searchbox{max-width:100%}.searchbox input{font-size:12px}.filter-tab{font-size:11px;padding:7px 8px}.table-footer{font-size:10px;gap:12px;align-items:flex-start;line-height:1.6}.table-footer>span:last-child{text-align:right;max-width:170px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px}.empty-state.compact h3{font-size:13px}.empty-state.compact p{font-size:12px}.incident-time{font-size:10px}.incident-content strong{font-size:12px}.incident-content p{font-size:11px}.schedule-panel p{font-size:12px}.mobile-nav .nav-item{font-size:10px}.settings-card h2{font-size:15px}.settings-card>.description{font-size:13px}.modal-description{font-size:13px}.workspace-footer{font-size:10px}.modal h2{font-size:22px}.toast{font-size:12px}.demo-banner{font-size:11px}.demo-banner button{font-size:11px;max-width:100px}.incidents-page .incident-content strong{font-size:12px}.incidents-page .incident-content p{font-size:11px}.incidents-page .incident-time{width:60px}.drawer-summary strong{font-size:20px}.drawer-summary small{font-size:11px}}
@media(max-width:390px){.heading-description{font-size:11px;max-width:185px}.heading-actions .button.primary{font-size:10px;padding:10px}.stat-label{font-size:11px}.stat-icon{display:none}.health-copy strong{font-size:12px}.health-copy p{font-size:11px}.health-tag{font-size:10px}.status-pill{font-size:10px}.site-name{font-size:11px}.site-domain{font-size:11px}.site-cell{min-width:128px}.table-scroll td,.table-scroll th{padding-left:10px;padding-right:10px}.filter-tab{font-size:10px}.stat-foot{font-size:10px}}
.theme-toggle{width:33px;height:33px;border:1px solid #e7eee7;border-radius:9px}.theme-toggle svg{width:17px;height:17px}.checking-label{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:6px;color:#6c9480}.checking-label .loading-spinner{width:9px;height:9px}
/* Midnight Pulse: a second visual system with luminous mint signals and deep navy surfaces. */
body[data-theme="midnight"]{--bg:#0b1220;--surface:#121d2e;--ink:#e5edf5;--muted:#96a9bc;--line:#233247;--mint:#6ee7b7;--green:#6ee7b7;--dark:#0d1726;--red:#f295a6;--amber:#e7c38c;--shadow:0 8px 26px #02071416;background:radial-gradient(ellipse at 80% 2%,#15353036,transparent 38%),radial-gradient(ellipse at 0% 75%,#18244040,transparent 45%),#0b1220;color:#e5edf5;color-scheme:dark}
body[data-theme="midnight"] .sidebar{background:linear-gradient(170deg,#101c2c,#0c1624);border-right:1px solid #23324791;padding-top:33px}
body[data-theme="midnight"] .brand{color:#f1f7fc;font-weight:720}
body[data-theme="midnight"] .brandmark{background:#173d35;color:#80ecc1;box-shadow:0 0 24px #5ceeb50d;border:1px solid #3e786144}
body[data-theme="midnight"] .brand-dot{color:#6ee7b7}
body[data-theme="midnight"] .workspace-label{color:#668098}
body[data-theme="midnight"] .nav-item{color:#8fa6bc;border:1px solid transparent}
body[data-theme="midnight"] .nav-item:hover{color:#cee8ec;background:#1b2d40}
body[data-theme="midnight"] .nav-item.active{color:#9bf1cd;background:linear-gradient(90deg,#1c453b,#1b354033);border-color:#3f766243;box-shadow:inset 3px 0 #6ee7b7}
body[data-theme="midnight"] .nav-badge{background:#2b4d44;color:#9de8c5}
body[data-theme="midnight"] .sidebar-promo{background:radial-gradient(ellipse at 10% 0%,#315c4561,transparent 80%),#142233;border-color:#284235;padding:20px 15px}
body[data-theme="midnight"] .sidebar-promo strong{color:#d5ebdf}
body[data-theme="midnight"] .sidebar-promo p{color:#86a796;line-height:1.75}
body[data-theme="midnight"] .orbit{color:#8ae6b8;border-color:#496653}
body[data-theme="midnight"] .orbit span{background:#8ee8b8;box-shadow:0 0 12px #8ee8b880}
body[data-theme="midnight"] .sidebar-install{color:#9ae6be}
body[data-theme="midnight"] .demo-button{color:#859cb0}
body[data-theme="midnight"] .demo-button:hover{color:#b7f5d9}
body[data-theme="midnight"] .profile{border-color:#2b3b50}
body[data-theme="midnight"] .profile strong{color:#b8cbdc}
body[data-theme="midnight"] .profile small{color:#6e889c}
body[data-theme="midnight"] .avatar,body[data-theme="midnight"] .top-avatar{background:#253e3a;border-color:#3c5c4a;color:#9de1bd}
body[data-theme="midnight"] .topbar{height:85px;background:#0d1724bf;border-color:#243247;backdrop-filter:blur(12px)}
body[data-theme="midnight"] .breadcrumb{color:#7e96ac}
body[data-theme="midnight"] .breadcrumb span{color:#3b4e63}
body[data-theme="midnight"] .breadcrumb strong{color:#b9c9da}
body[data-theme="midnight"] .system-indicator{color:#92bca7;background:#142b28;border:1px solid #2b4d414f;border-radius:50px;padding:6px 10px}
body[data-theme="midnight"] .system-indicator i{background:#6ee7b7;box-shadow:0 0 9px #6ee7b770}
body[data-theme="midnight"] .system-indicator.offline{background:#362b23;border-color:#76583644;color:#cfac82}
body[data-theme="midnight"] .system-indicator.offline i{background:#e8b47c;box-shadow:none}
body[data-theme="midnight"] .icon-button{color:#90a9be}
body[data-theme="midnight"] .icon-button:hover{background:#203249;color:#a5efd0}
body[data-theme="midnight"] .theme-toggle{background:#162336;border-color:#2b3b50;color:#bdcbe0}
body[data-theme="midnight"] .notification-trigger span{border-color:#0d1724;background:#f295a6}
body[data-theme="midnight"] main{padding-top:35px}
body[data-theme="midnight"] .page-heading{margin-bottom:29px}
body[data-theme="midnight"] .eyebrow{color:#67859a;letter-spacing:1.7px;margin-bottom:12px}
body[data-theme="midnight"] h1{font-size:34px;font-weight:640;letter-spacing:-1.25px;color:#edf6fb}
body[data-theme="midnight"] .heading-description{color:#8da4b7;font-size:13px;margin-top:12px}
body[data-theme="midnight"] .heading-description strong{color:#96dfbc}
body[data-theme="midnight"] .button{background:#19283c;border-color:#2e4056;color:#b7cbdd;min-height:41px;border-radius:10px}
body[data-theme="midnight"] .button:hover{background:#22384c;border-color:#40566a;box-shadow:0 5px 15px #00000016}
body[data-theme="midnight"] .button.primary{background:#6ee7b7;border-color:#6ee7b7;color:#123c2d;box-shadow:0 4px 18px #6ee7b712;font-weight:640}
body[data-theme="midnight"] .button.primary:hover{background:#97f2ce;border-color:#97f2ce;box-shadow:0 5px 24px #6ee7b722}
body[data-theme="midnight"] .button.mint{background:#1b4034;border-color:#315c46;color:#a0e9c3}
body[data-theme="midnight"] .button.mint:hover{background:#245140;border-color:#487a5d}
body[data-theme="midnight"] .button.danger{background:#412736;border-color:#754251;color:#f3a3b1}
body[data-theme="midnight"] .stat-card{background:linear-gradient(135deg,#172436,#111d2d);border-color:#27384b;border-radius:18px;padding-top:22px;padding-bottom:22px;min-height:149px;box-shadow:0 9px 30px #02061114;animation:card-enter .45s ease both}
body[data-theme="midnight"] .stat-card:nth-child(2){animation-delay:45ms}body[data-theme="midnight"] .stat-card:nth-child(3){animation-delay:90ms}body[data-theme="midnight"] .stat-card:nth-child(4){animation-delay:135ms}
body[data-theme="midnight"] .stat-card::before{content:"";position:absolute;inset:0 18px auto;height:1px;background:linear-gradient(90deg,transparent,#809cba20,transparent)}
body[data-theme="midnight"] .stat-label{color:#91a8bf;font-size:12px}
body[data-theme="midnight"] .stat-value{font-size:35px;color:#f1f8fd;font-weight:610;margin-top:15px}
body[data-theme="midnight"] .stat-value small{color:#6d8ba2;font-size:13px}
body[data-theme="midnight"] .stat-foot{color:#7994a9;font-size:11px;margin-top:14px}
body[data-theme="midnight"] .stat-foot.positive{color:#86c8a9}
body[data-theme="midnight"] .stat-icon{background:#1c3a36;color:#7bd4ad;border:1px solid #31594a66;border-radius:9px}
body[data-theme="midnight"] .stat-icon.amber{background:#3b332a;color:#d6b789;border-color:#80633c33}
body[data-theme="midnight"] .stat-icon.red{background:#3e2b3a;color:#e19ba9;border-color:#80415233}
body[data-theme="midnight"] .stat-spark{color:#6ee7b7;opacity:.8}
body[data-theme="midnight"] .panel{background:linear-gradient(125deg,#142133,#111d2d);border-color:#26374a;border-radius:18px;box-shadow:0 8px 28px #02071312;animation:card-enter .4s ease both}
body[data-theme="midnight"] .panel-header{padding-top:23px;padding-bottom:19px}
body[data-theme="midnight"] .panel-title{color:#d9e6f1;font-size:14px}
body[data-theme="midnight"] .panel-subtitle{color:#7c98af;font-size:11px;margin-top:7px}
body[data-theme="midnight"] .period-pill{background:#182a3d;border-color:#2b4156;color:#99b4c8}
body[data-theme="midnight"] .chart-legend{color:#81b89c}
body[data-theme="midnight"] .chart-legend i{background:#6ee7b7;box-shadow:0 0 8px #6ee7b770}
body[data-theme="midnight"] .chart{height:218px;padding-top:4px;padding-bottom:24px}
body[data-theme="midnight"] .chart svg line{stroke:#293a4d;stroke-dasharray:3 4}
body[data-theme="midnight"] .chart svg text{fill:#7e9aaf;font-size:10px}
body[data-theme="midnight"] .chart svg path[stroke]{stroke:#72dfb0;stroke-width:2.5}
body[data-theme="midnight"] .chart svg circle{fill:#142536;stroke:#80e4ba;stroke-width:1.7}
body[data-theme="midnight"] .chart svg stop:first-child{stop-color:#6ee7b7;stop-opacity:.25}
body[data-theme="midnight"] .chart svg stop:last-child{stop-color:#6ee7b7;stop-opacity:0}
body[data-theme="midnight"] .chart-empty{background:repeating-linear-gradient(to bottom,transparent,transparent 44px,#26374a 45px);height:202px;color:#829dae}
body[data-theme="midnight"] .chart-empty svg{color:#72bba0}
body[data-theme="midnight"] .chart-empty strong{color:#a7c9bd;font-size:13px}
body[data-theme="midnight"] .chart-empty p{background:#142133;color:#829fb0}
body[data-theme="midnight"] .health-panel{background:radial-gradient(ellipse at 85% 5%,#2a695035,transparent 80%),linear-gradient(130deg,#182e2e,#132429);border-color:#305347}
body[data-theme="midnight"] .health-panel .panel-header>svg{color:#82c7a3}
body[data-theme="midnight"] .health-body{padding-top:22px;padding-bottom:27px;gap:20px}
body[data-theme="midnight"] .health-ring svg circle:first-child{stroke:#2a4c40}
body[data-theme="midnight"] .health-ring svg circle:last-child{stroke:#6ee7b7;filter:drop-shadow(0 0 5px #6ee7b71c)}
body[data-theme="midnight"] .health-number strong{color:#b5f2d3;font-size:30px}
body[data-theme="midnight"] .health-number span{color:#79a994}
body[data-theme="midnight"] .health-copy strong{color:#d2ecdc}
body[data-theme="midnight"] .health-copy p{color:#89b09a;line-height:1.75}
body[data-theme="midnight"] .health-tag{background:#244d39;border:1px solid #44724c44;color:#a4ddb9;font-size:11px}
body[data-theme="midnight"] .health-tag.warn{background:#403e2c;border-color:#807b4d33;color:#dfd09a}
body[data-theme="midnight"] .health-footer{border-color:#315342;color:#7daa8e}
body[data-theme="midnight"] .count-badge{background:#20394a;color:#98b8c3;font-size:10px}
body[data-theme="midnight"] .text-button{color:#87c5ab;font-size:11px}
body[data-theme="midnight"] .text-button:hover{color:#b6f2d7}
body[data-theme="midnight"] .searchbox{background:#101c2d;border-color:#2a3c50;color:#718fa6;border-radius:9px;padding:10px 12px}
body[data-theme="midnight"] .searchbox input{color:#c0d7e4}
body[data-theme="midnight"] .searchbox input::placeholder{color:#7891a7}
body[data-theme="midnight"] .filter-tabs{background:#101d2d;border-color:#27384b;border-radius:8px}
body[data-theme="midnight"] .filter-tab{color:#849cb3;border-radius:6px;font-size:11px}
body[data-theme="midnight"] .filter-tab.active{background:#284338;color:#afe9c7;box-shadow:0 2px 6px #00000016}
body[data-theme="midnight"] thead th{background:#101b2b;border-color:#263649;color:#6e8da5;font-size:10px;letter-spacing:1px;padding-top:14px;padding-bottom:14px}
body[data-theme="midnight"] tbody td{border-color:#243346;color:#8fa9bd;padding-top:19px;padding-bottom:19px;font-size:12px}
body[data-theme="midnight"] .site-row:hover{background:#1b2f41}
body[data-theme="midnight"] .site-name{color:#d0e8e2;font-size:12px;font-weight:570}
body[data-theme="midnight"] .site-domain{color:#7796aa;font-size:11px}
body[data-theme="midnight"] .site-favicon{background:#203c3b;border-color:#305650;color:#9bd3ba}
body[data-theme="midnight"] .site-favicon.violet{background:#332e49;border-color:#504266;color:#beafd9}
body[data-theme="midnight"] .site-favicon.blue{background:#243a50;border-color:#36526c;color:#9fbad5}
body[data-theme="midnight"] .site-favicon.gold{background:#3b362b;border-color:#5b5037;color:#d6c29a}
body[data-theme="midnight"] .status-pill{background:#1e3b32;color:#94deb5;border:1px solid #3660464a;font-size:11px;padding:5px 8px;border-radius:6px}
body[data-theme="midnight"] .status-pill.down{background:#402a39;border-color:#79415144;color:#f3a2b1}
body[data-theme="midnight"] .status-pill.degraded{background:#3e372b;border-color:#80633944;color:#dfc58e}
body[data-theme="midnight"] .status-pill.pending,body[data-theme="midnight"] .status-pill.paused{background:#233344;border-color:#3d4e6144;color:#9db1c1}
body[data-theme="midnight"] .uptime-number{color:#9bd8b2;font-size:12px}
body[data-theme="midnight"] .history-bar{background:#65ba95;box-shadow:0 0 7px #4be8a209}
body[data-theme="midnight"] .history-bar.down{background:#d28097;box-shadow:none}
body[data-theme="midnight"] .history-bar.degraded{background:#c8b176;box-shadow:none}
body[data-theme="midnight"] .history-bar.pending,body[data-theme="midnight"] .history-bar.paused{background:#2c4051;box-shadow:none}
body[data-theme="midnight"] .row-more{background:#1a2b3e;border-color:#30465a;color:#8babbd}
body[data-theme="midnight"] .table-footer{border-color:#26374a;color:#6f91a3;font-size:10px}
body[data-theme="midnight"] .empty-illustration{background:radial-gradient(ellipse,#1b3c3420 0,#1b3c3430 60%,transparent 63%);color:#6dcfa4}
body[data-theme="midnight"] .empty-illustration::after{background:#1d3a31;border-color:#447358;color:#8ce4b9}
body[data-theme="midnight"] .empty-state h3{color:#c4e3d5;font-weight:550}
body[data-theme="midnight"] .empty-state p{color:#829fa9;font-size:12px}
body[data-theme="midnight"] .empty-state.compact svg{color:#67ae8b}
body[data-theme="midnight"] .empty-state.compact h3{color:#b2d4c3}
body[data-theme="midnight"] .incident-item{border-color:#243548}
body[data-theme="midnight"] .incident-icon{background:#3e2b37;color:#e8a3aa;border:1px solid #66404d55}
body[data-theme="midnight"] .incident-icon.resolved{background:#1d3a30;border-color:#315344;color:#8ac9a5}
body[data-theme="midnight"] .incident-content strong{color:#b0ced0;font-size:12px}
body[data-theme="midnight"] .incident-content p{color:#7799aa;font-size:11px}
body[data-theme="midnight"] .incident-time{color:#7d9bad;font-size:10px}
body[data-theme="midnight"] .schedule-panel{background:linear-gradient(140deg,#18273a,#122032);border-color:#273d51;border-radius:18px}
body[data-theme="midnight"] .schedule-icon{background:#233b35;color:#94c9ad;border:1px solid #35564855}
body[data-theme="midnight"] .schedule-panel h3{color:#bed5dd;font-size:13px}
body[data-theme="midnight"] .schedule-panel p{color:#7996ab;font-size:12px;line-height:1.8}
body[data-theme="midnight"] .schedule-meta{color:#88b79e;font-size:11px}
body[data-theme="midnight"] .workspace-footer{color:#5c7a90;font-size:10px}
body[data-theme="midnight"] .workspace-footer i{background:#5b9c7c}
body[data-theme="midnight"] .settings-card h2{color:#dce9ef}
body[data-theme="midnight"] .settings-card>.description{color:#90a8b8;font-size:13px}
body[data-theme="midnight"] .field label{color:#a1c7b9;font-size:12px}
body[data-theme="midnight"] .field input,body[data-theme="midnight"] .field select{background:#101e2e;border-color:#32485a;color:#d4e7ef;border-radius:9px;font-size:13px}
body[data-theme="midnight"] .field input:focus{border-color:#69b18e;box-shadow:0 0 0 3px #3a6a4d33}
body[data-theme="midnight"] .field input::placeholder{color:#68899e}
body[data-theme="midnight"] .field small,body[data-theme="midnight"] .form-hint{color:#7e9fae;font-size:11px}
body[data-theme="midnight"] .switch-row{border-color:#2c4050}
body[data-theme="midnight"] .switch-row strong{color:#bbdcd1;font-size:13px}
body[data-theme="midnight"] .switch-row p{color:#89a5b5;font-size:12px}
body[data-theme="midnight"] .switch span{background:#33465a}
body[data-theme="midnight"] .switch span::after{background:#a8bdcc}
body[data-theme="midnight"] .switch input:checked+span{background:#6ee7b7}
body[data-theme="midnight"] .switch input:checked+span::after{background:#214837}
body[data-theme="midnight"] .info-row{color:#7f9cac;border-color:#2b3e4e;font-size:12px}
body[data-theme="midnight"] .info-row strong{color:#b6d2cb;font-size:12px}
body[data-theme="midnight"] .inline-note{background:#353427;border-color:#62593a55;color:#c8b98f;font-size:12px}
body[data-theme="midnight"] .inline-note.success{background:#1b352e;border-color:#3a604b66;color:#95c8a7}
body[data-theme="midnight"] .inline-note[style]{background:#382735!important;border-color:#75414c!important;color:#e5a1af!important}
body[data-theme="midnight"] .modal-backdrop{background:#040c18b8;backdrop-filter:blur(8px)}
body[data-theme="midnight"] .modal{background:linear-gradient(135deg,#182839,#122132);border:1px solid #344b5d;box-shadow:0 30px 120px #00000065}
body[data-theme="midnight"] .modal-icon{background:#1e4035;color:#88e0b4;border:1px solid #4a7b5744}
body[data-theme="midnight"] .modal h2{color:#e0edf3;font-size:23px}
body[data-theme="midnight"] .modal-description{color:#92abba;font-size:13px}
body[data-theme="midnight"] .modal-footnote{color:#739c8e;font-size:11px}
body[data-theme="midnight"] .form-error{background:#3b2834;border-color:#77405166;color:#f2a5ad;font-size:12px}
body[data-theme="midnight"] .drawer-site-top a{color:#7fa6b6;font-size:12px}
body[data-theme="midnight"] .drawer-summary{border-color:#314958}
body[data-theme="midnight"] .drawer-summary strong{color:#a3e5bc}
body[data-theme="midnight"] .drawer-summary small{color:#71988b;font-size:11px}
body[data-theme="midnight"] .drawer h3{color:#b1d3c1}
body[data-theme="midnight"] .page-list{border-color:#324957}
body[data-theme="midnight"] .page-item{border-color:#2b414e;background:#142536}
body[data-theme="midnight"] .page-item strong{color:#b5d9cc;font-size:13px}
body[data-theme="midnight"] .page-item small{color:#7396a8;font-size:11px}
body[data-theme="midnight"] .delete-link{color:#d18d9c;font-size:12px}
body[data-theme="midnight"] .install-steps li{color:#95b5bf;font-size:13px}
body[data-theme="midnight"] .install-steps strong{color:#bbe1cb}
body[data-theme="midnight"] .install-steps span{background:#274539;color:#a1d6b4}
body[data-theme="midnight"] .toast{background:#1d3440;border-color:#3e6253;color:#b3e8c8;box-shadow:0 8px 40px #00000045;font-size:12px}
body[data-theme="midnight"] .toast.error{background:#3a2735;border-color:#784250;color:#eaa8b5}
body[data-theme="midnight"] .login-screen{background:radial-gradient(circle at 30% 10%,#244e3b55,transparent 45%),#0b1220}
body[data-theme="midnight"] .login-card{background:linear-gradient(145deg,#192b3b,#122131);border-color:#344c58;box-shadow:0 20px 100px #00000045}
body[data-theme="midnight"] .login-card .brand{color:#e2f2ea}
body[data-theme="midnight"] .login-card p{color:#809eab;font-size:13px}
body[data-theme="midnight"] .login-card h1{font-size:25px}
body[data-theme="midnight"] .help-step{background:#142335;border-color:#283e51;border-radius:15px}
body[data-theme="midnight"] .help-step>span{background:#263f38;color:#95bfa6;border:1px solid #3a5b4844}
body[data-theme="midnight"] .help-step strong{color:#bfdacb;font-size:13px}
body[data-theme="midnight"] .help-step p{color:#7d9bac;font-size:12px}
body[data-theme="midnight"] .incident-filters .button.selected{background:#284939;border-color:#3e7452;color:#abe4bd}
body[data-theme="midnight"] .incidents-page .incident-content strong{font-size:13px}
body[data-theme="midnight"] .incidents-page .incident-content p{font-size:12px}
body[data-theme="midnight"] .connection-banner{background:#3b3127;color:#e7c997;border-color:#6a5834}
body[data-theme="midnight"] .demo-banner{background:linear-gradient(90deg,#1f3c2f,#19312b);border-color:#355343;color:#a4ceb0}
body[data-theme="midnight"] .demo-banner button{color:#b7e6c8}
body[data-theme="midnight"] .checking-label{color:#8fd1b0}
@keyframes card-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){body[data-theme="midnight"] .health-copy strong{font-size:12px}body[data-theme="midnight"] .health-copy p{font-size:12px}body[data-theme="midnight"] .health-body{gap:15px}body[data-theme="midnight"] .stat-value{font-size:32px}body[data-theme="midnight"] .stat-foot{font-size:10px}}
@media(max-width:950px){body[data-theme="midnight"] h1{font-size:30px}body[data-theme="midnight"] .sidebar{padding-top:31px}body[data-theme="midnight"] .stat-label{font-size:11px}body[data-theme="midnight"] .stat-card{min-height:144px}body[data-theme="midnight"] .health-body{padding-top:13px;padding-bottom:18px;gap:12px}body[data-theme="midnight"] .health-number strong{font-size:26px}body[data-theme="midnight"] .health-copy strong{font-size:12px}body[data-theme="midnight"] .health-tag{font-size:10px}body[data-theme="midnight"] .health-footer{font-size:10px}body[data-theme="midnight"] .chart{height:219px}}
@media(max-width:760px){body[data-theme="midnight"] .topbar{height:72px;padding:0 21px}body[data-theme="midnight"] .breadcrumb::before{color:#c5e7db}body[data-theme="midnight"] .system-indicator{font-size:9px;padding:5px 8px}body[data-theme="midnight"] .topbar-actions{gap:9px}body[data-theme="midnight"] .theme-toggle{width:30px;height:30px}body[data-theme="midnight"] main{padding-top:27px}body[data-theme="midnight"] .page-heading{margin-bottom:23px;gap:12px}body[data-theme="midnight"] h1{font-size:29px;letter-spacing:-1px}body[data-theme="midnight"] .heading-description{font-size:12px;line-height:1.8;max-width:214px;margin-top:10px}body[data-theme="midnight"] .eyebrow{font-size:9px;margin-bottom:9px}body[data-theme="midnight"] .heading-actions{padding-top:18px;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:123px}body[data-theme="midnight"] .heading-actions .button{font-size:11px;padding:10px 11px;min-height:37px}body[data-theme="midnight"] .heading-actions .button.secondary{font-size:0;padding:10px}body[data-theme="midnight"] .stat-card{padding:19px 18px;min-height:143px;border-radius:15px}body[data-theme="midnight"] .stat-label{font-size:12px}body[data-theme="midnight"] .stat-value{font-size:32px;margin-top:11px}body[data-theme="midnight"] .stat-foot{font-size:10px;margin-top:13px}body[data-theme="midnight"] .panel{border-radius:16px}body[data-theme="midnight"] .panel-header{padding-top:21px}body[data-theme="midnight"] .health-body{padding:18px 20px 23px;gap:24px}body[data-theme="midnight"] .health-number strong{font-size:27px}body[data-theme="midnight"] .health-copy strong{font-size:13px}body[data-theme="midnight"] .health-copy p{font-size:12px}body[data-theme="midnight"] .health-tag{font-size:11px}body[data-theme="midnight"] .chart{height:213px}body[data-theme="midnight"] .chart-empty{height:175px}body[data-theme="midnight"] .status-pill{font-size:11px;padding:5px 7px}body[data-theme="midnight"] tbody td{font-size:12px;padding-top:17px;padding-bottom:17px}body[data-theme="midnight"] .site-name{font-size:12px}body[data-theme="midnight"] .site-domain{font-size:11px}body[data-theme="midnight"] .uptime-number{font-size:11px}body[data-theme="midnight"] .table-footer{font-size:10px}body[data-theme="midnight"] .mobile-nav{background:#111f30e8;border-color:#2b4255}body[data-theme="midnight"] .mobile-nav .nav-item{border:none;color:#7998af;font-size:10px}body[data-theme="midnight"] .mobile-nav .nav-item.active{background:#254137;color:#a4e2bf;box-shadow:none}body[data-theme="midnight"] .modal{border-radius:16px}body[data-theme="midnight"] .drawer{border:0;border-radius:0}body[data-theme="midnight"] .system-indicator.offline{font-size:9px}body[data-theme="midnight"] .theme-toggle svg{width:16px;height:16px}body[data-theme="midnight"] .incidents-page .incident-content strong{font-size:12px}body[data-theme="midnight"] .incidents-page .incident-content p{font-size:11px}}
@media(max-width:390px){body[data-theme="midnight"] .topbar{padding:0 16px}body[data-theme="midnight"] .topbar-actions{gap:5px}body[data-theme="midnight"] .system-indicator{font-size:9px;padding:4px 6px}body[data-theme="midnight"] h1{font-size:26px}body[data-theme="midnight"] .heading-description{font-size:12px;max-width:188px}body[data-theme="midnight"] .heading-actions .button.primary{font-size:10px;padding:10px}body[data-theme="midnight"] .stat-label{font-size:11px}body[data-theme="midnight"] .stat-value{font-size:30px}body[data-theme="midnight"] .health-body{gap:17px}body[data-theme="midnight"] .health-copy strong{font-size:12px}body[data-theme="midnight"] .health-copy p{font-size:11px}body[data-theme="midnight"] .health-tag{font-size:10px}body[data-theme="midnight"] .status-pill{font-size:11px}body[data-theme="midnight"] .site-name{font-size:11px}body[data-theme="midnight"] .site-domain{font-size:11px}body[data-theme="midnight"] .stat-foot{font-size:10px}body[data-theme="midnight"] .breadcrumb::before{font-size:17px}}
@media(prefers-reduced-motion:reduce){body[data-theme="midnight"] *,body[data-theme="midnight"] *::before,body[data-theme="midnight"] *::after{animation:none!important;transition:none!important}}

/* Heartbeat represents the latest successful check, never a live network probe. */
.status-pill.is-healthy{gap:7px;overflow:visible}
.status-pill.is-healthy>i{position:relative;width:6px;height:6px;flex-shrink:0;animation:heartbeat-double 2.4s ease-in-out infinite}
.status-pill.is-healthy>i::after{content:"";position:absolute;inset:-4px;border:1px solid currentColor;border-radius:50%;animation:heartbeat-ripple 2.4s ease-out infinite}
.heartbeat-line{width:39px;height:19px;stroke-width:1.6;overflow:visible;margin-left:4px;color:currentColor}
.ecg-base{opacity:.2}
.ecg-signal{stroke-dasharray:32 106;animation:ecg-scan 2.4s linear infinite;filter:drop-shadow(0 0 2px currentColor)}
.healthy-stat .heartbeat-icon svg{animation:heartbeat-double 2.4s ease-in-out infinite;transform-origin:center}
.healthy-stat .stat-foot .tiny-dot{animation:heartbeat-double 2.4s ease-in-out infinite}
.healthy-row .site-favicon{position:relative;overflow:visible}
.healthy-row .site-favicon::after{content:"";position:absolute;right:-3px;bottom:-3px;width:8px;height:8px;border:2px solid var(--surface);border-radius:50%;background:#32bd87;animation:website-beacon 2.4s ease-out infinite}
body.has-healthy-site:not(.is-offline) .brandmark svg{animation:heartbeat-double 2.4s ease-in-out infinite}
body[data-theme="midnight"] .status-pill.is-healthy{background:#173d31;color:#86efba;border:1px solid #68db9d24;box-shadow:0 0 20px #6ee7b706}
body[data-theme="midnight"] .healthy-stat{border-color:#3f755b66;background:radial-gradient(ellipse at 100% 0%,#29644535,transparent 80%),linear-gradient(135deg,#172c31,#111d2d)}
body[data-theme="midnight"] .healthy-stat .heartbeat-icon{color:#8cebbb;background:#25503b;box-shadow:0 0 20px #6ee7b715}
body.is-offline .is-healthy>i,body.is-offline .is-healthy>i::after,body.is-offline .ecg-signal,body.is-offline .healthy-stat .heartbeat-icon svg,body.is-offline .healthy-stat .tiny-dot,body.is-offline .healthy-row .site-favicon::after{animation:none!important}
body.is-offline .heartbeat-line{opacity:.25}
@keyframes heartbeat-double{0%,35%,100%{transform:scale(1);opacity:.75}8%{transform:scale(1.2);opacity:1}15%{transform:scale(1);opacity:.8}23%{transform:scale(1.15);opacity:1}}
@keyframes heartbeat-ripple{0%{transform:scale(.65);opacity:0}9%{opacity:.6}48%,100%{transform:scale(1.9);opacity:0}}
@keyframes ecg-scan{from{stroke-dashoffset:138}to{stroke-dashoffset:0}}
@keyframes website-beacon{0%,32%,100%{box-shadow:0 0 0 0 #36d49100}10%{box-shadow:0 0 0 4px #36d49125}22%{box-shadow:0 0 0 6px #36d49100}}
@media(max-width:760px){.status-pill.is-healthy{gap:5px}.status-pill .heartbeat-line{width:26px;height:17px;margin-left:1px}}
@media(prefers-reduced-motion:reduce){.status-pill.is-healthy>i,.status-pill.is-healthy>i::after,.ecg-signal,.healthy-stat .heartbeat-icon svg,.healthy-stat .tiny-dot,.healthy-row .site-favicon::after,body.has-healthy-site .brandmark svg{animation:none!important}.ecg-signal{stroke-dasharray:none}}

.motion-toggle{border:1px solid transparent}
.motion-toggle.active{color:#4fbc88;background:#dff4e8;border-color:#c9e9d4}
body[data-theme="midnight"] .motion-toggle.active{color:#83eebe;background:#193d31;border-color:#38694e}
body.motion-enabled:not(.is-offline) .status-pill.is-healthy>i,body.motion-enabled:not(.is-offline) .healthy-stat .heartbeat-icon svg,body.motion-enabled:not(.is-offline) .healthy-stat .tiny-dot,body.motion-enabled.has-healthy-site:not(.is-offline) .brandmark svg{animation:heartbeat-double 2.4s ease-in-out infinite!important}
body.motion-enabled:not(.is-offline) .status-pill.is-healthy>i::after{animation:heartbeat-ripple 2.4s ease-out infinite!important}
body.motion-enabled:not(.is-offline) .ecg-signal{stroke-dasharray:32 106;animation:ecg-scan 2.4s linear infinite!important}
body.motion-enabled:not(.is-offline) .healthy-row .site-favicon::after{animation:website-beacon 2.4s ease-out infinite!important}
body.motion-disabled .status-pill.is-healthy>i,body.motion-disabled .status-pill.is-healthy>i::after,body.motion-disabled .ecg-signal,body.motion-disabled .healthy-stat .heartbeat-icon svg,body.motion-disabled .healthy-stat .tiny-dot,body.motion-disabled .healthy-row .site-favicon::after,body.motion-disabled.has-healthy-site .brandmark svg{animation:none!important}
@media(max-width:1150px){.lastcheck-column{display:none}}
@media(max-width:430px){.topbar .system-indicator{display:none}.topbar-actions{gap:8px}}

/* Stack monitoring rows on phones so status and uptime need no side scrolling. */
@media(max-width:760px){
  .table-scroll{overflow:visible}
  .table-scroll table,.table-scroll tbody{display:block}
  .table-scroll thead{display:none}
  .site-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px 10px;padding:18px 20px;position:relative;border-bottom:1px solid var(--line)}
  .site-row:last-child{border-bottom:0}
  .site-row td{padding:0!important;border:0;min-width:0}
  .site-row td:first-child{grid-column:1 / -1;padding-right:32px!important}
  .site-row td:nth-child(2){grid-column:1}
  .site-row td:nth-child(4){grid-column:2;justify-self:end;align-self:center}
  .site-row td:last-child{position:absolute;right:20px;top:20px}
  .site-cell{min-width:0;width:100%}
  .site-cell>span:last-child{min-width:0}
  .site-name,.site-domain{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .uptime-number::before{content:"Uptime ";font-size:10px;font-weight:400;opacity:.7}
  .table-footer{gap:9px;flex-wrap:wrap;line-height:1.7}
  .table-footer>span:last-child{font-size:9px}
}