:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#eef2f8;--bg-blob-1:#8ec5ff;--bg-blob-2:#c4b5fd;--bg-blob-3:#7ee7c7;--text:#0b1220;--text-2:#475569;--text-3:#7b8799;--glass:#ffffff8c;--glass-strong:#ffffffc7;--glass-border:#ffffffbf;--glass-edge:#0f172a14;--glass-highlight:#ffffffe6;--glass-shadow:0 1px 0 #fff9 inset, 0 10px 30px -12px #0f172a38;--blur:22px;--accent:#2563eb;--accent-2:#7c3aed;--accent-text:#fff;--up:#10b981;--down:#ef4444;--pending:#f59e0b;--paused:#94a3b8;--up-soft:#10b98124;--down-soft:#ef444424;--pending-soft:#f59e0b29;--paused-soft:#94a3b833;--radius-sm:10px;--radius:16px;--radius-lg:24px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#070b14;--bg-blob-1:#1d4ed8;--bg-blob-2:#6d28d9;--bg-blob-3:#047857;--text:#e8edf6;--text-2:#a3b0c4;--text-3:#6f7d92;--glass:#161e2e8c;--glass-strong:#1a2336d1;--glass-border:#ffffff17;--glass-edge:#ffffff0f;--glass-highlight:#ffffff1f;--glass-shadow:0 1px 0 #ffffff0f inset, 0 12px 34px -14px #000000b3;--accent:#60a5fa;--accent-2:#a78bfa;--accent-text:#06101f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}code,.mono{font-family:var(--font-mono);font-size:.92em}.lq-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.lq-backdrop span{filter:blur(80px);opacity:.55;width:46vmax;height:46vmax;animation:lq-float 28s var(--ease) infinite alternate;border-radius:50%;position:absolute}.lq-backdrop span:first-child{background:var(--bg-blob-1);top:-12vmax;left:-10vmax}.lq-backdrop span:nth-child(2){background:var(--bg-blob-2);animation-delay:-9s;bottom:-16vmax;right:-12vmax}.lq-backdrop span:nth-child(3){background:var(--bg-blob-3);opacity:.35;width:30vmax;height:30vmax;animation-delay:-17s;top:30%;left:40%}@keyframes lq-float{0%{transform:translate(0)scale(1)}50%{transform:translate(6vmax,4vmax)scale(1.08)}to{transform:translate(-4vmax,7vmax)scale(.95)}}@media (prefers-reduced-motion:reduce){.lq-backdrop span{animation:none}}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg, var(--glass-highlight), transparent 32%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card{padding:20px}.card-tight{padding:14px 16px}.shell{grid-template-columns:240px 1fr;gap:20px;min-height:100vh;padding:20px;display:grid}.sidebar{flex-direction:column;gap:4px;height:calc(100vh - 40px);padding:18px 12px;display:flex;position:sticky;top:20px}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:6px 10px 18px;font-size:16px;font-weight:700;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:30px;height:30px;box-shadow:0 6px 16px -6px var(--accent);border-radius:10px;place-items:center;display:grid}.nav a{color:var(--text-2);transition:background .2s var(--ease), color .2s;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.nav a:hover{background:var(--glass-strong);color:var(--text)}.nav a[aria-current=page]{background:var(--glass-strong);color:var(--text);box-shadow:var(--glass-shadow)}.nav svg{flex:none;width:18px;height:18px}.sidebar-foot{border-top:1px solid var(--glass-edge);align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.main{flex-direction:column;gap:20px;min-width:0;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:26px}.page-head p{color:var(--text-2);margin:4px 0 0}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.wrap{flex-wrap:wrap}.muted{color:var(--text-2)}.faint{color:var(--text-3);font-size:12px}.section-title{margin:0 0 12px;font-size:15px;font-weight:650}@media (max-width:960px){.shell{grid-template-columns:1fr;padding:12px}.sidebar{flex-flow:wrap;align-items:center;height:auto;position:static}.brand{padding:6px}.nav{flex-wrap:wrap;gap:4px;display:flex}.sidebar-foot{display:none}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-2{grid-template-columns:1fr}}.stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:700}.stat-value small{color:var(--text-3);margin-left:4px;font-size:14px;font-weight:500}.btn{appearance:none;border:1px solid var(--glass-border);cursor:pointer;font:inherit;background:var(--glass-strong);color:var(--text);box-shadow:var(--glass-shadow);transition:transform .15s var(--ease), box-shadow .2s, background .2s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.55;cursor:progress;transform:none}.btn-primary{color:var(--accent-text);background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 1px 0 #ffffff59 inset, 0 10px 24px -10px var(--accent);border-color:#0000}.btn-danger{color:var(--down)}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-sm{padding:6px 12px;font-size:13px}.btn svg{width:16px;height:16px}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--text-2);font-size:12px;font-weight:600}.field>small{color:var(--text-3);font-size:12px}.input,.select,.textarea{font:inherit;color:var(--text);background:var(--glass-strong);border:1px solid var(--glass-edge);border-radius:12px;outline:none;width:100%;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.textarea{resize:vertical;min-height:80px;font-family:var(--font-mono);font-size:13px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent)}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .full{grid-column:1/-1}@media (max-width:720px){.form-grid{grid-template-columns:1fr}}.segmented{background:var(--glass);border:1px solid var(--glass-edge);border-radius:999px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;position:absolute;inset:0}.segmented span{color:var(--text-2);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;display:block}.segmented input:checked+span{background:var(--glass-strong);color:var(--text);box-shadow:var(--glass-shadow)}.badge{background:var(--paused-soft);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-up{background:var(--up-soft);color:var(--up)}.badge-down{background:var(--down-soft);color:var(--down)}.badge-pending{background:var(--pending-soft);color:var(--pending)}.badge-paused{background:var(--paused-soft);color:var(--text-2)}.badge-accent{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.dot{background:var(--paused);border-radius:50%;flex:none;width:10px;height:10px;position:relative}.dot-up{background:var(--up)}.dot-down{background:var(--down)}.dot-pending{background:var(--pending)}.dot-up:after,.dot-down:after{content:"";background:inherit;opacity:.35;border-radius:50%;animation:2.2s ease-out infinite lq-pulse;position:absolute;inset:-4px}@keyframes lq-pulse{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.mlist{flex-direction:column;display:flex}.mrow{border-top:1px solid var(--glass-edge);grid-template-columns:minmax(0,2.2fr) minmax(0,3fr) 90px 90px;align-items:center;gap:16px;padding:14px 18px;transition:background .2s;display:grid}.mrow:first-child{border-top:none}.mrow:hover{background:color-mix(in srgb, var(--glass-strong) 60%, transparent)}.mrow .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mrow .sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mrow .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}@media (max-width:960px){.mrow{grid-template-columns:1fr 70px}.mrow .bars-cell,.mrow .lat{display:none}}.bars{align-items:stretch;gap:2px;height:26px;display:flex}.bars i{background:var(--paused-soft);border-radius:3px;flex:1 1 0;min-width:1px}.bars.dense{gap:1px}.bars.dense i{border-radius:2px}.bars i.b-up{background:var(--up)}.bars i.b-warn{background:var(--pending)}.bars i.b-down{background:var(--down)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;font-size:12px;font-weight:600}.table td{border-top:1px solid var(--glass-edge);vertical-align:middle;padding:10px 12px}.table-wrap{overflow-x:auto}.alert{border-radius:var(--radius);border:1px solid;padding:12px 16px;font-weight:500}.alert-error{background:var(--down-soft);border-color:color-mix(in srgb, var(--down) 30%, transparent);color:var(--down)}.alert-info{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 25%, transparent);color:var(--accent)}.alert-ok{background:var(--up-soft);border-color:color-mix(in srgb, var(--up) 30%, transparent);color:var(--up)}.empty{text-align:center;color:var(--text-2);padding:48px 20px}.empty h3{color:var(--text);margin:0 0 6px}.kbd{font-family:var(--font-mono);background:var(--glass-strong);border:1px solid var(--glass-edge);-webkit-user-select:all;user-select:all;border-radius:8px;padding:2px 8px;font-size:13px}.chart{width:100%;height:180px;display:block}.chart .area{fill:url(#lq-grad)}.chart .line{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.chart .fail{fill:var(--down)}.chart .grid-line{stroke:var(--glass-edge);stroke-width:1px;vector-effect:non-scaling-stroke}details.lq summary{cursor:pointer;font-weight:600;list-style:none}details.lq summary::-webkit-details-marker{display:none}.center-screen{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{text-align:center;width:min(420px,100%);padding:36px 32px}.login-card h1{letter-spacing:-.02em;margin:16px 0 6px;font-size:24px}.hr{background:var(--glass-edge);border:0;height:1px;margin:4px 0}.status-hero{align-items:center;gap:16px;padding:28px;display:flex}.status-hero .big-dot{width:18px;height:18px}:is(.mform:has(input[name=type][value=tcp]:checked) .only-http-like,.mform:has(input[name=type][value=heartbeat]:checked) .only-http-like,.mform:has(input[name=type][value=heartbeat]:checked) .field-url),.mform .only-keyword,.mform .only-tcp{display:none}.mform:has(input[name=type][value=keyword]:checked) .only-keyword{display:block}.mform:has(input[name=type][value=tcp]:checked) .only-tcp{display:inline}.mform-ch .only-webhook{display:none}.mform-ch:has(input[name=type][value=webhook]:checked) .only-webhook{display:block}