.sidebar-panel {
    position: fixed; inset: 0 auto 0 0; width: var(--erp-sidebar); z-index: 1040;
    display: flex; flex-direction: column; color: #dbeafe;
    background: linear-gradient(180deg, #07162b 0%, #0f2443 52%, #102a4f 100%);
    border-right: 1px solid rgba(255,255,255,.08);
    box-shadow: 18px 0 50px rgba(8,20,39,.16);
    transition: transform var(--erp-transition), width var(--erp-transition);
}
.sidebar-header { min-height: 78px; display: flex; align-items: center; gap: .85rem; padding: 1rem 1.1rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.sidebar-logo { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, #56ccf2, #2454d6); font-weight: 800; color: #fff; box-shadow: 0 14px 30px rgba(36,84,214,.35); }
.sidebar-header strong { display: block; color: #fff; line-height: 1.15; }
.sidebar-header small { color: #94a3b8; font-size: .77rem; }
.sidebar-body { flex: 1; padding: 1rem .85rem; overflow-y: auto; }
.sidebar-section-label { color: #8fb2dc; font-size: .72rem; text-transform: uppercase; font-weight: 800; letter-spacing: .08em; padding: .35rem .65rem; }
.sidebar-nav { list-style: none; padding: 0; margin: 0; display: grid; gap: .22rem; }
.sidebar-link {
    width: 100%; border: 0; background: transparent; color: #cbd5e1;
    display: flex; align-items: center; gap: .75rem; padding: .72rem .78rem; border-radius: 12px;
    font-weight: 650; text-align: left; transition: background var(--erp-transition), color var(--erp-transition), transform var(--erp-transition);
}
.sidebar-link i:first-child { width: 20px; text-align: center; color: #8bbcff; }
.sidebar-link:hover, .sidebar-link.active, .has-submenu.open > .sidebar-link {
    color: #fff; background: rgba(255,255,255,.10); transform: translateX(2px);
}
.submenu { display: none; list-style: none; padding: .25rem 0 .4rem 2.35rem; margin: 0; }
.has-submenu.open .submenu { display: grid; gap: .12rem; }
.submenu a { display: block; color: #9fb4ce; padding: .5rem .6rem; border-radius: 9px; font-size: .9rem; }
.submenu a:hover, .submenu a.active { color: #fff; background: rgba(255,255,255,.08); }
.submenu-angle { margin-left: auto; transition: transform var(--erp-transition); }
.has-submenu.open .submenu-angle { transform: rotate(180deg); }
.menu-pill { margin-left: auto; font-size: .68rem; border-radius: 999px; padding: .15rem .45rem; background: rgba(86,204,242,.18); color: #93e8ff; }
.sidebar-footer { padding: .9rem; border-top: 1px solid rgba(255,255,255,.08); }
.ops-card { padding: .85rem; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.07); }
.ops-card small { display: block; color: #94a3b8; }
.ops-card strong { color: #fff; }
.sidebar-collapse-mini { float: right; margin: 0 .35rem .6rem auto; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.06); color: #dbeafe; }
body.sidebar-collapsed .sidebar-panel { width: 86px; }
body.sidebar-collapsed .app-main { margin-left: 86px; }
body.sidebar-collapsed .sidebar-header div:not(.sidebar-logo), body.sidebar-collapsed .sidebar-link span, body.sidebar-collapsed .submenu-angle, body.sidebar-collapsed .sidebar-section-label, body.sidebar-collapsed .sidebar-footer { display: none; }