:root {
    --sidebar-width: 280px;
    --primary: #0d6efd;
}

body { font-family: 'Segoe UI', system-ui, sans-serif; }

/* Legacy sidebar rules — see sidebar.css */
.sidebar {
    width: var(--sidebar-width);
}

.stat-card .h3 { font-weight: 700; }

.table th { font-weight: 600; font-size: .875rem; }

.modal-lg { max-width: 720px; }

#app-wrapper { min-height: 100vh; }

.topbar { position: sticky; top: 0; z-index: 100; }

@media (max-width: 768px) {
    .sidebar { width: 100%; min-height: auto; }
    #app-wrapper { flex-direction: column !important; }
}