:root {
    --bs-body-bg: #f6f7f9;
}
.navbar-brand { font-weight: 600; letter-spacing: .2px; }
.card { border: 0; box-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1); }
.stat-card .display-6 { font-weight: 600; }
.table td, .table th { vertical-align: middle; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; }
pre.payload { max-height: 32rem; overflow: auto; background: #0f172a; color: #e2e8f0; padding: 1rem; border-radius: .5rem; font-size: .8rem; }
.timeline .event { border-left: 2px solid #dee2e6; padding-left: 1rem; padding-bottom: .75rem; position: relative; }
.timeline .event::before { content: ""; position: absolute; left: -6px; top: .35rem; width: 10px; height: 10px; border-radius: 50%; background: #adb5bd; }
.timeline .event.level-error::before { background: #dc3545; }
.timeline .event.level-warning::before { background: #ffc107; }
.timeline .event.level-info::before { background: #0d6efd; }
.status-badge { font-weight: 500; }