.sidebar{position:fixed;top:var(--header);bottom:0;left:0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);z-index:15;display:flex;flex-direction:column;transition:width var(--motion),transform var(--motion);padding:0;gap:0;overflow:hidden}.sidebar [data-route]{display:flex;align-items:center;padding:12px 10px;border:1px solid #edf0f4;border-radius:4px;color:var(--blue);overflow:hidden;white-space:nowrap;transition:gap .24s,padding .24s;font-size:16px;min-height:50px;gap:12px}.sidebar [data-route]:hover{background:#f5f6ff;text-decoration:none}.sidebar [data-route][aria-current=page]{background:#e0e2ff;border-color:#ccd0ff;color:#5364e5}.menu-collapsed .sidebar a span,.menu-collapsed .nav-caption{display:none}.menu-collapsed .sidebar [data-route]{justify-content:center;padding:12px 0;gap:0}@media (max-width:850px){.sidebar{width:220px;transform:translateX(-100%);box-shadow:10px 0 30px #173b7514}}.sidebar [data-route] span{opacity:1;max-width:180px;transition:opacity .16s,max-width .24s}.menu-collapsed .sidebar [data-route] span{display:block;opacity:0;max-width:0;pointer-events:none}.sidebar [data-route].has-pending{padding-right:40px}.menu-collapsed .sidebar [data-route].has-pending{padding-right:0}.menu-collapsed .sidebar .nav-pending-entry>.nav-pending-count{min-width:4px;padding:0;font-size:0}
.nav-caption{font-size:10px;letter-spacing:.09em;color:#6f81a0;padding:8px 7px 4px}
.sidebar-links{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow-y:auto;padding:12px 5px}.nav-section{min-width:0}.sidebar .nav-section-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;font-size:16px;padding:12px 10px;background:#fff;border:1px solid #dbe2e9;border-radius:4px;color:var(--blue);text-align:left;position:relative;overflow:hidden}.sidebar .nav-section-toggle:hover{background:#f5f6ff}.nav-section[data-active=true]>.nav-section-toggle{background:#f0f4f8;border-color:#b9c3d0}.nav-section-chevron{margin-left:auto;display:flex}.nav-section-chevron>.icon{width:16px;height:16px;transition:transform var(--motion)}.nav-section-toggle[aria-expanded=true] .nav-section-chevron>.icon{transform:rotate(90deg)}.nav-section-panel{overflow:hidden}.nav-section-items{display:flex;flex-direction:column;gap:5px;padding:5px 0 0 8px}.nav-section:has(.has-pending)>.nav-section-toggle[aria-expanded=false]::after{content:'';position:absolute;inset:0 0 0 auto;width:4px;background:#db7734}.menu-collapsed .sidebar .nav-section-toggle{justify-content:center;padding-inline:0;gap:0}.menu-collapsed .nav-section-toggle>span{display:none}
