:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#0f172a;background:#f8fafc}body{margin:0}.app-shell{max-width:56rem;margin:2rem auto;padding:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem}.app-shell header h1{margin:0 0 1rem;font-size:1.5rem}.page-main{margin-top:.5rem}.toolbar{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.toolbar-link{font-weight:600;font-size:.9375rem}.monitor-form{display:flex;flex-direction:column;gap:.75rem;max-width:24rem;margin-top:.75rem}.form-field{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:600}.form-input{font:inherit;font-weight:400;padding:.35rem .5rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.detail-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.detail-header h2{margin:0}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-button{font:inherit;font-size:.875rem;padding:.35rem .65rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;cursor:pointer}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button--danger{color:#991b1b;border-color:#fecaca;background:#fef2f2}.paused-helper{margin:.5rem 0 0;font-size:.875rem;color:#475569}.filter-label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:600;max-width:14rem}.filter-select{font:inherit;padding:.35rem .5rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9375rem}.data-table th,.data-table td{padding:.5rem .75rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.data-table th{font-weight:600;background:#f1f5f9}.url-cell{word-break:break-all;color:#475569;font-size:.875rem}.error-banner{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-weight:600}.load-failure{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.empty-table{color:#64748b;margin:.5rem 0}.status-badge{display:inline-block;padding:.15rem .45rem;border-radius:.25rem;font-size:.75rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.status-badge--UP{background:#dcfce7;color:#166534;border-color:#bbf7d0}.status-badge--SUSPECT{background:#fef9c3;color:#854d0e;border-color:#fde047}.status-badge--DOWN{background:#fee2e2;color:#991b1b;border-color:#fecaca}.status-badge--VERIFYING_RECOVERY{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}.status-badge--PAUSED{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.detail-section{margin-bottom:1.75rem}.detail-section h2{margin:0 0 .35rem;font-size:1.25rem}.detail-section h3{margin:0 0 .5rem;font-size:1rem}.snapshot-list{margin:0;padding-left:1.25rem}.back-link{margin:0 0 1rem}.uptime-summary{margin:0;font-weight:600}.heartbeat-strip{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:.5rem}.heartbeat-strip__cell{width:10px;height:24px;border-radius:2px;flex-shrink:0}.heartbeat-strip__cell--success{background:#22c55e}.heartbeat-strip__cell--failure{background:#ef4444}a{color:#2563eb}a:hover{text-decoration:underline}