.navbar {
    background-color: var(--color-surface) !important;
    border-bottom: 1px solid var(--color-border);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
    color: var(--color-text) !important;
}


.sidebar {
    background-color: var(--color-surface);
    border-right: 1px solid var(--color-border);
    min-height: calc(100vh - 56px);
    padding: 1.5rem 0;
}

@media (max-width: 768px) {
    .sidebar {
        min-height: auto;
        border-right: none;
        border-bottom: 1px solid var(--color-border);
    }
}