.navLateral{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:#fff;border-right:1px solid var(--border);z-index:200;display:flex;flex-direction:column}
.navLateral-body{display:flex;flex-direction:column;height:100%}
.navLateral-body-logo{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border-light);gap:10px;min-height:60px}
.navLateral-body-logo span{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;letter-spacing:-.3px}
.navLateral-body > figure{display:flex;align-items:center;padding:14px 20px;gap:10px;border-bottom:1px solid var(--border-light);margin:0}
.navLateral-body-cl{width:34px;min-width:34px;display:flex;align-items:center;justify-content:center}
.navLateral-body-cl img{width:34px;height:34px;border-radius:8px;object-fit:cover}
.navLateral-body-cr{flex:1;overflow:hidden}
.navLateral-body-cr span{font-size:13px;font-weight:500;color:var(--text);line-height:1.3;display:block}
.role-badge{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;margin-top:2px;line-height:1.4}
.navLateral nav{flex:1;overflow-y:auto;padding:10px 10px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.navLateral nav::-webkit-scrollbar{width:4px}
.navLateral nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.menu-principal > li > a{display:flex;align-items:center;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);gap:10px;transition:var(--transition);font-size:13px;font-weight:500}
.menu-principal > li > a:hover{background:var(--bg);color:var(--text)}
.menu-principal > li.active > a{background:var(--primary-light);color:var(--primary);font-weight:600}
.menu-principal > li > a span.fa-chevron-down{margin-left:auto;font-size:10px;transition:transform .2s;color:var(--text-muted)}
.menu-principal > li.open > a span.fa-chevron-down{transform:rotate(180deg)}
.sub-menu-options{display:none;padding:4px 0 4px 44px}
.menu-principal > li.open .sub-menu-options{display:block}
.sub-menu-options li a{display:flex;align-items:center;padding:7px 12px;border-radius:6px;font-size:13px;color:var(--text-secondary);gap:8px;transition:var(--transition)}
.sub-menu-options li a:hover{background:var(--bg);color:var(--text)}
.sub-menu-options li a i{font-size:12px;width:16px;text-align:center}
.divider-menu-h{height:1px;background:var(--border-light);margin:6px 0}
.logout-item > a{color:var(--danger)!important}
.logout-item > a:hover{background:var(--danger-light)!important;color:var(--danger)!important}
.nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.4);z-index:199}

@media(max-width:768px){
.navLateral{transform:translateX(-100%);width:280px}
.navLateral.navLateral-change{transform:translateX(0)}
.nav-overlay.nav-overlay-show{display:block}
.pageContent.navLateral-change,.pageContent.pageContent-compact{margin-left:0}
}