.menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 8999;
}
.side-menu {
    position: fixed;
    top: 0;
    left: -300px; /* oder -100% */
    width: 240px;
    height: 100%;
    background: #fff;
    border-right: 1px solid #eaeaea;
    padding: 72px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: left .25s ease;
    z-index: 9000;
}
.side-menu.open {
    left: 0;
}
.menu-link {
  text-decoration:none;
  color:#111;
  font-size:16px;
  padding:10px 8px;
  border-radius:8px;
}
.menu-link:active { background:#f1f1f1; }
.logo_menu {
  display: block;
  height: 20%;
  width: auto;
  margin: 0 auto;
}
.menu-btn {
  color: #111;
}
.submenu-link {
    margin-left: 20px;
}

/* Unified header styles across pages */
:root { --header-h: 64px; }
.app-header { position: sticky; top:0; z-index:100; background:#fff; border-bottom:1px solid #eee; }
.app-header .header-row { display:flex; align-items:center; gap:12px; padding:8px 12px; height: var(--header-h); }
.app-header .logo { height: 48px; width:auto; margin:0; }
.menu-btn { border:none; background:transparent; font-size:24px; line-height:1; cursor:pointer; padding:8px; }