.main-header {
    padding-top: env(safe-area-inset-top);
    padding-bottom: 10px;
    box-sizing: border-box;
}

.main-sidebar {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: border-box;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
}

.main-footer {
    padding-bottom: env(safe-area-inset-bottom);
    padding-top: 10px;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    width: 100%;
}