.glass-morphism{background:hsla(0,0%,100%,.65);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.5);position:relative;overflow:hidden}.glass-morphism:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .5s ease}.glass-morphism:hover:before{left:100%}.dark .glass-morphism{background:rgba(15,15,20,.7);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-nav{background:hsla(0,0%,100%,.7);backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.5);box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.9)}.dark .glass-nav{background:rgba(15,15,20,.85);border-bottom:1px solid hsla(0,0%,100%,.15);box-shadow:0 4px 20px rgba(0,0,0,.4),0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-sidebar{background:hsla(0,0%,100%,.65);backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border-right:1px solid hsla(0,0%,100%,.5);box-shadow:2px 0 20px rgba(0,0,0,.06),inset 1px 0 0 hsla(0,0%,100%,.9)}.dark .glass-sidebar{background:rgba(18,18,25,.75);border-right:1px solid hsla(0,0%,100%,.15);box-shadow:2px 0 20px rgba(0,0,0,.3),inset 1px 0 0 hsla(0,0%,100%,.1)}.glass-card{background:hsla(0,0%,100%,.55);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.5);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);opacity:0;transition:opacity .4s ease}.glass-card:hover:before{opacity:1}.dark .glass-card{background:rgba(25,25,35,.6);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.95)}.dark .glass-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.15)}.glass-input{background:hsla(0,0%,100%,.5);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-radius:12px;border:1px solid hsla(0,0%,100%,.6);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.8)}.dark .glass-input{background:rgba(30,30,40,.5);border:1px solid hsla(0,0%,100%,.15)}.glass-input:focus{background:hsla(0,0%,100%,.65);box-shadow:0 0 0 3px rgba(99,102,241,.2),inset 0 1px 2px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.9);border:1px solid rgba(99,102,241,.6)}.dark .glass-input:focus{background:rgba(30,30,40,.65)}.glass-button{background:hsla(0,0%,100%,.75);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-radius:12px;border:1px solid hsla(0,0%,100%,.7);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.9)}.dark .glass-button{background:rgba(40,40,50,.75);border:1px solid hsla(0,0%,100%,.2)}.glass-button:hover{background:hsla(0,0%,100%,.85);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.95)}.dark .glass-button:hover{background:rgba(50,50,60,.85)}.bg-liquid-glass{background:linear-gradient(180deg,#fafbff,#f5f7ff 25%,#f0f4ff 50%,#f5f7ff 75%,#fafbff);background-attachment:fixed;position:relative;min-height:100vh}.bg-liquid-glass:before{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.06) 0,transparent 50%),radial-gradient(circle at 30% 70%,rgba(59,130,246,.07) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.06) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(147,197,253,.05) 0,transparent 40%)}.bg-liquid-glass:after,.bg-liquid-glass:before{content:"";position:fixed;pointer-events:none;z-index:0}.bg-liquid-glass:after{top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px,rgba(99,102,241,.03) 1px,transparent 0);background-size:60px 60px;opacity:.6}.dark .bg-liquid-glass{background:linear-gradient(180deg,#0f1117,#1a1b23 25%,#151720 50%,#1a1b23 75%,#0f1117);background-attachment:fixed}.dark .bg-liquid-glass:before{background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.12) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(circle at 30% 70%,rgba(59,130,246,.11) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(147,197,253,.08) 0,transparent 40%)}.dark .bg-liquid-glass:after{background-image:radial-gradient(circle at 2px 2px,rgba(99,102,241,.06) 1px,transparent 0);opacity:.4}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.02);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(156,163,175,.5),hsla(220,9%,46%,.5));border-radius:10px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(75,85,99,.6),rgba(55,65,81,.6));background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,hsla(220,9%,46%,.7),rgba(75,85,99,.7));background-clip:padding-box}.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(75,85,99,.8),rgba(55,65,81,.8));background-clip:padding-box}.glass-divider{height:1px;background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.8) 50%,transparent);box-shadow:0 1px 2px rgba(0,0,0,.05)}.dark .glass-divider{background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.25) 50%,transparent)}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(99,102,241,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.glow-effect:hover:after{opacity:1}@keyframes liquid-flow{0%{transform:translateX(-100%) rotate(-5deg)}50%{transform:translateX(100%) rotate(5deg)}to{transform:translateX(-100%) rotate(-5deg)}}.liquid-animation{animation:liquid-flow 10s ease-in-out infinite}