:root { --sidebar-width: 280px; }
body { background: #f5f7fb; min-height: 100vh; }
.app-sidebar { width: var(--sidebar-width); min-height: 100vh; position: fixed; inset: 0 auto 0 0; overflow-y: auto; z-index: 1030; }
.app-content { margin-left: var(--sidebar-width); min-height: 100vh; }
.nav-link { border-radius: .5rem; margin-bottom: .15rem; }
.nav-link.active, .nav-link:hover { background: rgba(255,255,255,.12); }
.card-stat { border: 0; box-shadow: 0 .25rem 1rem rgba(15,23,42,.06); }
.code-panel { background: #0f172a; color: #e2e8f0; border-radius: .75rem; padding: 1rem; overflow: auto; max-height: 520px; }
.table-responsive { border-radius: .75rem; }
.secret-value { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }
@media (max-width: 991.98px) {
  .app-sidebar { position: static; width: 100%; min-height: auto; }
  .app-content { margin-left: 0; }
}