.desktop-sidebar{z-index:1000;background:#fff;border-right:1px solid #edf2f7;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.desktop-sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #f7fafc;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.sidebar-logo{align-items:center;gap:12px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#006400,green);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px 12px #00640033}.logo-text{color:#1a202c;letter-spacing:-.5px;font-size:1.1rem;font-weight:800}.logo-text span{color:#006400}.collapse-btn{color:#718096;cursor:pointer;background:#f7fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .2s;display:flex}.collapse-btn:hover{color:#2d3748;background:#edf2f7}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:20px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#edf2f7;border-radius:10px}.sidebar-item{color:#718096;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;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:24px;height:24px;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 4px 4px 0;width:4px;height:20px;position:absolute;left:0}.sidebar-footer{border-top:1px solid #edf2f7;flex-direction:column;gap:4px;padding:16px 12px;display:flex}.sidebar-action-btn{color:#718096;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;padding:12px 14px;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}}