.modern-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.modern-scrollbar::-webkit-scrollbar{width:8px;height:8px}.modern-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modern-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s}.modern-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:#2e7f99 transparent}.thin-scrollbar::-webkit-scrollbar{width:4px;height:4px}.thin-scrollbar::-webkit-scrollbar-track{background:0 0}.thin-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.dark-scrollbar{scrollbar-width:thin;scrollbar-color:#4a5568 #2d3748}.dark-scrollbar::-webkit-scrollbar{width:8px;height:8px}.dark-scrollbar::-webkit-scrollbar-track{background:#2d3748;border-radius:4px}.dark-scrollbar::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px;transition:background .2s}.dark-scrollbar::-webkit-scrollbar-thumb:hover{background:#718096}.gradient-scrollbar{scrollbar-width:thin;scrollbar-color:#3b82f6 #e5e7eb}.gradient-scrollbar::-webkit-scrollbar{width:10px;height:10px}.gradient-scrollbar::-webkit-scrollbar-track{background:#e5e7eb;border-radius:5px}.gradient-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:5px;transition:all .3s}.gradient-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:scale(1.05)}.colorful-scrollbar{scrollbar-width:thin;scrollbar-color:#ec4899 #fdf2f8}.colorful-scrollbar::-webkit-scrollbar{width:12px;height:12px}.colorful-scrollbar::-webkit-scrollbar-track{background:#fdf2f8;border:2px solid #fce7f3;border-radius:6px}.colorful-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ec4899,#f97316);border:2px solid #fdf2f8;border-radius:6px;transition:all .3s}.colorful-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#db2777,#ea580c)}.invisible-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.invisible-scrollbar::-webkit-scrollbar{display:none}.auto-hide-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}.auto-hide-scrollbar:hover{scrollbar-color:#cbd5e1 #f1f5f9}.auto-hide-scrollbar::-webkit-scrollbar{width:8px;height:8px}.auto-hide-scrollbar::-webkit-scrollbar-track{background:0 0;border-radius:4px}.auto-hide-scrollbar::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .3s}.auto-hide-scrollbar:hover::-webkit-scrollbar-thumb{background:#cbd5e1}.auto-hide-scrollbar:hover::-webkit-scrollbar-track{background:#f1f5f9}.bordered-scrollbar{scrollbar-width:thin;scrollbar-color:#6366f1 #f8fafc}.bordered-scrollbar::-webkit-scrollbar{width:14px;height:14px}.bordered-scrollbar::-webkit-scrollbar-track{background:#f8fafc;border:2px solid #e2e8f0;border-radius:7px}.bordered-scrollbar::-webkit-scrollbar-thumb{background:#6366f1;border:3px solid #f8fafc;border-radius:7px;transition:all .3s}.bordered-scrollbar::-webkit-scrollbar-thumb:hover{background:#4f46e5}.glass-scrollbar{scrollbar-width:thin;scrollbar-color:#ffffff4d #ffffff1a}.glass-scrollbar::-webkit-scrollbar{width:10px;height:10px}.glass-scrollbar::-webkit-scrollbar-track{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:5px}.glass-scrollbar::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:5px;transition:all .3s}.glass-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff80}html{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#f1f5f9}body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scroll-container{max-height:400px;overflow:hidden auto}.smooth-scroll{scroll-behavior:smooth}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}@media (max-width:768px){.responsive-scrollbar::-webkit-scrollbar{width:6px;height:6px}.responsive-scrollbar::-webkit-scrollbar-thumb{border-radius:3px}}.animated-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#3b82f6,#1d4ed8);border-radius:4px;transition:all .3s;animation:2s infinite scrollbarPulse}@keyframes scrollbarPulse{0%,to{opacity:.7}50%{opacity:1}}.animated-scrollbar::-webkit-scrollbar-thumb:hover{opacity:1;animation:none}