components/Layout.js

import Sidebar from './Sidebar';
import Header from './Header';

export default function Layout({ children, title, subtitle }) {
  return (
    <div className="min-h-screen flex bg-brutal-white">
      <Sidebar />
      <main className="flex-1 min-w-0">
        <Header title={title} subtitle={subtitle} />
        <div className="p-6 max-w-7xl mx-auto">
          {children}
        </div>
      </main>
    </div>
  );
}