/* ===================== SHELL ===================== */
/* App-Grundgerüst für Desktop: feste Sidebar links (.sidebar) + Hauptbereich
   rechts (.main-content). Die Sidebar bleibt beim Scrollen stehen (position:fixed). */
.app-shell{ min-height:100vh; }
.sidebar{
  position:fixed; left:0; top:0; bottom:0; width:252px; padding:28px 20px 20px;
  background:var(--brand); color:#fff; display:flex; flex-direction:column; z-index:20;
}
.brand{ display:flex; align-items:center; gap:12px; color:#fff; font-size:20px; font-weight:700; padding:0 10px 26px; }
.brand-mark{ width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:var(--accent); color:var(--brand); font-weight:800; font-size:17px; flex-shrink:0; }
.nav-list{ display:grid; gap:6px; }
.nav-item{
  border:0; background:transparent; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:13px;
  width:100%; padding:13px 15px; border-radius:14px; text-align:left; transition:.2s ease; font-size:14.5px; font-weight:500;
}
.nav-item:hover, .nav-item.active{ background:rgba(255,255,255,.1); color:#fff; }
.nav-icon{ width:22px; text-align:center; font-size:19px; flex-shrink:0; }
.nav-badge{ margin-left:auto; background:var(--accent); color:var(--brand); border-radius:999px; padding:2px 8px; font-size:11px; font-weight:700; }
.sb-report{
  display:flex; align-items:center; justify-content:center; gap:8px; margin:16px 3px 4px;
  background:var(--accent); color:var(--brand); border:0; border-radius:13px; padding:13px; font-weight:700; font-size:14px;
  transition:.2s;
}
.sb-report:hover{ background:#e9ffc7; transform:translateY(-1px); }
.sidebar-card{
  margin-top:auto; display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center;
  border-top:1px solid rgba(255,255,255,.12); padding:18px 4px 0;
}
.sidebar-card strong{ display:block; font-size:13.5px; }
.sidebar-card span{ display:block; font-size:11.5px; color:rgba(255,255,255,.6); margin-top:2px; }
.avatar{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--accent); color:var(--brand); font-weight:700; font-size:13.5px; flex-shrink:0; }
.icon-btn{ border:0; background:transparent; border-radius:11px; min-width:40px; height:40px; display:grid; place-items:center; color:inherit; font-size:18px; flex-shrink:0; }
.sidebar .icon-btn:hover{ background:rgba(255,255,255,.08); }

.main-content{ margin-left:252px; padding:0 44px 80px; max-width:1400px; }
.topbar{ height:100px; display:flex; align-items:center; justify-content:space-between; }
.topbar h1{ margin:2px 0 0; font-size:clamp(24px,3vw,31px); letter-spacing:-.6px; }
.eyebrow{ margin:0; color:var(--muted); text-transform:uppercase; letter-spacing:.1em; font-size:11px; font-weight:700; }
.topbar-actions{ display:flex; gap:10px; align-items:center; }
.notification-btn{ position:relative; background:var(--surface); border:1px solid var(--line); }