:root { --app-accent: #0b5ed7; }
body { background: #f3f5f8; }
.app-navbar { background: linear-gradient(90deg, #0a2a52, #0b5ed7); }
.app-navbar .nav-link.active { background: rgba(255,255,255,.15); border-radius: .375rem; }
.stat-card { border: 0; border-radius: .75rem; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.stat-card .stat-value { font-size: 2rem; font-weight: 700; line-height: 1; }
.stat-card a { text-decoration: none; color: inherit; }
.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.table-sm td, .table-sm th { vertical-align: middle; }
.cli-output { background: #0d1117; color: #c9d1d9; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .8rem; padding: 1rem; border-radius: .5rem; max-height: 480px; overflow: auto; white-space: pre-wrap; }
.mono { font-family: ui-monospace, Menlo, Consolas, monospace; }
.nowrap { white-space: nowrap; }
.dot { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; }
@media (prefers-color-scheme: dark) {
  body { background: #11161d; }
}