/* General Body Styling */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    direction: rtl;
    background-color: #f0f2f5;
    color: #333;
    line-height: 1.6;
    height: 100%;
}

/* Main Container */
.main-container {
    display: flex;
    height: calc(100vh - 59px); /* Adjusting for the top navigation height */
    overflow: hidden;
}

/* Right Pane: Navigation Tree */
.right-pane {
    width: 25%;
}

/* Left Pane: Dashboard Info */
.left-pane {
    width: 75%;
}

/* Media Queries */
@media screen and (max-width: 768px) {
    .main-container {
        flex-direction: column;
    }

    .right-pane, .left-pane {
        width: 100%;
    }
}