body {
}

/*.app-layout {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows: auto 1fr auto;
    height: 100vh;
}

.left-sidebar {
    grid-row: 1 / span 3;
    grid-column: 1;
    background-color: #f8f9fa;
    border-right: 1px solid #dee2e6;
    padding: 1rem;
}

.top-bar {
    grid-row: 1;
    grid-column: 2;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    padding: 1rem;
}

.main-content {
    grid-row: 2;
    grid-column: 2;
    padding: 1rem;
    overflow-y: auto;
}

.footer {
    grid-row: 3;
    grid-column: 2;
    background-color: #f1f1f1;
    border-top: 1px solid #ccc;
    padding: 1rem;
    text-align: center;
}
*/