.sidebar.drag-drop-mode{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar.drag-drop-mode .group-block{transition:background-color .2s ease,border .2s ease;border:2px dashed transparent;border-radius:8px;padding:8px;margin-bottom:8px}.sidebar.drag-drop-mode .group-block:hover{background-color:rgba(59,130,246,.05);border-color:rgba(59,130,246,.2)}.sidebar.drag-drop-mode .group-block[draggable=true]:hover{cursor:grab}.sidebar.drag-drop-mode .group-block[draggable=true]:active{cursor:grabbing;background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}.sidebar.drag-drop-mode .navigation li{transition:background-color .2s ease,transform .2s ease;border-radius:4px;padding:2px;margin:2px 0}.sidebar.drag-drop-mode .navigation li:hover{background-color:rgba(59,130,246,.05);transform:translateX(4px)}.sidebar.drag-drop-mode .navigation li[draggable=true]:hover{cursor:grab}.sidebar.drag-drop-mode .navigation li[draggable=true]:active{cursor:grabbing;background-color:rgba(59,130,246,.1);transform:scale(1.02)}.sidebar.drag-drop-mode .group-block.drag-over{background-color:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.sidebar.drag-drop-mode .navigation li.drag-over{background-color:rgba(34,197,94,.1);transform:translateX(8px)}.sidebar.drag-drop-mode .group-block.dragging{opacity:.5;transform:rotate(2deg)}.sidebar.drag-drop-mode .navigation li.dragging{opacity:.5;transform:rotate(1deg) scale(.98)}.sidebar.drag-drop-mode .drop-indicator{height:2px;background-color:#3b82f6;margin:4px 0;border-radius:1px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.sidebar.drag-drop-mode .drag-handle{color:#9ca3af;font-size:.75rem;cursor:grab;padding:0 4px;transition:color .2s ease}.sidebar.drag-drop-mode .drag-handle:hover{color:#6b7280}.sidebar.drag-drop-mode .drag-handle:active{cursor:grabbing;color:#374151}.sidebar .drag-drop-indicator{background:linear-gradient(45deg,#3b82f6,#8b5cf6);color:white;padding:8px;border-radius:6px;text-align:center;font-size:.75rem;font-weight:500;animation:bounce 2s infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.sidebar .loading-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;height:16px;margin:4px 0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}