:root{--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#667085;--line:#e4e9f1;--brand:#3157d5;--up:#20a464;--down:#e5484d;--warn:#e5a000;--radius:14px;--shadow:0 7px 25px rgba(30,45,80,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--brand);text-decoration:none}h1,h2,h3{line-height:1.2}h1{font-size:28px;margin:0 0 5px}h2{font-size:20px;margin:32px 0 12px}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar,.adminbar{background:#fff;border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:26px}.adminbar{background:#172033}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:21px;color:var(--text)}.adminbar .brand,.adminbar a,.adminbar .link-button{color:#fff}.adminbar nav{display:flex;align-items:center;gap:20px}.adminbar form{display:inline}.updated{text-align:right}.muted,.target,small{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.summary{padding:24px;display:flex;align-items:center;gap:18px}.summary>div:nth-child(2){flex:1}.summary p{margin:0;color:var(--muted)}.latest{text-align:right}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#98a2b3}.summary>.status-dot{width:22px;height:22px;box-shadow:0 0 0 7px rgba(32,164,100,.12)}.status-dot.up,.status-dot.recovered{background:var(--up)}.status-dot.down{background:var(--down)}.status-dot.paused{background:var(--warn)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-top:28px}.section-heading h2{margin-bottom:2px}.monitor-list{display:grid;gap:10px}.monitor-row{padding:16px 18px}.monitor-head,.uptime-line{display:flex;justify-content:space-between;align-items:center;gap:16px}.target{font-size:13px;margin-top:3px;word-break:break-all}.status-label{display:inline-flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap}.status-label.up{color:var(--up)}.status-label.down{color:var(--down)}.status-label.paused{color:var(--warn)}.uptime-line{margin-top:13px}.bars{height:24px;display:flex;gap:2px;align-items:end;flex:1}.bar{display:block;flex:1;height:22px;min-width:2px;border-radius:2px;background:var(--up)}.bar.warning{background:var(--warn);height:19px}.bar.bad{background:var(--down);height:16px}.bar.unknown{background:#d7dce5;height:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:20px}.metrics>div{text-align:center;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics strong{display:block;font-size:24px}.metrics span{color:var(--muted)}.incident-feed{overflow:hidden}.incident{display:flex;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid var(--line);color:var(--text)}.incident:last-child{border:0}.incident>span:nth-child(2){flex:1}.incident time{text-align:right;color:var(--muted);font-size:13px}.incident-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6f7ef;color:var(--up);font-weight:bold}.incident-icon.active{background:#fdebec;color:var(--down)}.empty{padding:25px;text-align:center;color:var(--muted)}.footer{padding:32px 0;color:var(--muted)}.detail-title,.admin-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.latency{text-align:right}.latency strong{display:block;font-size:24px}.latency span{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc}tbody tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#edf0f5}.pill.up{background:#e6f7ef;color:#107c49}.pill.down{background:#fdebec;color:#bd2731}.pill.paused{background:#fff3cf;color:#946500}.admin-main{padding-bottom:50px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ccd3df;border-radius:8px;background:#fff;color:var(--text);padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.danger{border-color:#f3c0c3;color:var(--down)}.button.small{padding:5px 8px;font-size:12px}.actions,.test-actions{display:flex;gap:6px}.actions form,.test-actions form{margin:0}.link-button{border:0;background:none;padding:0;font:inherit;cursor:pointer}.notice,.error{border-radius:10px;padding:13px 16px;margin:15px 0}.notice{background:#eaf1ff;color:#2349be;border:1px solid #cbd9ff}.error{background:#fdebec;color:#9e2029;border:1px solid #f4c4c7}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px;margin-bottom:18px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.login-card input{width:100%;padding:10px 11px;border:1px solid #cbd3df;border-radius:8px;background:#fff;color:var(--text);font:inherit}.span-2{grid-column:span 2}.span-4{grid-column:1/-1}.checkboxes{display:flex;gap:12px;align-items:center}.checkboxes label{display:block}.checkboxes input{width:auto}.type-config{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border:1px solid var(--line);border-radius:10px;padding:15px}.type-config legend{font-weight:800;padding:0 7px}.type-config[hidden]{display:none}.form-actions{display:flex;justify-content:flex-end}.secret{display:block;margin:8px 0;padding:8px;background:#fff;word-break:break-all}.upload{display:flex;align-items:end;gap:18px;padding:20px}.upload label{flex:1}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);padding:30px;display:grid;gap:17px}.login-card label{display:grid;gap:6px;font-weight:700}.login-card .button{width:100%}@media(max-width:800px){.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:10px;border:0}.detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.span-4{grid-column:1/-1}.adminbar .header-row{align-items:flex-start}.adminbar nav{flex-wrap:wrap;justify-content:flex-end}.bars{gap:1px}.bar:nth-child(-n+45){display:none}}@media(max-width:520px){.container{width:min(100% - 20px,1180px)}.header-row,.summary,.monitor-head,.detail-title,.admin-title{align-items:flex-start;flex-direction:column}.updated,.latest{text-align:left}.metrics{grid-template-columns:1fr}.metrics>div{border-bottom:1px solid var(--line)}.form-grid{display:block}.form-grid>*{margin-bottom:15px}.type-config{display:block}.type-config label{margin-bottom:12px}.upload{align-items:stretch;flex-direction:column}.actions{min-width:150px;flex-wrap:wrap}}