:root{--bg:#f4f7f6;--surface:#fff;--surface-subtle:#f8faf9;--text:#17221f;--muted:#66736f;--line:#dfe7e4;--primary:#126b52;--primary-hover:#0d5944;--success:#147a55;--success-bg:#e7f6ef;--danger:#b63e3e;--danger-bg:#fcebec;--neutral-bg:#edf1f0;--shadow:0 14px 40px #18362d14}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 8% 0%, #126b5212, transparent 25rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #126b5240}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:.35rem;font-size:clamp(2rem,4vw,3rem);line-height:1.08}h2{margin-bottom:0;font-size:1.25rem}.muted{color:var(--muted)}.eyebrow{color:var(--primary);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:800}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #dfe7e4e6;justify-content:space-between;align-items:center;min-height:72px;padding:.75rem max(1rem,50vw - 590px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand div{flex-direction:column;display:flex}.brand strong{font-size:1rem}.brand span:not(.brand-mark){color:var(--muted);font-size:.75rem}.brand-mark{color:#fff;background:var(--primary);border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.3rem;font-weight:900;display:grid;box-shadow:0 10px 24px #126b5238}.brand-mark.small{border-radius:11px;width:38px;height:38px;font-size:1rem}.topbar-actions,.form-actions,.card-actions,.summary-pills{align-items:center;gap:.65rem;display:flex}.button,button{cursor:pointer;border:0}.button{border:1px solid var(--primary);color:#fff;background:var(--primary);border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:.65rem 1rem;font-weight:750;text-decoration:none;transition:background .14s,transform .14s;display:inline-flex}.button:hover{background:var(--primary-hover);transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.65;transform:none}.button.secondary{border-color:var(--line);color:var(--text);background:var(--surface)}.button.secondary:hover{background:var(--surface-subtle)}.button.compact{min-height:34px;padding:.4rem .65rem;font-size:.82rem}.text-button{background:0 0;padding:.5rem;font-weight:700}.danger-text{color:var(--danger)}.page-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:3rem 0 5rem}.page-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.page-heading p:last-child{margin-bottom:0}.pill,.status-badge{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;font-size:.75rem;font-weight:800;display:inline-flex}.pill{padding:.5rem .75rem}.status-badge{padding:.3rem .6rem}.success{color:var(--success);background:var(--success-bg)}.danger{color:var(--danger);background:var(--danger-bg)}.neutral{color:#5f6966;background:var(--neutral-bg)}.panel,.monitor-card,.detail-metric{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px}.panel{padding:1.4rem}.editor-panel{border-top:4px solid var(--primary);margin-bottom:1.5rem}.group-panel{margin-bottom:1.5rem}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.icon-button{width:36px;height:36px;color:var(--muted);background:var(--neutral-bg);border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.monitor-form{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:700;display:flex}.field input,.field select,.login-form input{width:100%;min-height:44px;color:var(--text);background:#fff;border:1px solid #cbd7d3;border-radius:9px;padding:.65rem .75rem}.field input:focus,.field select:focus,.login-form input:focus{border-color:var(--primary)}.checkbox-field{align-items:center;gap:.55rem;font-weight:700;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--primary)}.full-width{grid-column:1/-1}.form-actions{justify-content:flex-end}.form-error{color:var(--danger);margin:.2rem 0 0;font-size:.85rem;font-weight:700}.group-list{flex-direction:column;gap:.65rem;margin-bottom:1rem;display:flex}.group-row{border:1px solid var(--line);background:var(--surface-subtle);border-radius:11px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.group-row>div:first-child{flex-direction:column;min-width:0;display:flex}.group-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-row span{color:var(--muted);font-size:.75rem}.group-actions,.group-create-form{align-items:flex-end;gap:.5rem;display:flex}.group-create-form .field{width:min(100%,420px)}.monitor-sections{flex-direction:column;gap:2rem;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.85rem;display:flex}.section-empty{color:var(--muted);text-align:center;background:#ffffff73;border:1px dashed #bdcbc7;border-radius:12px;padding:1.25rem}.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.monitor-card{padding:1.25rem;transition:border-color .14s,transform .14s,box-shadow .14s}.monitor-card:hover{border-color:#b9cbc5;transform:translateY(-2px);box-shadow:0 18px 44px #18362d1c}.monitor-card.disabled{opacity:.68}.monitor-card-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.status-dot{width:11px;height:11px;box-shadow:0 0 0 5px var(--neutral-bg);background:#87928f;border-radius:50%}.status-dot.UP{background:var(--success);box-shadow:0 0 0 5px var(--success-bg)}.status-dot.DOWN{background:var(--danger);box-shadow:0 0 0 5px var(--danger-bg)}.monitor-title{min-width:0}.monitor-title a{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:800;text-decoration:none;display:block;overflow:hidden}.monitor-title a:hover{color:var(--primary)}.monitor-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}.metric-row{background:var(--surface-subtle);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.25rem 0;padding:.9rem;display:grid}.metric{flex-direction:column;gap:.2rem;display:flex}.metric span,.detail-metric span{color:var(--muted);font-size:.72rem}.metric strong{font-size:.95rem}.monitor-meta{min-height:44px;color:var(--muted);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.incident-label,.last-error{color:var(--danger);font-weight:700}.last-error{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-actions{border-top:1px solid var(--line);flex-wrap:wrap;margin-top:1rem;padding-top:1rem}.empty-state{text-align:center;padding:4rem 1rem}.empty-icon{color:var(--primary);font-size:3rem}.login-shell{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:min(100%,420px);padding:2.5rem;box-shadow:0 24px 70px #18362d21}.login-card .brand-mark{margin-bottom:2rem}.login-form{flex-direction:column;gap:.75rem;margin-top:1.75rem;display:flex}.login-form label{color:var(--muted);font-size:.8rem;font-weight:700}.login-form button{color:#fff;background:var(--primary);border-radius:10px;min-height:46px;margin-top:.35rem;font-weight:800}.detail-heading{align-items:center}.detail-heading a:not(.button){color:var(--primary);word-break:break-all}.detail-metrics{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;display:grid}.detail-metric{flex-direction:column;gap:.4rem;padding:1.2rem;display:flex}.detail-metric strong{font-size:1.3rem}.two-columns{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:1rem;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.82rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.8rem .55rem}th{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem}.result-mark{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:280px;padding:.2rem .45rem;display:inline-block;overflow:hidden}.incident-list{flex-direction:column;gap:.75rem;display:flex}.incident-item{border:1px solid var(--line);background:var(--surface-subtle);border-radius:11px;padding:.9rem}.incident-item div{align-items:flex-start;gap:.6rem;display:flex}.incident-item strong{font-size:.85rem}.incident-item p{color:var(--muted);margin:.5rem 0 0;font-size:.75rem}.empty-cell{color:var(--muted);text-align:center;padding:2rem .5rem}@media (max-width:900px){.monitor-grid,.two-columns{grid-template-columns:1fr}.monitor-form,.detail-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.topbar{min-height:64px}.brand span:not(.brand-mark),.topbar-actions .secondary{display:none}.page-shell{width:min(100% - 1rem,1180px);padding-top:1.5rem}.page-heading{flex-direction:column;align-items:flex-start;gap:1rem}.summary-pills{flex-wrap:wrap}.group-row{flex-direction:column;align-items:stretch}.group-actions{flex-wrap:wrap}.group-create-form{flex-direction:column;align-items:stretch}.section-heading{align-items:flex-start}.monitor-form{grid-template-columns:1fr}.monitor-card-heading{grid-template-columns:auto minmax(0,1fr)}.monitor-card-heading .status-badge{grid-column:2}.metric-row{grid-template-columns:1fr}.metric{flex-direction:row;justify-content:space-between;align-items:center}.card-actions{align-items:stretch}.card-actions .button{flex:1}.detail-metrics{grid-template-columns:1fr 1fr;gap:.5rem}.detail-metric{padding:.9rem}.detail-metric strong{font-size:1rem}.login-card{padding:1.5rem}}