.desktop-sidebar{z-index:1000;background:#fff;border-right:1px solid #edf2f7;flex-direction:column;flex-shrink:0;width:16.25rem;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.desktop-sidebar.collapsed{width:5rem}.sidebar-header{border-bottom:1px solid #f7fafc;justify-content:space-between;align-items:center;height:4.5rem;padding:0 1.25rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#006400,green);border-radius:.625rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 .25rem .75rem #00640033}.logo-icon-img{object-fit:contain;background:#fff;border-radius:.5rem;width:2.25rem;height:2.25rem}.logo-text{color:#1a202c;letter-spacing:-.0312rem;font-size:1.1rem;font-weight:800}.logo-text span{color:#006400}.collapse-btn{color:#718096;cursor:pointer;background:#f7fafc;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;transition:all .2s;display:flex}.collapse-btn:hover{color:#2d3748;background:#edf2f7}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1.25rem .75rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:.25rem}.sidebar-nav::-webkit-scrollbar-thumb{background:#edf2f7;border-radius:.625rem}.sidebar-item{color:#718096;border-radius:.75rem;align-items:center;gap:.875rem;padding:.75rem .875rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-item:hover{color:#2d3748;background:#f7fafc}.sidebar-item.active{color:#006400;background:#0064000f}.sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1.1rem;display:flex}.sidebar-label{white-space:nowrap;opacity:1;transition:opacity .2s}.desktop-sidebar.collapsed .sidebar-label{opacity:0;pointer-events:none}.active-indicator{background:#006400;border-radius:0 .25rem .25rem 0;width:.25rem;height:1.25rem;position:absolute;left:0}.sidebar-footer{border-top:1px solid #edf2f7;flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.sidebar-action-btn{color:#718096;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.875rem;width:100%;padding:.75rem .875rem;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.sidebar-action-btn:hover{color:#2d3748;background:#f7fafc}.sidebar-action-btn.logout:hover{color:#e53e3e;background:#fff5f5}:is(body.dark,body.black) .desktop-sidebar{background:#1a1b1e;border-right-color:#2c2e33}:is(body.dark,body.black) .sidebar-header{border-bottom-color:#2c2e33}:is(body.dark,body.black) .logo-text{color:#e6edf3}:is(body.dark,body.black) .logo-text span{color:#0b0}:is(body.dark,body.black) .collapse-btn{color:#909296;background:#25262b}:is(body.dark,body.black) .collapse-btn:hover{color:#c1c2c5;background:#2c2e33}:is(body.dark,body.black) .sidebar-item{color:#909296}:is(body.dark,body.black) .sidebar-item:hover{color:#c1c2c5;background:#25262b}:is(body.dark,body.black) .sidebar-item.active{color:#0b0;background:#00800026}:is(body.dark,body.black) .active-indicator{background:#0b0}:is(body.dark,body.black) .sidebar-footer{border-top-color:#2c2e33}:is(body.dark,body.black) .sidebar-action-btn{color:#909296}:is(body.dark,body.black) .sidebar-action-btn:hover{color:#c1c2c5;background:#25262b}:is(body.dark,body.black) .sidebar-action-btn.logout:hover{color:#ff6b6b;background:#e53e3e1a}@media (max-width:1023px){.desktop-sidebar{display:none}}