Yorum olarak belirttiklerimin dışındaki değerleri, ilgili classın kodlarına ekstra olarak ekle. Belirtmiş olduklarımda da değişiklikleri uygula. Ve sakın !important uygulama, tasarımın responsive olduğu için mobile boyutlarına aldığında bozulmalar meydana gelebilir.

Not 1: Header'ı da sabit bırakmak istersin diye düşündüm, istemiyorsan header ile ilgili kısmı ekleme.
Not 2: Bu kodları eklemeden önce oluşmayan bir problem, bu kodları ekledikten sonra herhangi bir yerde görülebilir, etkilerini detaylı incelemek lazım o kısmını sana bırakıyorum.

body {
    display: flex; /* display: table; yerine flex uygula */
}
#left-panel { 
    flex: none;
    position: sticky;
    top: 0;
}
#header {
    position: sticky;
    top: 0;
    z-index: 99;
}
body.open .right-panel {
    margin-left: 0; /*  margin-left: -210px; yerine 0 uygula ya da bu satırı sil */
}
body.open .left-panel {
    max-width: inherit; /*  max-width: 70px; yerine inherit uygula ya da bu satırı sil, menü animasyonuna engel oluyor. */
}