body { background: #f6f8fb; }
.app-navbar { background: #fff; border-bottom: 1px solid var(--tblr-border-color); }
.app-navbar-inner { min-height: 4rem; }
.app-brand { margin-right: 1.5rem; font-weight: 700; }
.app-nav { gap: .25rem; }
.app-nav-link { border-radius: var(--tblr-border-radius); color: var(--tblr-secondary); font-weight: 500; padding: .5rem .8rem; }
.app-nav-link:hover, .app-nav-link:focus { background: var(--tblr-bg-surface-secondary); color: var(--tblr-primary); }
.app-account-nav { margin-left: auto; }
.app-logout { font-weight: 500; }
.target-url { max-width: 360px; }
.request-url { max-width: 520px; overflow-wrap: anywhere; font-family: var(--tblr-font-monospace); font-size: .8rem; }
.metric-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
.metric-grid div { display: flex; flex-direction: column; gap: .25rem; }
.metric-grid span { color: var(--tblr-secondary); font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; }
.metric-grid strong { font-size: 1.05rem; }
@media (max-width: 767px) { .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }