* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; color: #1f2328; }
.layout { display: flex; min-height: 100vh; }
.sidebar { width: 240px; background: #f6f8fa; border-right: 1px solid #d0d7de; padding: 16px; display: flex; flex-direction: column; }
.sidebar .brand { font-weight: 600; margin-bottom: 16px; }
.sidebar nav { flex: 1; }
.sidebar nav a { display: block; padding: 6px 10px; border-radius: 6px; color: inherit; text-decoration: none; }
.sidebar nav a:hover { background: #eaeef2; }
.sidebar nav a.active { background: #dbe9ff; font-weight: 600; }
.sidebar .user { font-size: 14px; color: #57606a; }
.content { flex: 1; padding: 24px; }
.filters { display: flex; gap: 16px; align-items: center; margin-bottom: 16px; }
.filters form { display: flex; gap: 8px; align-items: center; }