@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#1f1f27;background:radial-gradient(circle at 5% 8%,#f9e7cf,#f4efe4 40%,#ecf6f5);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: #ffffff;--surface-alt: #f2f5f8;--border: #d6dde5;--ink-strong: #141722;--ink-soft: #5b6170;--brand: #0f8b8d;--brand-strong: #0b5f60;--danger: #ca3d34;--danger-soft: #fde9e6;--success: #278551;--warning: #ad6f05;--radius: 16px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink-strong)}#root{min-height:100vh}.app-shell{max-width:1300px;margin:0 auto;padding:2rem 1.2rem 2.6rem}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-strong);font-size:.78rem;font-weight:700}h1,h2{font-family:Space Grotesk,Segoe UI,sans-serif}h1{margin:.2rem 0;font-size:clamp(1.7rem,2.6vw,2.4rem)}h2{margin:0;font-size:1.1rem}a{color:var(--brand-strong)}a:hover{color:var(--brand)}.subtle-text{margin:0;color:var(--ink-soft)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:.9rem;margin:1.4rem 0}.summary-card{background:linear-gradient(150deg,#fff,#eef6f5);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:0 8px 16px #1417220f}.summary-label{margin:0;color:var(--ink-soft);font-size:.9rem}.summary-value{margin:.3rem 0;font-size:1.8rem;font-weight:800;letter-spacing:-.02em}.summary-hint{margin:0;color:var(--ink-soft);font-size:.85rem}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.content-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:0 8px 20px #1417220f}.content-card-wide{grid-column:1 / -1}.panel{display:grid;gap:.9rem}.panel-header{display:grid;gap:.25rem}.panel-header p{margin:0;color:var(--ink-soft)}.inline-form{display:grid;grid-template-columns:1fr 1.6fr .7fr .8fr auto;gap:.6rem;align-items:end}.stack-form{display:grid;gap:.6rem}.field-block{display:grid;gap:.28rem}.field-block span{font-size:.78rem;font-weight:700;color:var(--ink-soft)}input:not([type=checkbox]){width:100%;border:1px solid var(--border);border-radius:12px;padding:.62rem .75rem;font:inherit;color:var(--ink-strong);background:var(--surface-alt)}input:not([type=checkbox]):focus-visible{border-color:var(--brand);outline:2px solid rgba(15,139,141,.25)}input[type=checkbox]{width:18px;height:18px}button{border:1px solid transparent;border-radius:12px;padding:.62rem .9rem;font:inherit;font-weight:700;cursor:pointer;transition:.2s ease}button:disabled{opacity:.55;cursor:not-allowed}.primary-button{background:var(--brand);color:#fff}.primary-button:hover:not(:disabled){background:var(--brand-strong)}.secondary-button{background:#edf6f6;border-color:#b8d4d5;color:var(--brand-strong)}.secondary-button:hover:not(:disabled){background:#def0f0}.danger-button{background:var(--danger-soft);border-color:#efb4ad;color:var(--danger)}.danger-button:hover:not(:disabled){background:#fad5d0}.error-banner{margin:0 0 1rem;border:1px solid #efb4ad;border-radius:12px;padding:.7rem .9rem;background:var(--danger-soft);color:#7f211b}.form-error{margin:0;color:#7f211b;font-size:.88rem}.form-hint{margin:-.2rem 0 0;color:var(--ink-soft);font-size:.84rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr,tbody tr{border-bottom:1px solid #edf1f5}th,td{text-align:left;padding:.72rem .6rem;vertical-align:middle}th{color:var(--ink-soft);font-weight:700;font-size:.85rem}td p{margin:0}.site-name{font-weight:700;margin-bottom:.15rem}.status-pill{display:inline-block;border-radius:999px;padding:.18rem .58rem;font-weight:700;font-size:.78rem}.status-pill.up{background:#e7f7ee;color:var(--success)}.status-pill.down{background:var(--danger-soft);color:var(--danger)}.status-pill.paused{background:#fff4df;color:var(--warning)}.uptime-track{width:100%;min-width:90px;height:6px;border-radius:999px;overflow:hidden;background:#e8edf3;margin-top:.3rem}.uptime-fill{display:block;height:100%;background:linear-gradient(90deg,#ee7752,#0f8b8d 70%)}.table-actions{display:flex;gap:.4rem;align-items:center;min-width:240px}.table-actions button{min-width:110px;display:inline-flex;justify-content:center}.notification-summary{margin:0 0 .4rem;color:var(--ink-soft);font-size:.84rem}.tiny-button{padding:.34rem .56rem;font-size:.8rem}.notification-editor{border:1px solid var(--border);border-radius:14px;padding:.85rem;background:var(--surface-alt)}.notification-editor h3{margin:0 0 .5rem;font-size:1rem;font-family:Space Grotesk,Segoe UI,sans-serif}.notification-grid{display:grid;grid-template-columns:minmax(280px,1fr) 90px 100px 140px;gap:.45rem .8rem;align-items:center}.notification-grid-head{margin:0;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.notification-grid-row{grid-column:1 / -1;display:grid;grid-template-columns:minmax(280px,1fr) 90px 100px 140px;gap:.45rem .8rem;align-items:center;padding:.5rem 0;border-top:1px solid #e0e6ee}.notification-grid-row label{display:grid;justify-content:center}.notification-actions{margin-top:.8rem;display:flex;justify-content:flex-end;gap:.45rem}.notification-empty{grid-column:1 / -1;padding:.7rem 0}.form-submit-button{min-height:44px}.incident-list{display:grid;gap:.7rem}.incident-card{border:1px solid var(--border);border-radius:14px;padding:.75rem;display:flex;justify-content:space-between;gap:.9rem;background:var(--surface-alt)}.incident-card.open{border-color:#efb4ad}.incident-site{margin:0;font-weight:700}.incident-error{margin:.2rem 0 0;color:var(--ink-soft)}.incident-meta{display:grid;justify-items:end;gap:.2rem;color:var(--ink-soft);font-size:.84rem}.empty-cell{color:var(--ink-soft);text-align:center;margin:0}@media(max-width:980px){.summary-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.content-grid,.inline-form{grid-template-columns:1fr}.table-actions{min-width:0;flex-wrap:wrap}.table-actions button{flex:1 1 130px}.notification-grid,.notification-grid-row{grid-template-columns:1fr 84px 84px 120px}.notification-actions{flex-wrap:wrap}}