::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 10px; }

body { 
    background: #f5f7fa; 
    background-image: radial-gradient(at 0% 0%, rgba(195,207,226,0.5) 0, transparent 50%), 
                      radial-gradient(at 50% 0%, rgba(224,195,252,0.5) 0, transparent 50%), 
                      radial-gradient(at 100% 0%, rgba(142,197,252,0.5) 0, transparent 50%);
}
.dark body { background: #0a0a0a; background-image: none; }

.glass { backdrop-filter: blur(25px); background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); }
.dark .glass { background: rgba(20, 20, 20, 0.4); border: 1px solid rgba(255, 255, 255, 0.05); }

.card-item:hover { background: rgba(255,255,255,0.4); }
.dark .card-item:hover { background: rgba(255,255,255,0.1); }

.dragging { opacity: 0.3; }
.drag-over { border: 1px solid #3b82f6 !important; }