/* /Layout/MainLayout.razor.rz.scp.css */
.app-layout[b-vxqp76xmab] {
    display: flex;
    min-height: 100vh;
}

.sidebar[b-vxqp76xmab] {
    width: 260px;
    min-height: 100vh;
    background: var(--bg-secondary);
    border-right: 1px solid var(--border-glass);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    overflow-y: auto;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-overlay[b-vxqp76xmab] {
    display: none;
}

.main-area[b-vxqp76xmab] {
    flex: 1;
    margin-left: 260px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.topbar[b-vxqp76xmab] {
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-glass);
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(12px);
}

.topbar-spacer[b-vxqp76xmab] {
    flex: 1;
}

.topbar-user[b-vxqp76xmab] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.topbar-username[b-vxqp76xmab] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    font-weight: 500;
}

.menu-toggle[b-vxqp76xmab] {
    display: none;
    background: none;
    border: none;
    color: var(--text-primary);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    transition: var(--transition);
}

.menu-toggle:hover[b-vxqp76xmab] {
    background: var(--bg-glass);
}

.main-content[b-vxqp76xmab] {
    flex: 1;
    padding: 2rem;
    animation: fadeIn 0.3s ease;
}

@media (max-width: 768px) {
    .sidebar[b-vxqp76xmab] {
        transform: translateX(-100%);
    }

    .sidebar.open[b-vxqp76xmab] {
        transform: translateX(0);
    }

    .sidebar-overlay.visible[b-vxqp76xmab] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 99;
    }

    .main-area[b-vxqp76xmab] {
        margin-left: 0;
    }

    .menu-toggle[b-vxqp76xmab] {
        display: flex;
    }

    .main-content[b-vxqp76xmab] {
        padding: 1rem;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-brand[b-ofipnc72hp] {
    padding: 1.5rem 1.25rem;
    font-size: 1.6rem;
    font-weight: 800;
}
.brand-y[b-ofipnc72hp] { color: var(--accent); }
.brand-sync[b-ofipnc72hp] { color: var(--text-primary); }
.nav-menu[b-ofipnc72hp] {
    display: flex; flex-direction: column; padding: 0 0.75rem; gap: 2px;
}
.nav-section[b-ofipnc72hp] {
    font-size: 0.65rem; font-weight: 700; color: var(--text-muted);
    letter-spacing: 0.1em; padding: 1.25rem 0.75rem 0.5rem; text-transform: uppercase;
}
[b-ofipnc72hp] .nav-link {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.625rem 0.75rem; border-radius: var(--radius);
    color: var(--text-secondary); font-size: 0.875rem; font-weight: 500;
    transition: all 0.2s ease; text-decoration: none;
}
[b-ofipnc72hp] .nav-link:hover { color: var(--accent); background: #fff7ed; }
[b-ofipnc72hp] .nav-link.active {
    color: #fff; background: var(--accent);
}
[b-ofipnc72hp] .nav-link svg { flex-shrink: 0; stroke: var(--text-secondary); transition: stroke 0.2s ease; }
[b-ofipnc72hp] .nav-link:hover svg { stroke: var(--accent); }
[b-ofipnc72hp] .nav-link.active svg { stroke: #fff; }