/* Sidebar Styles */
.mf-sidebar {
    position: fixed; top: var(--mf-header-height); left: 0; width: var(--mf-sidebar-width);
    height: calc(100vh - var(--mf-header-height)); background: var(--mf-sidebar-bg);
    border-right: 1px solid var(--mf-border); display: flex; flex-direction: column;
    padding: var(--mf-space-sm) 0; z-index: var(--mf-z-sidebar); overflow-y: auto;
    transition: width var(--mf-transition-base), transform var(--mf-transition-base);
}
.mf-sidebar .sidebar-section { padding: var(--mf-space-xs) var(--mf-space-sm); }
.mf-sidebar .sidebar-title { padding: var(--mf-space-sm) var(--mf-space-md); font-size: var(--mf-font-size-xs); font-weight: var(--mf-font-weight-bold); color: var(--mf-text-muted); text-transform: uppercase; letter-spacing: 1px; }
.mf-sidebar .sidebar-divider { border: none; border-top: 1px solid var(--mf-border); margin: var(--mf-space-sm) var(--mf-space-md); }
.mf-sidebar .nav-item { display: flex; align-items: center; gap: var(--mf-space-md); padding: var(--mf-space-sm) var(--mf-space-md); margin: 2px var(--mf-space-xs); color: var(--mf-text-secondary); border-radius: var(--mf-radius-md); transition: all var(--mf-transition-fast); cursor: pointer; font-size: var(--mf-font-size-md); white-space: nowrap; }
.mf-sidebar .nav-item:hover { background: var(--mf-sidebar-hover); color: var(--mf-text); }
.mf-sidebar .nav-item.active { background: var(--mf-sidebar-active); color: var(--mf-text); font-weight: var(--mf-font-weight-semibold); }
.mf-sidebar .nav-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex-shrink: 0; }
.mf-sidebar .nav-icon svg { width: 20px; height: 20px; }