:root { --sidebar-w: 230px; --brand: #4f46e5; }
body { background: #f5f6fa; font-size: .95rem; }
.sidebar { width: var(--sidebar-w); min-height: 100vh; background: #1e1b4b; position: fixed; top: 0; left: 0; }
.sidebar .brand { color: #fff; font-weight: 700; font-size: 1.15rem; padding: 1.1rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.sidebar .nav-link { color: #c7d2fe; padding: .6rem 1.25rem; border-radius: 0; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,.08); }
.sidebar .nav-link.disabled { color: #6b6a9a; }
.sidebar .nav-link i { width: 1.4rem; display: inline-block; }
.main { margin-left: var(--sidebar-w); padding: 1.5rem; }
.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.stat .value { font-size: 1.6rem; font-weight: 700; }
.stat .label { color: #6b7280; font-size: .85rem; }
code.url { word-break: break-all; }
@media (max-width: 768px) {
  .sidebar { position: static; width: 100%; min-height: auto; }
  .main { margin-left: 0; padding: 1rem; }
}