/* style.css - small custom additions to complement Tailwind */
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }

/* Sidebar: flex child, NOT position:fixed — plays nicely with the flex page layout */
.sidebar {
width: 220px;
flex-shrink: 0;
background: linear-gradient(180deg,#0f172a,#0b1220);
color: #e6eef8;
height: 100vh;
overflow-y: auto;
padding: 28px 16px;
}
.sidebar .brand { font-weight: 700; font-size: 1.125rem; margin-bottom: 1rem; }
.sidebar ul { margin-top: 1rem; padding-left: 0; }
.sidebar ul li { list-style: none; margin: 10px 0; }
.sidebar a { color: rgba(230,238,248,0.9); display: block; padding: 8px 10px; border-radius: 8px; text-decoration: none; }
.sidebar a.active, .sidebar a:hover { background: rgba(255,255,255,0.04); }

/* No margin needed — sidebar is a flex sibling to main */
main { margin-left: 0; }

@media (max-width: 768px) {
  .sidebar { width: 100%; height: auto; }
}