.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(156,163,175,.3);border-radius:2px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.5)}.sidebar-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-item:hover{transform:translateX(2px)}.sidebar-active{background:rgba(147,51,234,.1);backdrop-filter:blur(10px);border:1px solid rgba(147,51,234,.2)}.pulse-notification{animation:pulse-soft 2s infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.project-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.progress-bar{transition:width .5s cubic-bezier(.4,0,.2,1)}.focus-ring{transition:all .2s cubic-bezier(.4,0,.2,1)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(147,51,234,.1);border-color:rgb(147,51,234)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.sidebar-mobile{backdrop-filter:blur(10px);background:rgba(255,255,255,.95)}}.drag-over{background:rgba(147,51,234,.05);border:2px dashed rgba(147,51,234,.3)}.drag-active{transform:rotate(2deg);box-shadow:0 8px 25px rgba(0,0,0,.15)}