/* /Layout/MainLayout.razor.rz.scp.css */
.app-layout[b-bgbf8fsu2b] {
    display: flex;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    max-width: 100vw;
}

.main-content[b-bgbf8fsu2b] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: 260px;
    background: #f8fafc;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    transition: margin-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-content[b-bgbf8fsu2b] {
    padding: 24px 32px;
    flex: 1;
    min-width: 0;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.sidebar-backdrop[b-bgbf8fsu2b] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(2px);
    z-index: 998;
    animation: fadeIn-b-bgbf8fsu2b 0.2s ease-in-out;
}

@keyframes fadeIn-b-bgbf8fsu2b {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 991.98px) {
    .main-content[b-bgbf8fsu2b] {
        margin-left: 0;
        max-width: 100vw;
    }

    .page-content[b-bgbf8fsu2b] {
        padding: 10px 12px;
    }
}

@media (max-width: 576px) {
    .page-content[b-bgbf8fsu2b] {
        padding: 8px 10px;
    }
}