.nav-item {
  display: flex; align-items: center; gap: 0.75rem;
  padding: 0.625rem 0.75rem; border-radius: 0.5rem;
  font-size: 0.875rem; font-weight: 500; color: #94a3b8;
  transition: all 0.15s ease; text-decoration: none; cursor: pointer;
}
.nav-item:hover { background: rgba(255,255,255,0.05); color: #e2e8f0; }
.nav-item.active { background: rgba(12,140,233,0.15); color: #7cc5fb; }
.page-enter { animation: fadeIn 0.2s ease; }
@keyframes fadeIn { from { opacity:0; transform:translateY(4px);} to { opacity:1; transform:none;} }
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:3px; }

html, body { height: 100%; margin: 0; }
#app-shell.is-open {
  display: flex !important;
  min-height: 100vh;
  height: 100vh;
  width: 100%;
}
#app-shell aside {
  min-height: 100vh;
}