:root{--bg: #0a0a0b;--bg-surface: #141416;--bg-elevated: #1c1c1f;--border: #2a2a2e;--text: #e4e4e7;--text-muted: #71717a;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--warning: #f59e0b;--success: #22c55e;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);transition:all .15s}button:hover{background:var(--border)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}input,textarea,select{font-family:inherit;font-size:.875rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);width:100%;outline:none}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:120px}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}.card h3{margin-bottom:.75rem;font-size:1rem}.badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.draft{background:var(--border);color:var(--text-muted)}.badge.armed{background:#1e3a5f;color:#60a5fa}.badge.triggered{background:#3b1515;color:#f87171}.badge.cancelled{background:#1a1a1a;color:#6b7280}.badge.pending{background:#2d2006;color:#fbbf24}.badge.accepted{background:#052e16;color:#4ade80}.badge.declined{background:#3b1515;color:#f87171}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.flex{display:flex;gap:.5rem;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.text-danger{color:var(--danger)}nav{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:.75rem 1rem}nav .nav-inner{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}nav .logo{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}nav .nav-links{display:flex;gap:1.5rem;font-size:.875rem}nav .nav-links a{color:var(--text-muted)}nav .nav-links a:hover,nav .nav-links a.active{color:var(--text)}.heartbeat-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:600}.heartbeat-indicator.ok{background:#052e16;color:#4ade80}.heartbeat-indicator.warning{background:#2d2006;color:#fbbf24}.heartbeat-indicator.critical{background:#3b1515;color:#f87171}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state h3{margin-bottom:.5rem;color:var(--text)}