body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}#root,body,html{height:100%;overflow:hidden}.login-main-div{align-items:center;-webkit-animation:gradientShift 15s ease infinite;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%;cursor:default;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:24px;position:relative;width:100%}.login-main-div:before{-webkit-animation:float 20s ease-in-out infinite;animation:float 20s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 70%);height:500px;right:-10%;top:-20%;width:500px}.login-main-div:after,.login-main-div:before{border-radius:50%;content:"";position:absolute}.login-main-div:after{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);bottom:-20%;height:400px;left:-10%;width:400px}.login-sec-2{align-items:center;-webkit-animation:slideUp .6s ease-out;animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);background:var(--card-bg);border:none;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.5);margin-inline:5px;max-height:90vh;overflow-y:auto;padding:40px 32px;position:relative;width:clamp(300px,40%,420px);z-index:10}.login-sec-2,.login-sec-2-grid{display:flex;justify-content:center}.login-sec-2-grid{margin:6px 0;width:100%}.login-logo{align-items:center;background:linear-gradient(135deg,#667eea,#63a4ff);background:linear-gradient(135deg,var(--accent),#63a4ff);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;border-radius:20px;box-shadow:0 10px 30px rgba(102,126,234,.4),0 0 0 4px hsla(0,0%,100%,.5);color:#fff;display:flex;font-size:20px;font-size:24px;font-weight:700;font-weight:800;height:64px;height:72px;justify-content:center;margin-bottom:10px;margin-bottom:16px;overflow:hidden;position:relative;width:64px;width:72px}.login-logo:before{-webkit-animation:shine 3s infinite;animation:shine 3s infinite;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@-webkit-keyframes shine{0%{-webkit-transform:translateX(-100%) translateY(-100%) rotate(45deg);transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{-webkit-transform:translateX(100%) translateY(100%) rotate(45deg);transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes shine{0%{-webkit-transform:translateX(-100%) translateY(-100%) rotate(45deg);transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{-webkit-transform:translateX(100%) translateY(100%) rotate(45deg);transform:translateX(100%) translateY(100%) rotate(45deg)}}.login-subtitle{color:#4a5568;color:var(--muted);font-size:14px;font-weight:500;text-align:center}.login-sec-2-label{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin-top:6px}.login-sec-2-txt{color:#4a5568;color:var(--muted);font-size:14px;font-weight:500}.login-sec-2-warn{color:#667eea;color:var(--accent);cursor:pointer;font-size:14px;font-weight:700;margin-left:6px;position:relative;transition:all .3s ease}.login-sec-2-warn:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.login-sec-2-warn:hover{color:#5568d3;color:var(--accent-hover)}.login-sec-2-warn:hover:after{width:100%}.login-error-message{-webkit-animation:slideDown .4s ease-out,shake .4s ease-out;animation:slideDown .4s ease-out,shake .4s ease-out;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.1));border:2px solid rgba(239,68,68,.3);border-radius:12px;box-shadow:0 4px 12px rgba(239,68,68,.15);color:#dc2626;font-size:14px;font-weight:600;margin:10px 0;padding:14px 18px;text-align:center;width:100%}@media only screen and (max-width:600px){.login-sec-2{padding:18px;width:100%}.login-logo{font-size:18px;height:56px;width:56px}}:root{--card-bg:hsla(0,0%,100%,.98);--muted:#4a5568;--accent:#667eea;--accent-hover:#5568d3}.signup-main-div{align-items:center;-webkit-animation:gradientShift 15s ease infinite;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%;cursor:default;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:24px;position:relative;width:100%}.signup-main-div:before{-webkit-animation:float 20s ease-in-out infinite;animation:float 20s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-10%;top:-20%;width:500px}.signup-main-div:after{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%;bottom:-20%;content:"";height:400px;left:-10%;position:absolute;width:400px}.signup-sec-2{align-items:center;-webkit-animation:slideUp .6s ease-out;animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);background:var(--card-bg);border:none;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.5);display:flex;justify-content:center;margin-inline:5px;max-height:90vh;overflow-y:auto;padding:32px;position:relative;width:clamp(300px,40%,480px);z-index:10}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.signup-sec-2-grid{display:flex;justify-content:center;margin:6px 0;width:100%}.signup-subtitle{color:#4a5568;color:var(--muted);font-size:14px;font-weight:500;text-align:center}.signup-sec-2-label{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin-top:6px}.signup-sec-2-txt{color:#4a5568;color:var(--muted);font-size:14px;font-weight:500}.signup-sec-2-warn{color:#667eea;color:var(--accent);cursor:pointer;font-size:14px;font-weight:700;margin-left:6px;position:relative;transition:all .3s ease}.signup-sec-2-warn:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.signup-sec-2-warn:hover{color:#5568d3;color:var(--accent-hover)}.signup-sec-2-warn:hover:after{width:100%}.signup-error-message{-webkit-animation:slideDown .4s ease-out,shake .4s ease-out;animation:slideDown .4s ease-out,shake .4s ease-out;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.1));border:2px solid rgba(239,68,68,.3);border-radius:12px;box-shadow:0 4px 12px rgba(239,68,68,.15);color:#dc2626;font-size:14px;font-weight:600;margin:10px 0;padding:14px 18px;text-align:center;width:100%}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}20%,40%,60%,80%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}20%,40%,60%,80%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@media only screen and (max-width:600px){.signup-sec-2{padding:18px;width:100%}}.loader-overlay{align-items:center;-webkit-animation:loaderFadeIn .3s ease;animation:loaderFadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.85);display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.loader-container{align-items:center;-webkit-animation:loaderBounce .5s cubic-bezier(.34,1.56,.64,1);animation:loaderBounce .5s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(102,126,234,.3),0 8px 24px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:40px 50px;position:relative}.loader-container:before{-webkit-animation:loaderGlow 3s ease-in-out infinite;animation:loaderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:24px;content:"";inset:-2px;opacity:.15;position:absolute;z-index:-1}.loader-spinner{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:50%;box-shadow:inset 0 4px 12px rgba(102,126,234,.2);display:flex;height:100px;justify-content:center;position:relative;width:100px}.loader-spinner:before{-webkit-animation:loaderPulse 2s ease-in-out infinite;animation:loaderPulse 2s ease-in-out infinite;border-radius:50%;content:"";inset:-5px;opacity:.2;position:absolute}.loader-spinner:before,.loader-text{background:linear-gradient(135deg,#667eea,#764ba2)}.loader-text{-webkit-text-fill-color:transparent;-webkit-animation:loaderTextPulse 1.5s ease-in-out infinite;animation:loaderTextPulse 1.5s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:1px}.loader-dots{align-items:center;display:flex;gap:8px}.loader-dot{-webkit-animation:loaderDotBounce 1.4s ease-in-out infinite;animation:loaderDotBounce 1.4s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px rgba(102,126,234,.4);height:10px;width:10px}.loader-dot:first-child{-webkit-animation-delay:0s;animation-delay:0s}.loader-dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loader-dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes loaderBounce{0%{opacity:0;-webkit-transform:scale(.8) translateY(20px);transform:scale(.8) translateY(20px)}60%{-webkit-transform:scale(1.05) translateY(-5px);transform:scale(1.05) translateY(-5px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes loaderBounce{0%{opacity:0;-webkit-transform:scale(.8) translateY(20px);transform:scale(.8) translateY(20px)}60%{-webkit-transform:scale(1.05) translateY(-5px);transform:scale(1.05) translateY(-5px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes loaderGlow{0%,to{opacity:.15;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.3;-webkit-transform:scale(1.02);transform:scale(1.02)}}@keyframes loaderGlow{0%,to{opacity:.15;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.3;-webkit-transform:scale(1.02);transform:scale(1.02)}}@-webkit-keyframes loaderPulse{0%,to{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.4;-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes loaderPulse{0%,to{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.4;-webkit-transform:scale(1.15);transform:scale(1.15)}}@-webkit-keyframes loaderTextPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes loaderTextPulse{0%,to{opacity:1}50%{opacity:.6}}@-webkit-keyframes loaderDotBounce{0%,80%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}40%{-webkit-transform:translateY(-12px) scale(1.1);transform:translateY(-12px) scale(1.1)}}@keyframes loaderDotBounce{0%,80%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}40%{-webkit-transform:translateY(-12px) scale(1.1);transform:translateY(-12px) scale(1.1)}}@media (max-width:600px){.loader-container{gap:16px;padding:32px 40px}.loader-spinner{height:80px;width:80px}.loader-text{font-size:16px}.loader-dot{height:8px;width:8px}}.alert{-webkit-animation:alertSlideIn .4s cubic-bezier(.34,1.56,.64,1);animation:alertSlideIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.1);left:50%;max-width:500px;min-width:320px;overflow:hidden;padding:16px 20px;position:fixed;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10000}.alert-content{align-items:center;display:flex;gap:12px;position:relative;z-index:1}.alert-icon{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:24px!important}.alert-message{flex:1 1;font-size:15px;font-weight:600;letter-spacing:.3px;line-height:1.4}.alert-progress{-webkit-animation:alertProgress 3s linear forwards;animation:alertProgress 3s linear forwards;background:hsla(0,0%,100%,.8);border-radius:0 0 14px 14px;bottom:0;height:4px;left:0;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%}.alert-success{background:linear-gradient(135deg,#10b981,#059669)}.alert-error,.alert-success{border:1px solid hsla(0,0%,100%,.2);color:#fff}.alert-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.alert-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid hsla(0,0%,100%,.2);color:#fff}@-webkit-keyframes alertSlideIn{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-20px) scale(.95);transform:translateX(-50%) translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1)}}@keyframes alertSlideIn{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-20px) scale(.95);transform:translateX(-50%) translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1)}}@-webkit-keyframes alertProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes alertProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.alert:hover{box-shadow:0 12px 40px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateX(-50%) translateY(-2px);transform:translateX(-50%) translateY(-2px)}.alert:hover .alert-progress{-webkit-animation-play-state:paused;animation-play-state:paused}@media (max-width:600px){.alert{max-width:90vw;min-width:90vw;padding:14px 16px;top:10px}.alert-message{font-size:14px}.alert-icon{font-size:22px!important}}.folder-menu{-webkit-animation:menuFadeIn .25s cubic-bezier(.34,1.56,.64,1) forwards;animation:menuFadeIn .25s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid rgba(102,126,234,.15);border-radius:14px;box-shadow:0 10px 40px rgba(102,126,234,.25),0 4px 12px rgba(0,0,0,.1);min-width:200px;opacity:0;padding:8px;position:absolute;z-index:1000}@-webkit-keyframes menuFadeIn{0%{opacity:0;-webkit-transform:scale(.92) translateY(-10px);transform:scale(.92) translateY(-10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes menuFadeIn{0%{opacity:0;-webkit-transform:scale(.92) translateY(-10px);transform:scale(.92) translateY(-10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.folder-menu-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:11px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.folder-menu-item:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform .25s cubic-bezier(.34,1.56,.64,1);transition:transform .25s cubic-bezier(.34,1.56,.64,1);transition:transform .25s cubic-bezier(.34,1.56,.64,1),-webkit-transform .25s cubic-bezier(.34,1.56,.64,1);width:4px}.folder-menu-item:after{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:10px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.folder-menu-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(118,75,162,.06));padding-left:18px;-webkit-transform:translateX(6px);transform:translateX(6px)}.folder-menu-item:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.folder-menu-item:hover:after{opacity:1}.folder-menu-item:active{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.12));-webkit-transform:translateX(6px) scale(.97);transform:translateX(6px) scale(.97)}.folder-menu-icon{color:#667eea;-webkit-filter:drop-shadow(0 2px 4px rgba(102,126,234,.2));filter:drop-shadow(0 2px 4px rgba(102,126,234,.2));font-size:18px!important;transition:all .2s ease;z-index:1}.folder-menu-item:hover .folder-menu-icon{-webkit-filter:drop-shadow(0 3px 8px rgba(102,126,234,.4));filter:drop-shadow(0 3px 8px rgba(102,126,234,.4));-webkit-transform:scale(1.15) rotate(5deg);transform:scale(1.15) rotate(5deg)}.folder-menu-icon-danger{color:#ef4444;-webkit-filter:drop-shadow(0 2px 4px rgba(239,68,68,.2));filter:drop-shadow(0 2px 4px rgba(239,68,68,.2))}.folder-menu-item:hover .folder-menu-icon-danger{-webkit-filter:drop-shadow(0 3px 8px rgba(239,68,68,.4));filter:drop-shadow(0 3px 8px rgba(239,68,68,.4))}.folder-menu-text{color:#2d3748;font-size:14px;font-weight:500;letter-spacing:.3px;transition:all .2s ease;z-index:1}.folder-menu-item:hover .folder-menu-text{color:#667eea;font-weight:600;letter-spacing:.4px}.folder-menu-item-danger:hover .folder-menu-text{color:#ef4444}.folder-menu-item-danger:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.folder-menu-item-danger:hover{background:linear-gradient(135deg,rgba(239,68,68,.06),rgba(220,38,38,.06))}.folder-menu-item-danger:after{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.1))}.folder-menu-divider{background:linear-gradient(90deg,transparent,rgba(102,126,234,.15),transparent);height:1px;margin:6px 8px}.folder-menu-item{-webkit-animation:menuItemSlide .3s cubic-bezier(.34,1.56,.64,1) backwards;animation:menuItemSlide .3s cubic-bezier(.34,1.56,.64,1) backwards}.folder-menu-item:nth-child(2){-webkit-animation-delay:.03s;animation-delay:.03s}.folder-menu-item:nth-child(4){-webkit-animation-delay:.06s;animation-delay:.06s}.folder-menu-item:nth-child(6){-webkit-animation-delay:.09s;animation-delay:.09s}.folder-menu-item:nth-child(8){-webkit-animation-delay:.12s;animation-delay:.12s}.folder-menu-item:nth-child(10){-webkit-animation-delay:.15s;animation-delay:.15s}.folder-menu-item:nth-child(12){-webkit-animation-delay:.18s;animation-delay:.18s}.folder-menu-item:nth-child(14){-webkit-animation-delay:.21s;animation-delay:.21s}@-webkit-keyframes menuItemSlide{0%{opacity:0;-webkit-transform:translateX(-12px);transform:translateX(-12px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menuItemSlide{0%{opacity:0;-webkit-transform:translateX(-12px);transform:translateX(-12px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes ripple{0%{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes ripple{0%{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.footer-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-top:1px solid rgba(102,126,234,.2);box-shadow:0 -2px 8px rgba(0,0,0,.05);cursor:default;gap:12px;height:100%;justify-content:flex-start;padding:0 20px;-webkit-user-select:none;user-select:none;width:100%}.footer-item,.footer-main{align-items:center;display:flex}.footer-item{background:hsla(0,0%,100%,.8);border:1px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;gap:8px;overflow:hidden;padding:6px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-item:before{background:rgba(102,126,234,.1);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.footer-item:hover{background:#fff;border-color:rgba(102,126,234,.4);box-shadow:0 4px 12px rgba(102,126,234,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.footer-item:hover:before{height:200%;width:200%}.footer-item:active{-webkit-transform:translateY(-1px) scale(.98);transform:translateY(-1px) scale(.98)}.footer-icon{color:#667eea;font-size:18px!important;position:relative;transition:all .3s ease;z-index:1}.footer-item:hover .footer-icon{-webkit-filter:drop-shadow(0 2px 4px rgba(102,126,234,.3));filter:drop-shadow(0 2px 4px rgba(102,126,234,.3));-webkit-transform:scale(1.1);transform:scale(1.1)}.footer-text{color:#475569;font-size:13px;font-weight:500;letter-spacing:.3px;position:relative;transition:color .3s ease;z-index:1}.footer-item:hover .footer-text{color:#334155;font-weight:600}.footer-count{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700;margin-right:2px}.footer-divider{background:linear-gradient(180deg,transparent,rgba(102,126,234,.3),transparent);flex-shrink:0;height:24px;width:1px}@media only screen and (max-width:768px){.footer-main{gap:16px;padding:0 16px}.footer-item{gap:8px;padding:6px 12px}.footer-icon{font-size:16px!important}.footer-text{font-size:12px}.footer-count{font-size:13px}.footer-divider{height:20px}}@media only screen and (max-width:480px){.footer-main{gap:12px;padding:0 12px}.footer-item{border-radius:10px;gap:6px;padding:6px 10px}.footer-icon{font-size:14px!important}.footer-text{font-size:11px}.footer-count{font-size:12px}.footer-divider{height:18px}}.folder-main{align-items:center;aspect-ratio:1;background:#fff;border:2px solid rgba(102,126,234,.08);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:8px;outline:none;overflow:hidden;padding:14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 16px)}.folder-main:before{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:14px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.folder-main>*{position:relative;z-index:1}.folder-logo-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:10px;transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);width:100%}.folder-logo-image{-webkit-filter:drop-shadow(0 2px 8px rgba(102,126,234,.15));filter:drop-shadow(0 2px 8px rgba(102,126,234,.15));height:auto;max-width:64px;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);width:60%}.folder-name{color:#2d3748;font-size:13px;font-weight:600;letter-spacing:.2px;line-height:1.4;margin-top:auto;overflow:hidden;padding:0 6px;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:100%}.folder-main:hover{background:linear-gradient(135deg,rgba(102,126,234,.03),rgba(118,75,162,.03));border-color:rgba(102,126,234,.25);box-shadow:0 8px 20px rgba(102,126,234,.15),0 2px 8px rgba(0,0,0,.05);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.folder-main:hover:before{opacity:1}.folder-main:hover .folder-logo-wrapper{-webkit-transform:scale(1.08);transform:scale(1.08)}.folder-main:hover .folder-logo-image{-webkit-filter:drop-shadow(0 4px 16px rgba(102,126,234,.35));filter:drop-shadow(0 4px 16px rgba(102,126,234,.35))}.folder-main:hover .folder-name{color:#667eea;font-weight:700}.folder-main-selected{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.12));border-color:#667eea;box-shadow:0 4px 16px rgba(102,126,234,.25),0 0 0 3px rgba(102,126,234,.15);-webkit-transform:scale(1.02);transform:scale(1.02)}.folder-main-selected:before{opacity:1}.folder-main-selected .folder-name{color:#667eea;font-weight:700}.folder-main-selected .folder-logo-image{-webkit-filter:drop-shadow(0 4px 12px rgba(102,126,234,.4));filter:drop-shadow(0 4px 12px rgba(102,126,234,.4))}.folder-main:active{box-shadow:0 4px 12px rgba(102,126,234,.2);-webkit-transform:translateY(-2px) scale(.98);transform:translateY(-2px) scale(.98)}.folder-main:focus-visible{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.folder-cut{-webkit-animation:cutPulse 2s cubic-bezier(.4,0,.2,1) infinite;animation:cutPulse 2s cubic-bezier(.4,0,.2,1) infinite;background:repeating-linear-gradient(45deg,rgba(239,68,68,.02),rgba(239,68,68,.02) 10px,rgba(239,68,68,.04) 0,rgba(239,68,68,.04) 20px);border:2px dashed rgba(239,68,68,.4)!important;opacity:.6;position:relative}.folder-cut:after{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(220,38,38,.08));border-radius:14px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.folder-cut .folder-logo-wrapper{-webkit-filter:grayscale(.5) brightness(.95);filter:grayscale(.5) brightness(.95);-webkit-transform:scale(.95);transform:scale(.95)}.folder-cut .folder-logo-image{-webkit-filter:drop-shadow(0 2px 8px rgba(239,68,68,.2));filter:drop-shadow(0 2px 8px rgba(239,68,68,.2))}.folder-cut .folder-name{color:#9ca3af;font-style:italic}.folder-cut-badge{align-items:center;-webkit-animation:cutBadgeSlide .4s cubic-bezier(.4,0,.2,1);animation:cutBadgeSlide .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 2px 8px rgba(239,68,68,.3),0 4px 16px rgba(239,68,68,.2);display:flex;gap:4px;padding:4px 10px;position:absolute;right:8px;top:8px;z-index:10}.folder-cut-icon{-webkit-animation:cutIconRotate 1.5s ease-in-out infinite;animation:cutIconRotate 1.5s ease-in-out infinite;color:#fff;display:inline-block;font-size:13px;line-height:1}.folder-cut-text{color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1;text-transform:uppercase}@-webkit-keyframes cutPulse{0%,to{border-color:rgba(239,68,68,.4);opacity:.6}50%{border-color:rgba(239,68,68,.6);opacity:.5}}@keyframes cutPulse{0%,to{border-color:rgba(239,68,68,.4);opacity:.6}50%{border-color:rgba(239,68,68,.6);opacity:.5}}@-webkit-keyframes cutBadgeSlide{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes cutBadgeSlide{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cutIconRotate{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes cutIconRotate{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.folder-cut:hover{border-color:rgba(239,68,68,.6)!important;box-shadow:0 6px 16px rgba(239,68,68,.25),0 2px 8px rgba(0,0,0,.05);opacity:.7;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.folder-cut:hover .folder-cut-badge{box-shadow:0 4px 12px rgba(239,68,68,.4),0 6px 20px rgba(239,68,68,.3)}.folder-copy{background:repeating-linear-gradient(45deg,rgba(102,126,234,.02),rgba(102,126,234,.02) 10px,rgba(118,75,162,.03) 0,rgba(118,75,162,.03) 20px);border:2px dashed rgba(102,126,234,.45)!important;opacity:.9;position:relative}.folder-copy:after{background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(118,75,162,.06));border-radius:14px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.folder-copy .folder-logo-wrapper{-webkit-filter:saturate(.9) brightness(.98);filter:saturate(.9) brightness(.98);-webkit-transform:scale(.98);transform:scale(.98)}.folder-copy .folder-logo-image{-webkit-filter:drop-shadow(0 2px 8px rgba(102,126,234,.18));filter:drop-shadow(0 2px 8px rgba(102,126,234,.18))}.folder-copy .folder-name{color:#475569}.folder-copy-badge{align-items:center;-webkit-animation:copyBadgePop .35s cubic-bezier(.4,0,.2,1);animation:copyBadgePop .35s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:20px;box-shadow:0 2px 8px rgba(59,130,246,.25),0 4px 12px rgba(59,130,246,.18);display:flex;gap:6px;padding:4px 10px;position:absolute;right:8px;top:8px;z-index:10}.folder-copy-icon{color:#fff;font-size:12px}.folder-copy-text{color:#fff;font-size:10px;font-weight:700;text-transform:uppercase}@-webkit-keyframes copyBadgePop{0%{opacity:0;-webkit-transform:translateY(8px) scale(.9);transform:translateY(8px) scale(.9)}60%{opacity:1;-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes copyBadgePop{0%{opacity:0;-webkit-transform:translateY(8px) scale(.9);transform:translateY(8px) scale(.9)}60%{opacity:1;-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.folder-access-badge{align-items:center;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.08);display:flex;height:20px;justify-content:center;left:10px;padding:2px 6px;position:absolute;top:10px;width:28px;z-index:12}.folder-access-public{background:linear-gradient(90deg,#10b981,#059669)}.folder-access-shared{background:linear-gradient(90deg,#667eea,#764ba2)}.folder-access-private{background:linear-gradient(90deg,#94a3b8,#64748b)}.folder-access-badge svg{color:#fff;font-size:14px!important}@media only screen and (max-width:768px){.folder-main{border-radius:14px;padding:12px}.folder-logo-image{max-width:56px}.folder-name{font-size:12px}}@media only screen and (max-width:480px){.folder-main{border-radius:12px;padding:10px}.folder-logo-image{max-width:48px}.folder-name{font-size:11px}}.rightbar-container{background:linear-gradient(180deg,#fafbff,#f5f7ff);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.rightbar-main{grid-gap:24px;align-content:flex-start;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));height:100%;overflow-x:hidden;overflow-y:auto;padding:32px;width:100%}.rightbar-main:has(.null-main){align-items:center;display:flex;justify-content:center;padding:0}.rightbar-main:empty:before{color:#a0aec0;content:"No items to display";font-size:16px;font-weight:500;grid-column:1/-1;padding:60px 20px;text-align:center}.rightbar-main::-webkit-scrollbar{width:8px}.rightbar-main::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px;margin:8px 0}.rightbar-main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.rightbar-main::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea);box-shadow:0 0 8px rgba(102,126,234,.4)}@media only screen and (max-width:1200px){.rightbar-main{gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:28px}}@media only screen and (max-width:768px){.rightbar-main{gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:20px}}@media only screen and (max-width:480px){.rightbar-main{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:16px}}.null-main{height:80%;justify-content:center;padding:40px 20px;width:100%}.null-container,.null-main{align-items:center;display:flex}.null-container{background:linear-gradient(135deg,rgba(102,126,234,.02),rgba(118,75,162,.02));border:2px dashed rgba(102,126,234,.2);border-radius:24px;flex-direction:column;gap:24px;max-width:420px;padding:48px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.null-container:hover{background:linear-gradient(135deg,rgba(102,126,234,.04),rgba(118,75,162,.04));border-color:rgba(102,126,234,.4);box-shadow:0 8px 24px rgba(102,126,234,.12);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.null-icon-wrapper{align-items:center;-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;box-shadow:0 8px 32px rgba(102,126,234,.3);display:flex;height:120px;justify-content:center;position:relative;width:120px}.null-icon-wrapper,.null-icon-wrapper:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.null-icon-wrapper:before{content:"";inset:-8px;opacity:.15;position:absolute;z-index:-1}.null-icon{color:#fff;-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:64px!important}.null-content{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.null-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:.3px}.null-text{color:#64748b;font-size:15px;font-weight:500;letter-spacing:.2px;line-height:1.6;max-width:340px}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@media (max-width:768px){.null-container{gap:20px;max-width:90%;padding:36px 28px}.null-icon-wrapper{height:100px;width:100px}.null-icon{font-size:52px!important}.null-title{font-size:20px}.null-text{font-size:14px}}.home-main{-webkit-animation:gradientShift 15s ease infinite;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.home-main:before{background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);height:500px;right:-10%;top:-50%;width:500px}.home-main:after,.home-main:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.home-main:after{background:radial-gradient(circle,hsla(0,0%,100%,.08) 0,transparent 70%);bottom:-30%;height:400px;left:-5%;width:400px}.home-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 20px rgba(0,0,0,.1);flex-shrink:0;height:64px;z-index:100}.home-content{gap:20px;padding:20px;position:relative;z-index:1}.home-content,.home-workspace{display:flex;flex:1 1;overflow:hidden}.home-workspace{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.5);flex-direction:column;-webkit-transform:translateY(0);transform:translateY(0);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.home-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-top:1px solid hsla(0,0%,100%,.3);box-shadow:0 -2px 10px rgba(0,0,0,.05);color:#4a5568;display:flex;flex-shrink:0;font-size:13px;height:45px;padding:0 24px;z-index:100}@media only screen and (max-width:768px){.home-header{height:56px}.home-content{padding:8px}.home-footer{font-size:11px;height:36px}}.home-head{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 2px 8px rgba(0,0,0,.06);height:64px}.home-middle{display:flex;flex:1 1;overflow:hidden;padding:16px;width:100%}.home-last{background-color:#f8f9fa;border-top:1px solid #e9ecef;height:40px}.home-left{background-color:#fff;border-right:1px solid #e9ecef;flex-shrink:0;width:240px}.home-right{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);flex:1 1;overflow:hidden}.nav-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)}.nav-container,.nav-main{display:flex;height:100%;width:100%}.nav-container{align-items:center;gap:20px;justify-content:space-between;padding:0 20px}.nav-left{flex-shrink:0;gap:16px}.nav-left,.nav-menu{align-items:center;display:flex}.nav-menu{font-size:24px}.nav-brand,.nav-logo{align-items:center;display:flex}.nav-logo{border-radius:12px;cursor:pointer;gap:12px;padding:8px 12px;transition:background-color .2s ease}.nav-logo:hover{background-color:rgba(102,126,234,.1)}.nav-logo-icon{align-items:center;border-radius:10px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.nav-logo-icon,.nav-logo-text{background:linear-gradient(135deg,#667eea,#764ba2)}.nav-logo-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:600;white-space:nowrap}.nav-center{display:flex;flex:1 1;justify-content:center;max-width:800px}.nav-search-bar{align-items:center;background:hsla(0,0%,100%,.8);border:1px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;gap:8px;padding:6px 12px;transition:all .3s ease;width:100%}.nav-search-bar:focus-within{background:#fff;border-color:rgba(102,126,234,.4);box-shadow:0 4px 12px rgba(102,126,234,.15)}.nav-icon-btn{align-items:center;background:rgba(102,126,234,.08);border:none;border-radius:10px;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.nav-icon-btn:before{background:rgba(102,126,234,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.nav-icon-btn:hover:not(:disabled){background:rgba(102,126,234,.15);-webkit-transform:scale(1.05);transform:scale(1.05)}.nav-icon-btn:hover:not(:disabled):before{height:100%;width:100%}.nav-icon-btn:active:not(:disabled){-webkit-transform:scale(.95);transform:scale(.95)}.nav-icon-btn:disabled{background:rgba(203,213,224,.1);color:#cbd5e0;cursor:not-allowed;opacity:.5}.nav-icon-btn svg{font-size:22px;position:relative;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:1}.nav-back-btn:hover:not(:disabled) svg{-webkit-transform:translateX(-2px);transform:translateX(-2px)}.nav-reload-btn:hover:not(:disabled) svg{-webkit-animation:spin .6s ease-in-out;animation:spin .6s ease-in-out}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav-path-container{align-items:center;display:flex;flex:1 1;min-width:0}.nav-path-input .MuiOutlinedInput-root{background:#fff;border-radius:8px}.nav-path-input .MuiOutlinedInput-notchedOutline{border-color:rgba(102,126,234,.2)}.nav-path-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(102,126,234,.4)}.nav-path-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea}@media only screen and (max-width:900px){.nav-logo-text{display:none}.nav-container{gap:12px;padding:0 12px}.nav-left{gap:8px}.nav-logo{padding:6px}.nav-logo-icon{font-size:14px;height:36px;width:36px}}@media only screen and (max-width:600px){.nav-brand{display:none}.nav-container{gap:8px;padding:0 8px}.nav-search-bar{padding:4px 8px}.nav-icon-btn{height:32px;width:32px}.nav-icon-btn svg{font-size:20px}}.nav-icons{align-items:center;display:flex;height:100%;justify-content:flex-end;width:100%}.nav-icon-left,.nav-icon-reload{height:50%;margin-inline:5px;width:100%}.profile-main{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-block:10px;width:90%}.profile-pic{border-radius:100px;width:55%}.profile-pic img{border-radius:100px;width:100%}.profile-name{font-size:20px;font-style:italic;font-weight:400;text-align:center}@media only screen and (max-width:1200px){.nav-logo{font-size:25px}}@media only screen and (max-width:1000px){.nav-logo,.nav-pro-logo{display:none}.nav-part-sub1{width:80%}.nav-part-sub2{width:20%}.nav-part{width:90%}.nav-menu{width:10%}}.sidebar-paper{background:#fff;border-right:none;box-shadow:4px 0 24px rgba(102,126,234,.15);overflow:hidden;width:320px}.sidebar-drawer{background:#fff;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.sidebar-drawer::-webkit-scrollbar{width:8px}.sidebar-drawer::-webkit-scrollbar-track{background:rgba(102,126,234,.05)}.sidebar-drawer::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.sidebar-drawer::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}.sidebar-drawer:before{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:0 0 30px 30px;content:"";height:180px;left:0;position:absolute;right:0;top:0;z-index:0}.sidebar-profile{align-items:center;display:flex;flex-direction:column;margin-bottom:8px;padding:20px 24px 16px;position:relative;z-index:1}.sidebar-profile-pic{background:#fff;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 6px 16px rgba(0,0,0,.2);cursor:pointer;height:70px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}.sidebar-profile-pic:before{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(240,147,251,.2));border-radius:50%;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:1}.sidebar-profile-pic:hover{border-color:hsla(0,0%,100%,.6);box-shadow:0 12px 32px rgba(0,0,0,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.sidebar-profile-pic:hover:before{opacity:1}.sidebar-profile-pic img{display:block;height:100%;object-fit:cover;width:100%}.sidebar-profile-name{color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:12px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease}.sidebar-profile-name:hover{text-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:scale(1.02);transform:scale(1.02)}.sidebar-profile-email{color:hsla(0,0%,100%,.9);font-size:11px;font-weight:400;margin-top:3px;text-align:center}.sidebar-divider{background-color:rgba(102,126,234,.15);height:1px;margin:0 0 12px;position:relative;z-index:1}.sidebar-divider-light{background-color:rgba(102,126,234,.08);height:1px;margin:12px 16px}.sidebar-list{background:#fff;flex:1 1;overflow-x:hidden;overflow-y:visible;padding:12px 16px!important;position:relative;z-index:1}.sidebar-list::-webkit-scrollbar{width:6px}.sidebar-list::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.sidebar-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.sidebar-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}.sidebar-item{background:transparent!important;border-radius:12px!important;margin:6px 0!important;overflow:hidden;padding:14px 16px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-item:before{background:rgba(102,126,234,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.sidebar-item:active:before{height:300px;width:300px}.sidebar-item:hover{background-color:rgba(102,126,234,.08)!important;-webkit-transform:translateX(4px);transform:translateX(4px)}.sidebar-item-active{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15))!important;border-left:3px solid #667eea}.sidebar-item-active:hover{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2))!important}.sidebar-item-logout:hover{background-color:rgba(244,67,54,.08)!important}.sidebar-item-logout:hover .MuiListItemText-primary,.sidebar-item-logout:hover .sidebar-icon{color:#f44336}.sidebar-icon{color:#667eea;min-width:40px!important}.sidebar-item-active .sidebar-icon{color:#764ba2}.sidebar-item .MuiListItemText-primary{color:#333;font-size:15px!important;font-weight:500!important}.sidebar-item-active .MuiListItemText-primary{color:#667eea;font-weight:600!important}.sidebar-storage{align-items:flex-start;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(240,147,251,.08));border:1px solid rgba(102,126,234,.15);border-radius:16px;display:flex;gap:12px;margin:12px 16px 20px;padding:20px 24px;position:relative;z-index:1}.sidebar-storage-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.sidebar-storage-icon svg{font-size:24px}.sidebar-storage-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.sidebar-storage-label{color:#667eea;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sidebar-storage-value{color:#555;font-size:13px;font-weight:400;line-height:1.4}.sidebar-storage-value strong{color:#333;font-weight:600}.sidebar-storage-bar{background:rgba(102,126,234,.15);border-radius:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);height:8px;margin-top:8px;overflow:hidden;width:100%}.sidebar-storage-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:10px;height:100%;min-width:2%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.sidebar-storage-bar-fill[style*="width: 10"],.sidebar-storage-bar-fill[style*="width: 8"],.sidebar-storage-bar-fill[style*="width: 9"]{background:linear-gradient(90deg,#f44336,#e91e63)!important}.sidebar-storage-percentage{color:#667eea;font-size:12px;font-weight:600;margin-top:6px;text-align:right}.sidebar-storage-bar-fill:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@-webkit-keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.sidebar-menu-btn{border-radius:12px!important;color:#667eea!important;min-width:48px!important;padding:8px!important;transition:all .3s ease!important}.sidebar-menu-btn:hover{background-color:rgba(102,126,234,.1)!important;-webkit-transform:scale(1.05);transform:scale(1.05)}.sidebar-menu-btn svg{color:#667eea;font-size:28px}@media only screen and (max-width:768px){.sidebar-paper{width:280px}.sidebar-profile-pic{height:80px;width:80px}.sidebar-profile-name{font-size:18px}.sidebar-profile-email{font-size:12px}.sidebar-item{padding:10px 12px!important}.sidebar-item .MuiListItemText-primary{font-size:14px!important}.sidebar-storage{padding:16px 20px}}.sidebar-drawer{-webkit-animation:slideIn .3s cubic-bezier(.4,0,.2,1);animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.link-main{display:flex;min-height:40px;padding:0;width:100%}.link-chip,.link-main{align-items:center;gap:6px}.link-chip{border:none;border-radius:20px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;overflow:hidden;padding:6px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.link-chip:before{background:rgba(102,126,234,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.link-chip:hover:before{height:200%;width:200%}.link-chip-icon{font-size:18px!important;position:relative;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:1}.link-chip-text{max-width:140px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.link-home-chip{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px rgba(102,126,234,.25);color:#fff;padding-right:10px}.link-home-chip:before{background:hsla(0,0%,100%,.2)}.link-home-chip:hover{box-shadow:0 4px 16px rgba(102,126,234,.4)}.link-home-chip:active{-webkit-transform:scale(.98);transform:scale(.98)}.link-edit-icon{font-size:14px!important;opacity:0;transition:opacity .2s ease}.link-home-chip:hover .link-edit-icon{opacity:.8}.link-home-chip:hover .link-chip-icon{-webkit-transform:rotate(15deg) scale(1.1);transform:rotate(15deg) scale(1.1)}.link-folder-chip{background:rgba(102,126,234,.08);border:1.5px solid rgba(102,126,234,.15);color:#4a5568}.link-folder-chip:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.3);box-shadow:0 2px 8px rgba(102,126,234,.2);color:#667eea}.link-folder-chip:hover .link-chip-icon{color:#667eea;-webkit-transform:scale(1.15);transform:scale(1.15)}.link-folder-chip:active{-webkit-transform:scale(.97);transform:scale(.97)}.link-chip-active{background:rgba(102,126,234,.18);border-color:rgba(102,126,234,.4);box-shadow:0 0 0 3px rgba(102,126,234,.1);color:#667eea;font-weight:600}.link-chip-active .link-chip-icon{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;color:#667eea}.link-breadcrumb{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:none}.link-breadcrumb::-webkit-scrollbar{display:none}.link-breadcrumb-item{align-items:center;-webkit-animation:slideIn .4s ease-out;animation:slideIn .4s ease-out;display:flex;flex-shrink:0}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.link-separator{align-items:center;color:#cbd5e0;display:flex;flex-shrink:0;margin:0 2px;transition:color .2s ease}.link-separator svg{font-size:20px}.link-breadcrumb-item:hover .link-separator{color:#a0aec0}@media only screen and (max-width:768px){.link-chip{font-size:12px;gap:5px;padding:5px 10px}.link-chip-icon{font-size:16px!important}.link-chip-text{max-width:100px}.link-home-chip .link-chip-text{display:none}.link-home-chip{padding:6px}.link-edit-icon{display:none}}@media only screen and (max-width:480px){.link-chip{font-size:11px;padding:4px 8px}.link-chip-icon{font-size:14px!important}.link-chip-text{max-width:70px}.link-separator svg{font-size:18px}}.dialogbox-wrapper{width:100%}.dialogbox-backdrop{background-color:rgba(102,126,234,.15)!important}.dialogbox-paper{background:transparent!important;border-radius:20px!important;box-shadow:0 24px 48px rgba(102,126,234,.2)!important;margin:20px;max-height:90vh;max-width:90vw;overflow:hidden!important}.dialogbox-container{-webkit-animation:dialogSlideIn .3s cubic-bezier(.4,0,.2,1);animation:dialogSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;display:flex;flex-direction:column;position:relative}.dialogbox-header{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(240,147,251,.08));border-bottom:1px solid rgba(102,126,234,.1);display:flex;justify-content:space-between;padding:24px 24px 16px;position:relative}.dialogbox-title{color:#667eea;flex:1 1;font-size:20px;font-weight:600;margin:0}.dialogbox-close-btn{color:#667eea!important;margin-left:16px;padding:8px!important;transition:all .3s ease!important}.dialogbox-close-btn:hover{background-color:rgba(102,126,234,.1)!important;-webkit-transform:rotate(90deg) scale(1.1);transform:rotate(90deg) scale(1.1)}.dialogbox-close-btn svg{font-size:24px}.dialogbox-content{display:flex;flex-direction:column;position:relative;width:100%}@-webkit-keyframes dialogSlideIn{0%{opacity:0;-webkit-transform:scale(.95) translateY(-20px);transform:scale(.95) translateY(-20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes dialogSlideIn{0%{opacity:0;-webkit-transform:scale(.95) translateY(-20px);transform:scale(.95) translateY(-20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@media only screen and (max-width:600px){.dialogbox-paper{margin:16px;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}.dialogbox-header{padding:20px 20px 12px}.dialogbox-title{font-size:18px}.dialogbox-close-btn{padding:6px!important}.dialogbox-close-btn svg{font-size:22px}}.dialogbox-close-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.editfolder-container{background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:24px;max-height:85vh;overflow-y:auto;padding:28px;position:relative;width:480px}.editfolder-alert{-webkit-animation:slideDown .3s cubic-bezier(.4,0,.2,1);animation:slideDown .3s cubic-bezier(.4,0,.2,1);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:13px;font-weight:500;left:50%;max-width:90%;padding:10px 20px;position:absolute;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.editfolder-alert-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.editfolder-alert-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.editfolder-alert-content{align-items:center;display:flex;gap:8px}.editfolder-container::-webkit-scrollbar{width:6px}.editfolder-container::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.editfolder-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.editfolder-header{align-items:center;display:flex;gap:12px;padding-bottom:4px}.editfolder-header-icon{font-size:26px!important}.editfolder-header-icon,.editfolder-header-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.editfolder-header-title{font-size:20px;font-weight:700;letter-spacing:.3px}.editfolder-form{display:flex;flex-direction:column;gap:20px}.editfolder-field{align-items:flex-start;display:flex;gap:12px}.editfolder-field-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;display:flex;height:40px;justify-content:center;min-width:40px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.editfolder-field-icon svg{font-size:20px!important}.editfolder-field:hover .editfolder-field-icon{box-shadow:0 6px 16px rgba(102,126,234,.4);-webkit-transform:scale(1.05) rotate(5deg);transform:scale(1.05) rotate(5deg)}.editfolder-textfield{flex:1 1}.editfolder-textfield .MuiOutlinedInput-root{border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.editfolder-textfield .MuiOutlinedInput-root fieldset{border-color:rgba(102,126,234,.2);transition:all .3s ease}.editfolder-textfield .MuiOutlinedInput-root:hover fieldset{border-color:rgba(102,126,234,.4)}.editfolder-textfield .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#667eea;border-width:2px}.editfolder-textfield .MuiInputLabel-root.Mui-focused{color:#667eea;font-weight:600}.editfolder-textfield .MuiOutlinedInput-input{color:#2d3748;font-size:14px;font-weight:500}.editfolder-info{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border-left:4px solid #667eea;border-radius:12px;display:flex;gap:8px;padding:12px 16px}.editfolder-info-label{color:#667eea;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.editfolder-info-value{color:#2d3748;font-family:Courier New,monospace;font-size:14px;font-weight:600}.editfolder-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.editfolder-button{border-radius:12px!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important;letter-spacing:.3px!important;padding:12px 32px!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.editfolder-button-save{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;overflow:hidden;position:relative}.editfolder-button-save:before{background:linear-gradient(135deg,#764ba2,#667eea);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.editfolder-button-save:hover{box-shadow:0 8px 20px rgba(102,126,234,.4)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.editfolder-button-save:hover:before{opacity:1}.editfolder-button-save:active{-webkit-transform:translateY(0);transform:translateY(0)}.editfolder-button-save .MuiButton-label{position:relative;z-index:1}@media (max-width:600px){.editfolder-container{max-width:480px;padding:24px;width:90vw}.editfolder-field{gap:10px}.editfolder-field-icon{height:36px;min-width:36px;width:36px}.editfolder-field-icon svg{font-size:18px!important}.editfolder-button{font-size:13px!important;padding:10px 24px!important}}.properties-container{background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto;padding:24px;width:520px}.properties-container::-webkit-scrollbar{width:6px}.properties-container::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.properties-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.properties-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.properties-header{align-items:center;display:flex;gap:12px;padding-bottom:8px}.properties-header-icon{font-size:26px!important}.properties-header-icon,.properties-header-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.properties-header-title{font-size:20px;font-weight:700;letter-spacing:.3px}.properties-preview{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:1px solid rgba(102,126,234,.1);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:16px}.properties-image-wrapper{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);display:flex;height:80px;justify-content:center;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.properties-image-wrapper:hover{box-shadow:0 8px 30px rgba(102,126,234,.25);-webkit-transform:translateY(-4px) scale(1.05);transform:translateY(-4px) scale(1.05)}.properties-image{-webkit-filter:drop-shadow(0 2px 8px rgba(102,126,234,.2));filter:drop-shadow(0 2px 8px rgba(102,126,234,.2));height:100%;object-fit:contain;width:100%}.properties-preview-name{color:#1a202c;font-size:15px;font-weight:600;max-width:100%;text-align:center;word-break:break-word}.properties-divider{background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);height:1px}.properties-details{display:flex;flex-direction:column;gap:10px}.properties-field{align-items:flex-start;background:rgba(102,126,234,.02);border:1px solid rgba(102,126,234,.08);border-radius:12px;display:flex;gap:12px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.properties-field:hover{background:rgba(102,126,234,.05);border-color:rgba(102,126,234,.15);-webkit-transform:translateX(4px);transform:translateX(4px)}.properties-field-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;display:flex;height:34px;justify-content:center;min-width:34px;width:34px}.properties-field-icon svg{font-size:18px!important}.properties-field-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.properties-field-label{color:#667eea;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.properties-field-value{color:#2d3748;font-size:13px;font-weight:500;line-height:1.4;word-break:break-word}.properties-path{background:rgba(102,126,234,.08);border-left:3px solid #667eea;border-radius:8px;color:#4a5568;font-family:Courier New,monospace;font-size:13px;padding:8px 12px}@media (max-width:600px){.properties-container{max-width:500px;padding:20px;width:90vw}.properties-preview{padding:20px}.properties-image-wrapper{height:100px;width:100px}.properties-field{gap:12px;padding:12px}.properties-field-icon{height:34px;min-width:34px;width:34px}}.editprofile-container{background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:24px;max-height:85vh;overflow-y:auto;padding:28px;position:relative;width:480px}.editprofile-alert{-webkit-animation:slideDown .3s cubic-bezier(.4,0,.2,1);animation:slideDown .3s cubic-bezier(.4,0,.2,1);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:13px;font-weight:500;left:50%;max-width:90%;padding:10px 20px;position:absolute;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.editprofile-alert-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.editprofile-alert-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.editprofile-alert-content{align-items:center;display:flex;gap:8px}.editprofile-container::-webkit-scrollbar{width:6px}.editprofile-container::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.editprofile-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.editprofile-header{align-items:center;display:flex;gap:12px;padding-bottom:4px}.editprofile-header-icon{font-size:26px!important}.editprofile-header-icon,.editprofile-header-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.editprofile-header-title{font-size:20px;font-weight:700;letter-spacing:.3px}.editprofile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px 0}.editprofile-avatar-wrapper{border-radius:50%;box-shadow:0 8px 24px rgba(102,126,234,.25);cursor:pointer;height:140px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:140px}.editprofile-avatar-wrapper:hover{box-shadow:0 12px 32px rgba(102,126,234,.35);-webkit-transform:scale(1.05);transform:scale(1.05)}.editprofile-avatar-wrapper:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;content:"";inset:-4px;opacity:.3;position:absolute;z-index:-1}.editprofile-avatar-image{height:100%;object-fit:cover;width:100%}.editprofile-avatar-overlay{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.editprofile-avatar-wrapper:hover .editprofile-avatar-overlay{opacity:1}.editprofile-camera-icon{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;color:#fff;font-size:48px!important}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.editprofile-avatar-label{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.2px}.editprofile-divider{background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);height:1px}.editprofile-form{display:flex;flex-direction:column;gap:20px}.editprofile-field{display:flex;flex-direction:column;gap:8px}.editprofile-textfield .MuiOutlinedInput-root{border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.editprofile-textfield .MuiOutlinedInput-root fieldset{border-color:rgba(102,126,234,.2);transition:all .3s ease}.editprofile-textfield .MuiOutlinedInput-root:hover fieldset{border-color:rgba(102,126,234,.4)}.editprofile-textfield .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#667eea;border-width:2px}.editprofile-textfield .MuiInputLabel-root.Mui-focused{color:#667eea;font-weight:600}.editprofile-textfield .MuiOutlinedInput-input{color:#2d3748;font-size:14px;font-weight:500}.editprofile-textfield .MuiOutlinedInput-root.Mui-disabled{background:rgba(102,126,234,.03)}.editprofile-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.editprofile-button{border-radius:12px!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important;letter-spacing:.3px!important;padding:12px 32px!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.editprofile-button-save{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;overflow:hidden;position:relative}.editprofile-button-save:before{background:linear-gradient(135deg,#764ba2,#667eea);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.editprofile-button-save:hover{box-shadow:0 8px 20px rgba(102,126,234,.4)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.editprofile-button-save:hover:before{opacity:1}.editprofile-button-save:active{-webkit-transform:translateY(0);transform:translateY(0)}.editprofile-button-save .MuiButton-label{position:relative;z-index:1}@media (max-width:600px){.editprofile-container{max-width:480px;padding:24px;width:90vw}.editprofile-avatar-wrapper{height:120px;width:120px}.editprofile-camera-icon{font-size:40px!important}.editprofile-button{font-size:13px!important;padding:10px 24px!important}}.access-container{background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:20px;max-height:85vh;overflow-y:auto;padding:28px;position:relative;width:520px}.access-alert{-webkit-animation:slideDown .3s cubic-bezier(.4,0,.2,1);animation:slideDown .3s cubic-bezier(.4,0,.2,1);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:13px;font-weight:500;left:50%;max-width:90%;padding:10px 20px;position:absolute;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.access-alert-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.access-alert-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.access-alert-content{align-items:center;display:flex;gap:8px}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.access-container::-webkit-scrollbar{width:6px}.access-container::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.access-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.access-header{align-items:center;border-bottom:2px solid rgba(102,126,234,.1);display:flex;justify-content:space-between;padding-bottom:16px}.access-header-left{align-items:center;display:flex;gap:10px}.access-header-icon{color:#667eea;font-size:26px!important}.access-header-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;letter-spacing:.3px;margin:0}.access-status-badge{align-items:center;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.3px;padding:6px 14px;text-transform:uppercase}.access-status-public{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.access-status-private{background:linear-gradient(135deg,#ff9800,#ffa726);color:#fff}.access-status-icon{font-size:14px!important}.access-add-section{align-items:flex-start;display:flex;gap:10px}.access-input-wrapper{flex:1 1}.access-textfield{margin-bottom:0!important}.access-textfield-input{background:#fff}.access-textfield-input,.access-textfield-input fieldset{border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.access-textfield-input fieldset{border-color:rgba(102,126,234,.25)!important;border-width:2px!important}.access-textfield-input:hover fieldset{border-color:rgba(102,126,234,.5)!important;box-shadow:0 2px 10px rgba(102,126,234,.08)}.access-textfield-input.Mui-focused fieldset{border-color:#667eea!important;box-shadow:0 3px 12px rgba(102,126,234,.15),0 0 0 3px rgba(102,126,234,.08)}.access-textfield-input input{color:#2d3748!important;font-size:14px!important;font-weight:500!important;padding:12px 14px!important}.access-textfield-label{color:#667eea!important}.access-btn,.access-textfield-label{font-size:13px!important;font-weight:600!important}.access-btn{border-radius:10px!important;box-shadow:0 4px 12px rgba(102,126,234,.2)!important;letter-spacing:.2px!important;padding:10px 20px!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap}.access-btn:hover{box-shadow:0 6px 18px rgba(102,126,234,.3)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.access-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.access-btn-add{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.access-btn-add:hover{background:linear-gradient(135deg,#764ba2,#f093fb)!important}.access-btn-add:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;color:hsla(0,0%,100%,.6)!important;cursor:not-allowed;opacity:.6;-webkit-transform:none!important;transform:none!important}.access-users-section{display:flex;flex-direction:column;gap:10px}.access-section-title{color:#667eea;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.access-users-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-x:hidden;overflow-y:auto;padding:2px}.access-user-item{align-items:center;background:#fff;border:2px solid rgba(102,126,234,.12);border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.access-user-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(240,147,251,.05));border-color:rgba(102,126,234,.3)}.access-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.access-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.access-user-email{color:#2d3748;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-user-label{color:#718096;font-size:11px;font-weight:500}.access-user-remove{align-items:center;background:rgba(244,67,54,.1);border:none;border-radius:8px;color:#f44336;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .3s ease;width:30px}.access-user-remove:hover{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.access-user-remove svg{font-size:18px}.access-divider{background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);height:1px;margin:4px 0}.access-public-section{display:flex;flex-direction:column;gap:10px}.access-toggle-btn{justify-content:flex-start!important;padding:12px 20px!important}.access-btn-public{background:linear-gradient(135deg,#4caf50,#66bb6a)!important;color:#fff!important}.access-btn-public:hover{background:linear-gradient(135deg,#66bb6a,#81c784)!important}.access-btn-private{background:linear-gradient(135deg,#ff9800,#ffa726)!important;color:#fff!important}.access-btn-private:hover{background:linear-gradient(135deg,#ffa726,#ffb74d)!important}.access-toggle-hint{color:#718096;font-size:12px;font-weight:500;line-height:1.4;padding:0 2px}.access-link-section{display:flex;flex-direction:column;gap:10px}.access-link-box{align-items:center;background:#fff;border:2px dashed rgba(102,126,234,.3);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.access-link-box:hover{background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(240,147,251,.06));border-color:#667eea;border-style:solid;box-shadow:0 6px 18px rgba(102,126,234,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.access-link-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.access-link-icon svg{font-size:18px}.access-link-url{color:#667eea;flex:1 1;font-size:12px;font-weight:500;line-height:1.5;word-break:break-all}.access-link-hint{align-items:center;color:#718096;display:flex;font-size:11px;font-weight:500;gap:5px;justify-content:center}.access-hint-icon{color:#667eea;font-size:13px!important}@media only screen and (max-width:700px){.access-container{max-width:480px;padding:20px;width:100%}.access-add-section{flex-direction:column}.access-btn-add{width:100%}.access-header-title{font-size:18px}.access-link-url{font-size:11px}}.newfolder-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(102,126,234,.15);display:flex;flex-direction:column;overflow:hidden;position:relative;width:500px}.newfolder-content{background:#fff;padding:40px 40px 32px;position:relative;z-index:1}.newfolder-input{margin-bottom:0!important}.newfolder-textfield{background:linear-gradient(135deg,rgba(102,126,234,.03),rgba(240,147,251,.03))}.newfolder-textfield,.newfolder-textfield fieldset{border-radius:16px!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.newfolder-textfield fieldset{border-color:rgba(102,126,234,.25)!important;border-width:2px!important}.newfolder-textfield:hover{background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(240,147,251,.06));-webkit-transform:translateY(-2px);transform:translateY(-2px)}.newfolder-textfield:hover fieldset{border-color:rgba(102,126,234,.5)!important;box-shadow:0 4px 16px rgba(102,126,234,.1)}.newfolder-textfield.Mui-focused{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(240,147,251,.08));-webkit-transform:translateY(-2px);transform:translateY(-2px)}.newfolder-textfield.Mui-focused fieldset{border-color:#667eea!important;border-width:2.5px!important;box-shadow:0 6px 24px rgba(102,126,234,.2),0 0 0 4px rgba(102,126,234,.08)}.newfolder-textfield input{color:#2d3748!important;font-size:16px!important;font-weight:500!important;letter-spacing:.2px;padding:20px 18px!important}.newfolder-textfield input::-webkit-input-placeholder{color:rgba(102,126,234,.4)!important;font-weight:400}.newfolder-textfield input::placeholder{color:rgba(102,126,234,.4)!important;font-weight:400}.newfolder-label{background:#fff;color:#667eea!important;font-size:15px!important;font-weight:600!important;letter-spacing:.3px;padding:0 8px}.newfolder-label.Mui-focused{color:#764ba2!important;font-weight:700!important;-webkit-transform:scale(1.02);transform:scale(1.02)}.newfolder-actions{align-items:center;background:#fff;display:flex;gap:0;justify-content:center;padding:0 40px 40px;position:relative;z-index:1}.newfolder-btn{border-radius:16px!important;font-size:16px!important;font-weight:700!important;letter-spacing:.5px!important;overflow:hidden;padding:16px 48px!important;position:relative;text-transform:none!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;width:100%}.newfolder-btn:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.newfolder-btn:hover:after{left:100%}.newfolder-btn:before{background:hsla(0,0%,100%,.4);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .8s,height .8s;width:0}.newfolder-btn:active:before{height:500px;width:500px}.newfolder-btn .MuiButton-startIcon{margin-right:10px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.newfolder-btn:hover .MuiButton-startIcon{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}.newfolder-btn-create{-webkit-animation:gradientShift 6s ease infinite;animation:gradientShift 6s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)!important;background-size:200% 200%!important;border:none!important;box-shadow:0 8px 24px rgba(102,126,234,.35),0 4px 12px rgba(118,75,162,.2)!important;color:#fff!important}.newfolder-btn-create:hover{background-position:100%!important;box-shadow:0 12px 32px rgba(102,126,234,.45),0 6px 16px rgba(118,75,162,.3)!important;-webkit-transform:translateY(-3px) scale(1.02);transform:translateY(-3px) scale(1.02)}.newfolder-btn-create:active{box-shadow:0 6px 20px rgba(102,126,234,.4)!important;-webkit-transform:translateY(-1px) scale(1);transform:translateY(-1px) scale(1)}.newfolder-btn-create:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0)!important;color:hsla(0,0%,100%,.7)!important;cursor:not-allowed;opacity:.6}.newfolder-btn-create:disabled,.newfolder-btn-create:disabled:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)!important;-webkit-transform:none!important;transform:none!important}.newfolder-btn-create:disabled .MuiButton-startIcon{-webkit-transform:none!important;transform:none!important}.newfolder-btn-create:disabled:after{display:none}@-webkit-keyframes gradientShift{0%,to{background-position:0}50%{background-position:100%}}@keyframes gradientShift{0%,to{background-position:0}50%{background-position:100%}}@media only screen and (max-width:600px){.newfolder-container{max-width:400px;width:100%}.newfolder-content{padding:24px 20px 20px}.newfolder-actions{flex-direction:column-reverse;gap:10px;padding:0 20px 24px}.newfolder-btn{padding:14px 24px!important;width:100%}}.newfolder-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.newfolder-textfield input:focus-visible{outline:none}
/*# sourceMappingURL=main.c63c4b2d.css.map*/