::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{box-shadow:0 2px 6px rgba(0,0,0,.2)}::-webkit-scrollbar-thumb:hover{box-shadow:0 0 12px rgba(102,126,234,.6),0 2px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}::-webkit-scrollbar-thumb:active{box-shadow:inset 0 0 8px rgba(0,0,0,.3)}::-webkit-scrollbar-corner{background:#f8f9fa}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;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-head{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;height:80px;justify-content:center;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav-head:hover{box-shadow:0 6px 20px rgba(0,0,0,.2)}.nav-container{justify-content:space-between;max-width:1400px;padding:0 40px;width:100%}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{cursor:pointer;gap:15px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.nav-brand:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav-logo{-webkit-animation:logoFloat 3s ease-in-out infinite;animation:logoFloat 3s ease-in-out infinite;-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:60px;object-fit:contain;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:60px}.nav-logo:hover{-webkit-transform:rotate(1turn) scale(1.1);transform:rotate(1turn) scale(1.1)}.nav-title{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2.2em;font-weight:700;letter-spacing:2px;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.nav-title:after{background:linear-gradient(90deg,#fff,transparent);bottom:-5px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-brand:hover .nav-title:after{width:100%}.nav-tagline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:hsla(0,0%,100%,.9);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95em;font-weight:300;letter-spacing:1px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.nav-tagline:hover{background:hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.nav-head{height:70px}.nav-container{flex-direction:column;gap:8px;padding:0 20px}.nav-logo{height:45px;width:45px}.nav-title{font-size:1.5em;letter-spacing:1px}.nav-tagline{font-size:.7em;padding:5px 15px}}@media (max-width:480px){.nav-head{height:65px}.nav-brand{gap:10px}.nav-logo{height:40px;width:40px}.nav-title{font-size:1.3em}.nav-tagline{display:none}}body{margin:0;padding:0;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#f8f9fa,#e9ecef);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #f8f9fa;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8b);border:2px solid #667eea;box-shadow:0 0 10px rgba(102,126,234,.5)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#4451b8,#542e73)}*{scrollbar-color:#667eea #f8f9fa;scrollbar-width:thin}.home-head{align-items:center;background:linear-gradient(180deg,#f8f9fa,#fff);display:flex;flex-direction:column;justify-content:center;overflow-x:hidden;position:static;top:80px}.background-decoration{height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.floating-shape{-webkit-animation:floatRandom 20s ease-in-out infinite;animation:floatRandom 20s ease-in-out infinite;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:50%;position:absolute}.shape-1{-webkit-animation-delay:0s;animation-delay:0s;height:300px;left:5%;top:10%;width:300px}.shape-2{-webkit-animation-delay:5s;animation-delay:5s;height:200px;right:10%;top:60%;width:200px}.shape-3{-webkit-animation-delay:10s;animation-delay:10s;bottom:20%;height:150px;left:15%;width:150px}.shape-4{-webkit-animation-delay:15s;animation-delay:15s;height:250px;right:5%;top:30%;width:250px}@-webkit-keyframes floatRandom{0%,to{opacity:.3;-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{opacity:.5;-webkit-transform:translate(30px,-30px) rotate(90deg);transform:translate(30px,-30px) rotate(90deg)}50%{opacity:.3;-webkit-transform:translate(-20px,40px) rotate(180deg);transform:translate(-20px,40px) rotate(180deg)}75%{opacity:.6;-webkit-transform:translate(40px,20px) rotate(270deg);transform:translate(40px,20px) rotate(270deg)}}@keyframes floatRandom{0%,to{opacity:.3;-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{opacity:.5;-webkit-transform:translate(30px,-30px) rotate(90deg);transform:translate(30px,-30px) rotate(90deg)}50%{opacity:.3;-webkit-transform:translate(-20px,40px) rotate(180deg);transform:translate(-20px,40px) rotate(180deg)}75%{opacity:.6;-webkit-transform:translate(40px,20px) rotate(270deg);transform:translate(40px,20px) rotate(270deg)}}.home-part-1{align-items:center;display:flex;justify-content:space-between;max-width:1400px;min-height:90vh;padding:120px 40px 60px;position:relative;width:100%;z-index:1}.home-part-11{-webkit-animation:slideInLeft .8s ease-out;animation:slideInLeft .8s ease-out;padding-right:40px;width:50%}.badge{align-items:center;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;display:inline-flex;font-size:.9em;font-weight:600;gap:8px;margin-bottom:20px;overflow:hidden;padding:10px 24px;position:relative}.badge:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.badge-icon{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#main-heading{color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3.5em;font-weight:700;line-height:1.2;margin-bottom:20px}.highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}#sub-heading{color:#5a5a6e;font-size:1.3em;font-weight:400;line-height:1.6;margin-bottom:35px}#start-now-btn{margin-bottom:40px}.btn-primary{align-items:center;border:none;border-radius:50px;box-shadow:0 10px 25px rgba(102,126,234,.3);cursor:pointer;display:inline-flex;font-size:1.1em;font-weight:600;gap:10px;overflow:hidden;padding:18px 45px;position:relative;transition:all .3s ease}.btn-primary:hover .btn-glow{left:100%}.btn-primary:hover{box-shadow:0 15px 40px rgba(102,126,234,.5);-webkit-transform:translateY(-3px) scale(1.02);transform:translateY(-3px) scale(1.02)}.btn-primary:active{-webkit-transform:translateY(-1px) scale(.98);transform:translateY(-1px) scale(.98)}.btn-arrow{font-size:1.3em;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.btn-primary:hover .btn-arrow{-webkit-animation:arrowBounce .6s ease infinite;animation:arrowBounce .6s ease infinite;-webkit-transform:translateX(5px);transform:translateX(5px)}.btn-subtitle{color:#5a5a6e;font-size:.85em;font-style:italic;margin-top:10px}.features-quick{display:flex;gap:30px;margin-top:30px}.feature-item{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.08);color:#5a5a6e;display:flex;font-weight:500;gap:12px;padding:12px 20px;transition:all .3s ease}.feature-item:hover{box-shadow:0 8px 25px rgba(102,126,234,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.feature-icon-box{align-items:center;-webkit-animation:iconFloat 3s ease-in-out infinite;animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;font-size:1.5em;height:45px;justify-content:center;width:45px}.home-part-12{-webkit-animation:slideInRight .8s ease-out;animation:slideInRight .8s ease-out;height:600px;position:relative;width:45%}.image-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.image-glow{-webkit-animation:glowPulse 4s ease-in-out infinite;animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,rgba(102,126,234,.3),transparent 70%);height:80%;position:absolute;width:80%;z-index:0}@-webkit-keyframes glowPulse{0%,to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes glowPulse{0%,to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}.image-container img{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;-webkit-filter:drop-shadow(0 20px 40px rgba(102,126,234,.3));filter:drop-shadow(0 20px 40px rgba(102,126,234,.3));height:100%;object-fit:contain;position:relative;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%;z-index:1}.image-container:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.image-overlay-pattern{background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.05) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.05) 0,transparent 50%);height:100%;pointer-events:none;position:absolute;width:100%;z-index:2}.home-part-2{background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden;padding:100px 0;position:relative;width:100%}.home-part-2:before{background:linear-gradient(180deg,#f8f9fa,transparent);content:"";height:100px;left:0;position:absolute;right:0;top:0}.section-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{-webkit-animation:particleFloat 15s ease-in-out infinite;animation:particleFloat 15s ease-in-out infinite;background:rgba(102,126,234,.6);border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{-webkit-animation-delay:0s;animation-delay:0s;left:10%;top:20%}.particle:nth-child(2){-webkit-animation-delay:5s;animation-delay:5s;right:15%;top:60%}.particle:nth-child(3){-webkit-animation-delay:10s;animation-delay:10s;bottom:30%;left:30%}@-webkit-keyframes particleFloat{0%,to{opacity:.3;-webkit-transform:translate(0);transform:translate(0)}50%{opacity:.8;-webkit-transform:translate(50px,-50px);transform:translate(50px,-50px)}}@keyframes particleFloat{0%,to{opacity:.3;-webkit-transform:translate(0);transform:translate(0)}50%{opacity:.8;-webkit-transform:translate(50px,-50px);transform:translate(50px,-50px)}}.home-part-21{align-items:center;display:flex;gap:60px;justify-content:center;margin:0 auto;max-width:1400px;padding:60px 40px}.section-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid rgba(102,126,234,.3);border-radius:25px;color:#667eea;display:inline-flex;font-size:.85em;font-weight:600;gap:8px;margin-bottom:15px;padding:8px 20px;position:relative}.badge-pulse{-webkit-animation:pulseGlow 2s infinite;animation:pulseGlow 2s infinite;background:#667eea;border-radius:50%;height:8px;width:8px}@-webkit-keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(102,126,234,.7)}50%{box-shadow:0 0 0 10px rgba(102,126,234,0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(102,126,234,.7)}50%{box-shadow:0 0 0 10px rgba(102,126,234,0)}}.home-part-211,.home-part-212{flex:1 1;max-width:900px}.home-heading{color:#fff;font-size:2.8em;font-weight:700;line-height:1.2;margin-bottom:40px}.home-sub-heading{color:hsla(0,0%,100%,.9);font-size:1.1em;line-height:1.8}.feature-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;display:flex;gap:20px;margin-bottom:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{background:hsla(0,0%,100%,.1);border-color:rgba(102,126,234,.5);box-shadow:0 10px 30px rgba(102,126,234,.2);-webkit-transform:translateX(10px) scale(1.02);transform:translateX(10px) scale(1.02)}.feature-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;font-size:2.5em;height:60px;justify-content:center;min-width:60px;position:relative;transition:all .3s ease}.feature-card:hover .feature-card-icon{box-shadow:0 5px 20px rgba(102,126,234,.5);-webkit-transform:rotate(1turn) scale(1.1);transform:rotate(1turn) scale(1.1)}.feature-card-content h3{color:#fff;font-size:1.3em;margin-bottom:10px}.feature-card-content p{color:hsla(0,0%,100%,.8);line-height:1.6}.steps-container{display:flex;flex-direction:column;gap:20px}.step-card{align-items:flex-start;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;display:flex;gap:25px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.step-card:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.step-card:hover:before{left:100%}.step-card:hover{background:hsla(0,0%,100%,.1);box-shadow:0 10px 30px rgba(102,126,234,.2);-webkit-transform:translateX(10px) scale(1.02);transform:translateX(10px) scale(1.02)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;display:flex;font-size:1.5em;font-weight:700;height:50px;justify-content:center;min-width:50px;transition:all .3s ease}.step-card:hover .step-number{box-shadow:0 6px 25px rgba(102,126,234,.6);-webkit-transform:scale(1.2) rotate(1turn);transform:scale(1.2) rotate(1turn)}.step-content h3{color:#fff;font-size:1.3em;margin-bottom:8px}.step-content p{color:hsla(0,0%,100%,.8);line-height:1.6}.home-part-3{margin:0 auto;max-width:1000px;padding:100px 40px;position:relative;width:100%}.testimonial-decoration{height:100%;pointer-events:none;position:absolute;width:100%}.deco-circle{-webkit-animation:circleFloat 10s ease-in-out infinite;animation:circleFloat 10s ease-in-out infinite;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:50%;position:absolute}.circle-1{height:200px;right:-50px;top:10%;width:200px}.circle-2{-webkit-animation-delay:5s;animation-delay:5s;bottom:10%;height:150px;left:-40px;width:150px}@-webkit-keyframes circleFloat{0%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(20px,-20px) scale(1.1);transform:translate(20px,-20px) scale(1.1)}}@keyframes circleFloat{0%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(20px,-20px) scale(1.1);transform:translate(20px,-20px) scale(1.1)}}.home-part-31{background:#fff;border:2px solid transparent;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.1);padding:60px;position:relative;transition:all .3s ease;width:100%}.home-part-31:hover{border-color:rgba(102,126,234,.2);box-shadow:0 25px 70px rgba(102,126,234,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.quote-icon{-webkit-animation:quoteFloat 4s ease-in-out infinite;animation:quoteFloat 4s ease-in-out infinite;color:#667eea;font-family:Georgia,serif;font-size:8em;left:30px;opacity:.15;position:absolute;top:10px}@-webkit-keyframes quoteFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes quoteFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.stars-rating{display:flex;font-size:1.5em;gap:8px;justify-content:center;margin-bottom:20px}.star{-webkit-animation:starTwinkle 2s ease-in-out infinite;animation:starTwinkle 2s ease-in-out infinite}.star:first-child{-webkit-animation-delay:0s;animation-delay:0s}.star:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.star:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.star:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.star:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes starTwinkle{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes starTwinkle{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.2);transform:scale(1.2)}}.msg-founder{color:#2c3e50;font-size:1.4em;font-style:italic;line-height:1.8;margin-bottom:30px;position:relative;text-align:center;z-index:1}.founder-info{flex-direction:column;gap:10px;text-align:center}.founder-avatar,.founder-info{align-items:center;display:flex}.founder-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 5px 20px rgba(102,126,234,.3);font-size:2em;height:70px;justify-content:center;margin-bottom:10px;transition:all .3s ease;width:70px}.home-part-31:hover .founder-avatar{-webkit-transform:scale(1.1) rotate(1turn);transform:scale(1.1) rotate(1turn)}.founder-name{color:#1a1a2e;font-size:1.3em;font-weight:700}.founder-position{color:#667eea;font-size:1em;font-weight:600}.home-part-4{background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden;padding:80px 40px 40px;position:relative;width:100%}.home-part-4:before{background:linear-gradient(180deg,#f8f9fa,transparent);content:"";height:100px;left:0;position:absolute;right:0;top:0}.cta-background-pattern{-webkit-animation:patternMove 20s linear infinite;animation:patternMove 20s linear infinite;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.1) 0,transparent 50%);height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes patternMove{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)}}@keyframes patternMove{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)}}.cta-content{margin:0 auto;max-width:1000px;text-align:center}.home-part-41{color:#fff;font-size:3em;font-weight:300;margin-bottom:10px}.home-part-42{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5em;font-weight:700;margin-bottom:20px}.home-part-43{color:hsla(0,0%,100%,.8);font-size:1.2em;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px}.home-btns{display:flex;gap:20px;justify-content:center;margin-bottom:60px}.btn-cta-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 10px 25px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:1.1em;font-weight:600;gap:10px;overflow:hidden;padding:18px 45px;position:relative;transition:all .3s ease}.btn-cta-primary:hover{-webkit-animation:buttonGlow 1.5s ease-in-out infinite;animation:buttonGlow 1.5s ease-in-out infinite;box-shadow:0 15px 40px rgba(102,126,234,.6);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}@-webkit-keyframes buttonGlow{0%,to{box-shadow:0 15px 40px rgba(102,126,234,.6)}50%{box-shadow:0 15px 50px rgba(102,126,234,.8)}}@keyframes buttonGlow{0%,to{box-shadow:0 15px 40px rgba(102,126,234,.6)}50%{box-shadow:0 15px 50px rgba(102,126,234,.8)}}.btn-cta-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1em;font-weight:600;gap:10px;overflow:hidden;padding:18px 45px;position:relative;transition:all .3s ease}.btn-cta-secondary:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-cta-secondary:hover:before{left:100%}.btn-cta-secondary:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5);box-shadow:0 10px 30px hsla(0,0%,100%,.1);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}.btn-icon{font-size:1.2em}.stats-row{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:80px;justify-content:center;padding:40px 0}.stat-item{border-radius:15px;padding:20px;text-align:center;transition:all .3s ease}.stat-item:hover{background:hsla(0,0%,100%,.05);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.stat-icon{-webkit-animation:iconBounce 2s ease-in-out infinite;animation:iconBounce 2s ease-in-out infinite;font-size:2.5em;margin-bottom:10px}.stat-item:first-child .stat-icon{-webkit-animation-delay:0s;animation-delay:0s}.stat-item:nth-child(2) .stat-icon{-webkit-animation-delay:.3s;animation-delay:.3s}.stat-item:nth-child(3) .stat-icon{-webkit-animation-delay:.6s;animation-delay:.6s}.stat-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5em;font-weight:700;margin-bottom:8px}.stat-label{color:hsla(0,0%,100%,.7);font-size:1em}.copyright{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:30px 0;text-align:center}.copyright-divider{color:hsla(0,0%,100%,.3)}.social-icons{display:flex;gap:15px}.social-icon{background:hsla(0,0%,100%,.1);border-radius:50%;cursor:pointer;font-size:1.2em;padding:8px;transition:all .3s ease}.social-icon:hover{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-transform:translateY(-3px) scale(1.1);transform:translateY(-3px) scale(1.1)}@media (max-width:1100px){.home-part-1{flex-direction:column;min-height:auto;padding:100px 30px 40px}.home-part-11{margin-bottom:40px;padding-right:0;width:100%}#main-heading{font-size:2.5em}.home-part-12{height:400px;width:100%}.home-part-21{flex-direction:column;padding:40px 30px}.home-part-3{padding:60px 30px}.home-part-31{padding:40px 30px}.stats-row{gap:40px}.stat-number{font-size:2em}}@media (max-width:768px){#main-heading{font-size:2em}#sub-heading{font-size:1.1em}.features-quick{flex-wrap:wrap;gap:15px}.home-heading{font-size:2em}.feature-card,.step-card{flex-direction:column;text-align:center}.home-btns{align-items:center;flex-direction:column}.btn-cta-primary,.btn-cta-secondary{max-width:300px;width:100%}.stats-row{flex-direction:column;gap:30px}.home-part-41{font-size:2em}.home-part-42{font-size:2.5em}.msg-founder{font-size:1.1em}}@media (max-width:480px){.home-part-1{padding:90px 20px 30px}#main-heading{font-size:1.6em}.btn-primary{font-size:1em;padding:15px 30px}.home-part-31{padding:30px 20px}.quote-icon{font-size:4em}.copyright{flex-direction:column;gap:5px}.copyright-divider{display:none}}.dialog-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem 2rem;position:relative}.dialog-header:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dialog-header-content{align-items:center;display:flex;gap:1rem;position:relative;z-index:1}.dialog-header-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;color:#fff;font-size:2rem!important}.dialog-title{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:.5px;margin:0}.dialog-close-btn{color:#fff!important;position:relative;transition:all .3s ease!important;z-index:1}.dialog-close-btn:hover{background-color:hsla(0,0%,100%,.2)!important;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dialog-content{background:#f8f9fa!important;min-height:200px;padding:2rem!important}.dialog-form{gap:1.5rem}.dialog-form,.form-field{display:flex;flex-direction:column}.form-field{-webkit-animation:slideIn .4s ease-out backwards;animation:slideIn .4s ease-out backwards;gap:.5rem}.form-field:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.form-field:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.form-field:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.form-field:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s}.form-field:nth-child(5){-webkit-animation-delay:.3s;animation-delay:.3s}.form-field:nth-child(n+6){-webkit-animation-delay:.35s;animation-delay:.35s}.field-label{align-items:center;color:#495057;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding-left:.25rem}.field-icon{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;font-size:1.2rem}.field-name{text-transform:capitalize}.dialog-input{background:#fff!important;border-radius:8px!important;transition:all .3s ease!important}.dialog-input:hover{box-shadow:0 4px 12px rgba(102,126,234,.15)}.dialog-input .MuiOutlinedInput-root{border-radius:8px}.dialog-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#667eea}.dialog-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea;border-width:2px}.dialog-input .MuiInputLabel-root.Mui-focused{color:#667eea}.dialog-input input{font-size:1rem;padding:12px 14px}.dialog-actions{background:#fff!important;border-top:1px solid #e0e0e0!important;gap:1rem!important;padding:1.5rem 2rem!important}.dialog-cancel-btn{border:2px solid #6c757d!important;border-radius:8px!important;color:#6c757d!important;font-size:1rem!important;font-weight:600!important;padding:.6rem 1.5rem!important;text-transform:none!important;transition:all .3s ease!important}.dialog-cancel-btn:hover{background-color:#6c757d!important;box-shadow:0 4px 12px hsla(208,7%,46%,.3);color:#fff!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dialog-cancel-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.dialog-add-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(40,167,69,.3)!important;color:#fff!important;font-size:1rem!important;font-weight:600!important;overflow:hidden;padding:.6rem 1.5rem!important;position:relative;text-transform:none!important;transition:all .3s ease!important}.dialog-add-btn:before{background:hsla(0,0%,100%,.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}.dialog-add-btn:hover:before{height:300px;width:300px}.dialog-add-btn:hover{box-shadow:0 6px 20px rgba(40,167,69,.4)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dialog-add-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.dialog-add-btn .MuiButton-startIcon,.dialog-add-btn span{position:relative;z-index:1}.dialog-update-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(102,126,234,.3)!important;color:#fff!important;font-size:1rem!important;font-weight:600!important;overflow:hidden;padding:.6rem 1.5rem!important;position:relative;text-transform:none!important;transition:all .3s ease!important}.dialog-update-btn:before{background:hsla(0,0%,100%,.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}.dialog-update-btn:hover:before{height:300px;width:300px}.dialog-update-btn:hover{box-shadow:0 6px 20px rgba(102,126,234,.4)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dialog-update-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.dialog-update-btn .MuiButton-startIcon,.dialog-update-btn span{position:relative;z-index:1}.dialog-content::-webkit-scrollbar{width:8px}.dialog-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.dialog-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.dialog-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.dialog-content{scrollbar-color:#667eea #f1f1f1;scrollbar-width:thin}.dialog-empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 2rem}.dialog-empty-icon{font-size:3rem;opacity:.5}.dialog-empty-text{font-size:1.1rem;font-weight:600}@media (max-width:768px){.dialog-header{padding:1.2rem 1.5rem}.dialog-title{font-size:1.3rem}.dialog-header-icon{font-size:1.8rem!important}.dialog-content{padding:1.5rem!important}.dialog-actions{flex-direction:column;padding:1rem 1.5rem!important}.dialog-add-btn,.dialog-cancel-btn,.dialog-update-btn{width:100%}}@media (max-width:480px){.dialog-header{padding:1rem}.dialog-title{font-size:1.1rem}.dialog-header-icon{font-size:1.5rem!important}.dialog-content{padding:1rem!important}.dialog-form{gap:1rem}.field-label{font-size:.9rem}}.dialog-loading{align-items:center;display:flex;justify-content:center;padding:3rem}.dialog-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(102,126,234,.1);border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.dialog-add-btn:focus-visible,.dialog-cancel-btn:focus-visible,.dialog-update-btn:focus-visible{outline:3px solid rgba(102,126,234,.5);outline-offset:2px}.dialog-close-btn:focus-visible{outline:3px solid hsla(0,0%,100%,.5);outline-offset:2px}.dbtable-container{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out;width:100%}.table-container{background:#fff;border-radius:12px!important}.data-table{font-size:1rem!important}.table-header{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.table-header .MuiTableRow-root{box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-cell{border-bottom:3px solid hsla(0,0%,100%,.2)!important;color:#fff!important;font-size:.95rem!important;font-weight:600!important;letter-spacing:.5px!important;padding:1.2rem 1rem!important;text-transform:uppercase;white-space:nowrap}.action-header{min-width:140px;width:140px}.data-row{border-bottom:1px solid #e0e0e0!important;transition:all .3s ease!important}.data-row:hover{background:linear-gradient(90deg,rgba(102,126,234,.05),rgba(118,75,162,.05))!important;box-shadow:0 2px 8px rgba(102,126,234,.1)!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.data-row:last-child{border-bottom:none!important}.data-cell{border-bottom:1px solid #e0e0e0!important;color:#495057!important;font-size:.95rem!important;padding:1rem!important}.cell-value{display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.null-value{background:linear-gradient(135deg,#6c757d,#5a6268)}.empty-value,.null-value{border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.empty-value{background:linear-gradient(135deg,#ffc107,#ff9800)}.action-cell{border-bottom:1px solid #e0e0e0!important;padding:.8rem 1rem!important}.action-buttons{align-items:center;gap:.5rem;justify-content:center}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 2px 8px rgba(102,126,234,.3)!important;color:#fff!important;height:36px;transition:all .3s ease!important;width:36px}.edit-btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.5)!important;-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}.edit-btn:active{-webkit-transform:scale(.95)!important;transform:scale(.95)!important}.edit-btn .MuiSvgIcon-root{font-size:1.1rem!important}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333)!important;box-shadow:0 2px 8px rgba(220,53,69,.3)!important;color:#fff!important;height:36px;transition:all .3s ease!important;width:36px}.delete-btn:hover{box-shadow:0 4px 12px rgba(220,53,69,.5)!important;-webkit-transform:scale(1.1) rotate(90deg)!important;transform:scale(1.1) rotate(90deg)!important}.delete-btn:active{-webkit-transform:scale(.95) rotate(90deg)!important;transform:scale(.95) rotate(90deg)!important}.delete-btn .MuiSvgIcon-root{font-size:1.1rem!important}.empty-cell{border:none!important;padding:3rem 2rem!important}.empty-icon{font-size:4rem}.empty-text{font-size:1.3rem}.empty-subtext{font-size:1rem}.data-row:nth-of-type(2n){background-color:rgba(102,126,234,.02)}.table-container::-webkit-scrollbar{height:10px;width:10px}.table-container::-webkit-scrollbar-track{background:#f1f1f1}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2)}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.table-container{scrollbar-color:#667eea #f1f1f1;scrollbar-width:thin}.table-loading{align-items:center;color:#667eea;display:flex;justify-content:center;padding:3rem}.table-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(102,126,234,.1);border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.data-row{-webkit-animation:slideInRow .4s ease-out backwards;animation:slideInRow .4s ease-out backwards}.data-row:first-child{-webkit-animation-delay:.05s;animation-delay:.05s}.data-row:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.data-row:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}.data-row:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}.data-row:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.25s}.data-row:nth-child(n+6){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes slideInRow{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRow{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:1200px){.data-table{min-width:900px}}@media (max-width:968px){.header-cell{padding:1rem .8rem!important}.data-cell,.header-cell{font-size:.9rem!important}.data-cell{padding:.8rem!important}.action-cell{padding:.6rem .8rem!important}.delete-btn,.edit-btn{height:32px;width:32px}}@media (max-width:768px){.data-table{min-width:700px}.header-cell{padding:.8rem .6rem!important}.data-cell,.header-cell{font-size:.85rem!important}.data-cell{padding:.6rem!important}.cell-value{max-width:200px}.empty-icon{font-size:3rem}.empty-text{font-size:1.1rem}}@media (max-width:480px){.data-table{min-width:600px}.header-cell{padding:.7rem .5rem!important}.data-cell,.header-cell{font-size:.8rem!important}.data-cell{padding:.5rem!important}.action-buttons{gap:.3rem}.delete-btn,.edit-btn{height:28px;width:28px}.delete-btn .MuiSvgIcon-root,.edit-btn .MuiSvgIcon-root{font-size:1rem!important}}.delete-btn:focus-visible,.edit-btn:focus-visible{outline:3px solid rgba(102,126,234,.5);outline-offset:2px}@media print{.action-cell,.action-header{display:none}.data-row:hover,.table-container{box-shadow:none!important}.data-row:hover{background:#fff!important}}.data-row.selected{background:linear-gradient(90deg,rgba(102,126,234,.15),rgba(118,75,162,.15))!important;border-left:4px solid #667eea!important}.cell-value.long-text{max-width:none;white-space:normal;word-break:break-word}.cell-value.number{font-family:Courier New,monospace;font-weight:500}.cell-value.boolean-true{color:#28a745;font-weight:600}.cell-value.boolean-false{color:#dc3545;font-weight:600}.show-response-container{-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out;display:flex;flex-direction:column;gap:20px}.response-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.3);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.response-header:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.header-content{gap:16px}.response-icon{-webkit-animation:iconPulse 2s ease-in-out infinite;animation:iconPulse 2s ease-in-out infinite;color:#fff;font-size:2.5em!important}.header-text{display:flex;flex-direction:column;gap:4px}.response-title{color:#fff;font-size:1.4em;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.query-text{color:hsla(0,0%,100%,.9);font-family:Courier New,Courier,monospace;font-size:.9em;font-weight:500;margin:0}.result-badge{align-items:center;-webkit-animation:badgePulse 2s ease-in-out infinite;animation:badgePulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:25px;color:#fff;display:flex;font-size:.95em;font-weight:600;gap:8px;padding:10px 20px;position:relative;z-index:1}.badge-icon{font-size:1.2em!important}.table-container{border:1px solid rgba(102,126,234,.1)!important;border-radius:16px!important;box-shadow:0 4px 20px rgba(0,0,0,.08)!important;overflow:hidden!important}.response-table{border-collapse:initial!important;border-spacing:0!important}.table-header-cell{border-bottom:3px solid hsla(0,0%,100%,.2)!important;color:#fff!important;font-size:.95em!important;font-weight:700!important;letter-spacing:.5px!important;padding:16px!important;position:relative;text-transform:uppercase!important}.table-header-cell:after{background:#fff;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.table-header-cell:hover:after{width:100%}.table-body .table-row{border-bottom:1px solid rgba(102,126,234,.1);transition:all .3s ease}.table-body .table-row:nth-child(2n){background:rgba(102,126,234,.02)}.table-body .table-row:last-child{border-bottom:none}.table-cell{color:#333!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:.9em!important;padding:14px 16px!important;transition:all .3s ease}.null-value{background:hsla(0,0%,60%,.1);border-radius:6px;color:#999;font-size:.9em;font-style:italic;font-weight:500;padding:2px 8px}.table-container::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#7688f0,#8659b0);box-shadow:0 0 10px rgba(102,126,234,.5)}.empty-results{align-items:center;background:#fff;border:2px dashed rgba(102,126,234,.3);border-radius:16px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}@media (max-width:1024px){.response-header{padding:18px 20px}.response-title{font-size:1.3em}.response-icon{font-size:2.2em!important}}@media (max-width:768px){.show-response-container{gap:16px}.response-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.result-badge{align-self:flex-start}.response-title{font-size:1.2em}.query-text{font-size:.85em}.table-cell,.table-header-cell{font-size:.85em!important;padding:12px!important}}@media (max-width:480px){.response-header{padding:14px 16px}.response-title{font-size:1.1em}.response-icon{font-size:1.8em!important}.result-badge{font-size:.85em;padding:8px 16px}.badge-icon{font-size:1em!important}.table-cell,.table-header-cell{font-size:.8em!important;padding:10px 12px!important}.null-value{font-size:.85em;padding:2px 6px}}@media print{.response-header{background:#fff;border:1px solid #ddd;box-shadow:none;color:#000}.query-text,.response-icon,.response-title,.result-badge{color:#000!important}.table-container{border:1px solid #ddd;box-shadow:none}.table-head{background:#f0f0f0!important}.table-header-cell{border-bottom:2px solid #333!important;color:#000!important}}.table-row:focus-within{outline:2px solid rgba(102,126,234,.3);outline-offset:-2px}.table-cell:focus{background:rgba(102,126,234,.05)}.success-indicator{align-items:center;background:rgba(102,126,234,.1);border-radius:12px;color:#667eea;display:inline-flex;font-size:.85em;font-weight:600;gap:6px;padding:4px 12px}.success-indicator:before{content:"✓";font-weight:700}.response-table tbody tr:hover{background:rgba(102,126,234,.05)!important}.response-table tbody tr:hover .table-cell{color:#667eea!important}.table-body .table-row:nth-child(2n):hover,.table-body .table-row:nth-child(odd):hover{background:rgba(102,126,234,.08)!important}.run-query-container{-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out;display:flex;flex-direction:column;gap:24px;padding:20px}.query-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.3);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.query-header:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.header-icon-wrapper{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.header-icon{-webkit-animation:iconPulse 2s ease-in-out infinite;animation:iconPulse 2s ease-in-out infinite;color:#fff;font-size:2.2em!important}.query-title{color:#fff;font-size:1.6em;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.query-badge{-webkit-animation:badgePulse 2s ease-in-out infinite;animation:badgePulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:25px;color:#fff;font-size:.9em;font-weight:600;letter-spacing:1px;padding:8px 20px;position:relative;text-transform:uppercase;z-index:1}.query-editor-section{background:#fff;border:1px solid rgba(102,126,234,.1);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:12px;padding:24px;transition:all .3s ease}.query-editor-section:hover{box-shadow:0 6px 30px rgba(102,126,234,.12)}.editor-label{align-items:center;color:#333;display:flex;font-size:1.1em;font-weight:600;gap:8px}.label-icon{-webkit-animation:iconFloat 3s ease-in-out infinite;animation:iconFloat 3s ease-in-out infinite;font-size:1.3em}.query-input{font-family:Courier New,Courier,monospace!important}.query-input .MuiOutlinedInput-root{background:#f8f9fa;border-radius:12px;transition:all .3s ease}.query-input .MuiOutlinedInput-root.Mui-focused,.query-input .MuiOutlinedInput-root:hover{background:#fff}.query-input .MuiOutlinedInput-notchedOutline{border-color:rgba(102,126,234,.2);transition:all .3s ease}.query-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(102,126,234,.4)}.query-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea;border-width:2px}.query-input .MuiInputLabel-root{color:#667eea;font-weight:600}.query-input textarea{color:#333;font-size:1em;line-height:1.6}.query-actions{display:flex;flex-wrap:wrap;gap:16px}.action-btn{flex:1 1;font-size:1em;gap:10px;justify-content:center;min-width:150px;padding:14px 28px}.run-btn{background:linear-gradient(135deg,#28a745,#1e7e34);box-shadow:0 4px 15px rgba(40,167,69,.3);color:#fff}.run-btn:hover{box-shadow:0 6px 25px rgba(40,167,69,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.run-btn .btn-icon{-webkit-animation:iconPulse 2s ease-in-out infinite;animation:iconPulse 2s ease-in-out infinite}.clear-btn{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px rgba(220,53,69,.3);color:#fff}.clear-btn:hover{box-shadow:0 6px 25px rgba(220,53,69,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.query-response-section{-webkit-animation:slideIn .5s ease-out;animation:slideIn .5s ease-out;background:#fff;border:1px solid rgba(102,126,234,.1);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:12px;padding:24px}.response-label{align-items:center;color:#333;display:flex;font-size:1.1em;font-weight:600;gap:8px}.response-output{font-family:Courier New,Courier,monospace!important}.response-output .MuiOutlinedInput-root{background:#f8f9fa;border-radius:12px}.response-output .MuiOutlinedInput-notchedOutline{border-color:rgba(40,167,69,.3)}.response-output .MuiInputLabel-root{color:#28a745;font-weight:600}.response-output textarea{color:#28a745;font-size:.95em;line-height:1.6}.empty-query{align-items:center;background:#fff;border:2px dashed rgba(102,126,234,.3);border-radius:16px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.empty-icon{color:#667eea;font-size:4em}.empty-text{color:#667eea;font-size:1.2em}.empty-subtext{color:#999;font-size:.95em;text-align:center}.loading-container{padding:40px 20px}.query-hint{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-left:4px solid #667eea;border-radius:8px;color:#667eea;display:flex;font-size:.9em;gap:8px;padding:12px 16px}.hint-icon{font-size:1.2em}@media (max-width:1024px){.query-header{padding:18px 20px}.query-title{font-size:1.4em}.header-icon{font-size:2em!important}}@media (max-width:768px){.run-query-container{gap:20px;padding:15px}.query-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.query-title{font-size:1.3em}.query-badge{align-self:flex-start}.query-editor-section,.query-response-section{padding:20px}.action-btn{font-size:.95em;padding:12px 20px}.query-actions{gap:12px}}@media (max-width:480px){.run-query-container{gap:16px;padding:10px}.query-header{padding:14px 16px}.query-title{font-size:1.1em}.header-icon{font-size:1.6em!important}.query-badge{font-size:.8em;padding:6px 14px}.query-editor-section,.query-response-section{padding:16px}.editor-label,.response-label{font-size:1em}.action-btn{font-size:.9em;gap:8px;min-width:120px;padding:10px 16px}.btn-icon{font-size:1em!important}}.query-input:focus-within,.response-output:focus-within{box-shadow:0 0 0 3px rgba(102,126,234,.1)}@media print{.query-actions,.query-header{display:none}.query-editor-section,.query-response-section{border:1px solid #ddd;box-shadow:none}}.create-table-main-div{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.create-table-main-div:after,.create-table-main-div:before{-webkit-animation:float 20s ease-in-out infinite;animation:float 20s ease-in-out infinite;background:hsla(0,0%,100%,.1);border-radius:50%;content:"";position:absolute;z-index:0}.create-table-main-div:before{-webkit-animation-delay:0s;animation-delay:0s;height:400px;left:-100px;top:-100px;width:400px}.create-table-main-div:after{-webkit-animation-delay:5s;animation-delay:5s;bottom:-50px;height:300px;right:-50px;width:300px}.ct-sub-div{-webkit-animation:slideIn .6s ease-out;animation:slideIn .6s ease-out;background:hsla(0,0%,100%,.98);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);margin:0 auto;max-width:1400px;z-index:1}.ct-header,.ct-sub-div{overflow:hidden;position:relative}.ct-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem}.ct-header:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.header-icon{font-size:2.5rem!important}.header-title{font-weight:600}.ct-section{border-bottom:1px solid #e0e0e0;padding:2rem}.ct-section:last-of-type{border-bottom:none}.section-label{align-items:center;color:#667eea;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.label-icon{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;font-size:1.5rem}.ct-tablename{align-items:flex-start;display:flex;gap:1rem}.text-area{flex:1 1}.ct-input{background:#fff;border-radius:8px;transition:all .3s ease}.ct-input:hover{box-shadow:0 4px 12px rgba(102,126,234,.15)}.ct-input .MuiOutlinedInput-root{border-radius:8px}.ct-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea;border-width:2px}.ct-input .MuiInputLabel-root.Mui-focused{color:#667eea}.ct-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.9rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.ct-btn:before{background:hsla(0,0%,100%,.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}.ct-btn:hover:before{height:300px;width:300px}.btn-icon{font-size:1.3rem!important}.ct-btn span{position:relative;z-index:1}.add-column-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-column-btn:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.add-column-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.create-table-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.create-table-btn:hover{box-shadow:0 6px 20px rgba(40,167,69,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.create-table-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.ct-main-window{background:#f8f9fa;padding:2rem}.table-cell-main{overflow:visible;width:100%}.table-cell-sub{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow-x:auto;padding:1rem}.table-cell-sub::-webkit-scrollbar{height:10px}.table-cell-sub::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-cell-sub::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.table-cell-sub::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.table-main{border-collapse:initial;border-spacing:0;min-width:1200px;width:100%}.table-head{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.main-row{box-shadow:0 2px 8px rgba(0,0,0,.1)}.table-header-cell{border-bottom:3px solid hsla(0,0%,100%,.2);font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1.2rem 1rem;text-align:left;white-space:nowrap}.table-header-cell.action-cell{text-align:center;width:80px}.table-body{background:#fff}.table-row{border-bottom:1px solid #e0e0e0;transition:all .3s ease}.table-row:hover{background:linear-gradient(90deg,rgba(102,126,234,.05),rgba(118,75,162,.05));box-shadow:0 2px 8px rgba(102,126,234,.1)}.table-row td{padding:1rem;vertical-align:middle}.action-cell{text-align:center}.delete-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(220,53,69,.3);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.delete-btn:hover{box-shadow:0 4px 15px rgba(220,53,69,.5);-webkit-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg)}.delete-btn:active{-webkit-transform:scale(.95) rotate(90deg);transform:scale(.95) rotate(90deg)}.delete-icon{font-size:1.2rem!important}.input-cell{min-width:150px}.cell-input,.cell-select{width:100%}.cell-input .MuiOutlinedInput-root{border-radius:6px}.cell-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.cell-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea}.cell-input .MuiInputLabel-root.Mui-focused,.cell-select .MuiInputLabel-root.Mui-focused{color:#667eea}.checkbox-cell{min-width:100px;text-align:center}.custom-checkbox.Mui-checked{color:#667eea!important}.custom-checkbox:hover{background-color:rgba(102,126,234,.08)}.empty-row td{padding:3rem 2rem}.empty-state{color:#6c757d;gap:.8rem}.empty-icon{-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;font-size:3rem;opacity:.5}.empty-text{color:#495057;font-size:1.2rem;font-weight:600}.empty-subtext{color:#6c757d;font-size:.95rem}@media (max-width:1200px){.ct-sub-div{max-width:100%}.table-main{min-width:1000px}}@media (max-width:968px){.create-table-main-div{padding:1rem}.ct-header{padding:1.5rem}.header-title{font-size:1.5rem}.ct-section{padding:1.5rem}.ct-tablename{flex-direction:column}.ct-btn{justify-content:center;width:100%}}@media (max-width:768px){.header-icon{font-size:2rem!important}.header-title{font-size:1.3rem}.ct-main-window{padding:1rem}.table-cell-sub{padding:.5rem}}@media (max-width:480px){.create-table-main-div{padding:.5rem}.ct-sub-div{border-radius:12px}.ct-header{padding:1rem}.header-content{gap:.5rem}.section-label{font-size:1rem}.ct-section{padding:1rem}}.table-data-container{-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out;display:flex;flex-direction:column;gap:24px;padding:20px}.table-header{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid rgba(102,126,234,.1);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;overflow:hidden;padding:24px 28px;position:relative}.table-header:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(102,126,234,.05),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.table-title-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;position:relative;z-index:1}.table-icon{-webkit-animation:iconPulse 2s ease-in-out infinite;animation:iconPulse 2s ease-in-out infinite;color:#667eea;font-size:2.2em!important}.table-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.8em;font-weight:700;letter-spacing:1px;margin:0;position:relative;text-transform:uppercase}.table-title:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-4px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.table-title-wrapper:hover .table-title:after{width:100%}.table-badge{-webkit-animation:badgePulse 2s ease-in-out infinite;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:2px solid rgba(102,126,234,.3);border-radius:20px;color:#667eea;font-size:.85em;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.table-actions{flex-wrap:wrap;gap:12px;z-index:1}.action-btn,.table-actions{display:flex;position:relative}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;font-size:.95em;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.action-btn:before{background:hsla(0,0%,100%,.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}.action-btn:hover:before{height:300px;width:300px}.action-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.btn-icon{transition:all .3s ease}.action-btn:hover .btn-icon{-webkit-animation:iconBounce .5s ease;animation:iconBounce .5s ease}@-webkit-keyframes iconBounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes iconBounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.action-btn span{position:relative;z-index:1}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff}.add-btn:hover{box-shadow:0 6px 25px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.drop-btn{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px rgba(220,53,69,.3);color:#fff}.drop-btn:hover{box-shadow:0 6px 25px rgba(220,53,69,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.table-content{background:#fff;border:1px solid rgba(102,126,234,.1);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow-x:auto;padding:24px;transition:all .3s ease}.table-content:hover{box-shadow:0 6px 30px rgba(102,126,234,.12)}.table-content::-webkit-scrollbar{height:8px}.table-content::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.table-content::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px}.table-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#7688f0,#8659b0);box-shadow:0 0 10px rgba(102,126,234,.5)}.table-content table{border-collapse:initial;border-spacing:0;width:100%}.table-content table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.table-content table thead th{border-bottom:3px solid rgba(102,126,234,.2);font-size:.95em;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.table-content table thead th:first-child{border-top-left-radius:12px}.table-content table thead th:last-child{border-top-right-radius:12px}.table-content table tbody tr{border-bottom:1px solid rgba(102,126,234,.1);transition:all .3s ease}.table-content table tbody td{color:#333;font-size:.9em;padding:14px 16px}.empty-state{gap:20px;padding:60px 20px}.empty-state-icon,.empty-state-text{color:#667eea}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.loading-text{color:#667eea;font-size:1em;font-weight:600}@media (max-width:1024px){.table-header{padding:20px 24px}.table-title{font-size:1.5em}.table-icon{font-size:1.8em!important}}@media (max-width:768px){.table-data-container{gap:16px;padding:15px}.table-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.table-title-wrapper{width:100%}.table-actions{justify-content:flex-start;width:100%}.table-title{font-size:1.3em}.table-content{padding:16px}.action-btn{font-size:.9em;padding:10px 18px}}@media (max-width:480px){.table-data-container{padding:10px}.table-header{padding:12px 16px}.table-title{font-size:1.1em}.table-icon{font-size:1.5em!important}.table-badge{font-size:.75em;padding:4px 12px}.action-btn{font-size:.85em;gap:6px;padding:8px 14px}.btn-icon{font-size:1em!important}.table-content{padding:12px}.table-content table tbody td,.table-content table thead th{font-size:.85em;padding:10px 12px}}@media print{.table-header{border:1px solid #ddd;box-shadow:none}.table-actions{display:none}.table-content{box-shadow:none}}.action-btn:focus{outline:3px solid rgba(102,126,234,.5);outline-offset:2px}.table-content table tbody tr:focus-within{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));outline:2px solid rgba(102,126,234,.3)}.main-list-items{overflow-x:hidden;overflow-y:auto;padding-bottom:10px}.list-item-button{border-radius:12px!important;margin-bottom:8px!important;overflow:hidden!important;padding:12px 16px!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.list-item-button:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.list-item-button:hover:before{left:100%}.list-item-button:hover{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08))!important;box-shadow:0 4px 12px rgba(102,126,234,.15);-webkit-transform:translateX(5px);transform:translateX(5px)}.database-header{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;border:2px solid rgba(102,126,234,.2)!important;font-weight:600!important;margin-bottom:16px!important}.database-header:hover{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15))!important;border-color:rgba(102,126,234,.4)!important}.database-header .list-item-text-primary{color:#667eea!important;font-size:1.05em!important;font-weight:700!important}.refresh-icon{-webkit-animation:rotateOnHover .5s ease-in-out;animation:rotateOnHover .5s ease-in-out;color:#667eea!important;transition:all .3s ease!important}.database-header:hover .refresh-icon{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes rotateOnHover{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotateOnHover{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.tables-toggle{background:rgba(102,126,234,.05)!important;font-weight:600!important}.tables-toggle:hover{background:rgba(102,126,234,.1)!important}.expand-icon{color:#667eea!important;transition:-webkit-transform .3s ease!important;transition:transform .3s ease!important;transition:transform .3s ease,-webkit-transform .3s ease!important}.tables-toggle:hover .expand-icon{-webkit-transform:scale(1.2);transform:scale(1.2)}.nested-list{background:linear-gradient(180deg,rgba(102,126,234,.02),transparent);border-radius:8px;margin:8px 0 16px;max-height:250px;overflow-x:hidden;overflow-y:auto;padding:8px 0!important}.nested-list::-webkit-scrollbar{width:4px}.nested-list::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.nested-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.nested-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7688f0,#8659b0)}.nested-item{margin-bottom:4px!important;padding-left:48px!important}.nested-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;padding-left:52px!important}.nested-item.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 15px rgba(102,126,234,.3)}.nested-item.Mui-selected .nested-icon,.nested-item.Mui-selected .nested-text{color:#fff!important}.nested-item.Mui-selected:hover{background:linear-gradient(135deg,#7688f0,#8659b0)!important}.nested-icon{min-width:36px!important}.nested-text{font-size:.9em!important;font-weight:500!important}.empty-tables{align-items:center;color:#999;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:30px 20px}.empty-icon{-webkit-animation:iconFloat 3s ease-in-out infinite;animation:iconFloat 3s ease-in-out infinite;font-size:2.5em}.empty-text{color:#999;font-size:.9em;font-weight:500}.action-items{border-top:2px solid rgba(102,126,234,.1);margin-top:16px;padding-top:16px}.action-item{margin-bottom:6px!important}.danger-item:hover{background:linear-gradient(135deg,rgba(220,53,69,.1),rgba(200,35,51,.1))!important}.danger-item:hover .list-item-icon,.danger-item:hover .list-item-text-primary{color:#dc3545!important}.logout-item{background:rgba(255,193,7,.05)!important;border:1px solid rgba(255,193,7,.2)!important}.logout-item:hover{background:linear-gradient(135deg,rgba(255,193,7,.15),rgba(255,152,0,.15))!important;border-color:rgba(255,193,7,.4)!important}.logout-item:hover .list-item-icon,.logout-item:hover .list-item-text-primary{color:#ff9800!important}.download-link{color:inherit;display:block;text-decoration:none}.download-link .list-item-button:hover{background:linear-gradient(135deg,rgba(40,167,69,.1),rgba(25,135,84,.1))!important}.download-link .list-item-button:hover .list-item-icon,.download-link .list-item-button:hover .list-item-text-primary{color:#28a745!important}.list-item-icon{color:#667eea!important;min-width:40px!important;transition:all .3s ease!important}.list-item-button:hover .list-item-icon{-webkit-transform:scale(1.15) rotate(-5deg);transform:scale(1.15) rotate(-5deg)}.list-item-text-primary{color:#333!important;font-size:.95em!important;font-weight:500!important;transition:all .3s ease!important}.database-header .list-item-icon{-webkit-animation:iconPulse 2s ease-in-out infinite;animation:iconPulse 2s ease-in-out infinite}.MuiCollapse-root{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.list-item-button.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 20px rgba(102,126,234,.4);color:#fff!important}.list-item-button.Mui-selected .list-item-icon,.list-item-button.Mui-selected .list-item-text-primary{color:#fff!important}.list-item-button.Mui-selected:hover{background:linear-gradient(135deg,#7688f0,#8659b0)!important;-webkit-transform:translateX(8px);transform:translateX(8px)}@media (max-width:768px){.list-item-button{padding:10px 12px!important}.list-item-text-primary{font-size:.9em!important}.nested-list{max-height:200px}}@media (max-width:480px){.list-item-button{padding:8px 10px!important}.list-item-icon{min-width:35px!important}.nested-item{padding-left:40px!important}}.list-item-button:after{background:rgba(102,126,234,.2);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:0}.list-item-button:active:after{height:200px;width:200px}.expand-icon,.list-item-icon,.list-item-text-primary,.refresh-icon{position:relative;z-index:1}.loading-item{opacity:.6;pointer-events:none}.loading-item .list-item-icon{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.success-item{-webkit-animation:successPulse 1s ease-out;animation:successPulse 1s ease-out}.dashboard-appbar{overflow:hidden;position:relative}.dashboard-appbar:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.menu-icon-button{transition:all .3s ease!important}.menu-icon-button:hover{background-color:hsla(0,0%,100%,.15)!important;-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}.database-icon{font-size:1.8em}.database-title{font-weight:600!important;letter-spacing:.5px;padding-bottom:2px;position:relative;text-shadow:0 2px 10px rgba(0,0,0,.1)}.database-title:after{background:hsla(0,0%,100%,.5);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.database-title:hover:after{width:100%}.database-badge{-webkit-animation:badgePulse 2s ease-in-out infinite;animation:badgePulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;font-size:.75em;font-weight:600;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}@-webkit-keyframes badgePulse{0%,to{box-shadow:0 0 0 0 hsla(0,0%,100%,.4)}50%{box-shadow:0 0 0 8px hsla(0,0%,100%,0)}}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 hsla(0,0%,100%,.4)}50%{box-shadow:0 0 0 8px hsla(0,0%,100%,0)}}.dashboard-drawer .MuiDrawer-paper{overflow:hidden;position:relative}.dashboard-drawer .MuiDrawer-paper:before{-webkit-animation:rotateGradient 20s linear infinite;animation:rotateGradient 20s linear infinite;background:radial-gradient(circle,rgba(102,126,234,.05) 0,transparent 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}@-webkit-keyframes rotateGradient{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateGradient{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.close-drawer-button{transition:all .3s ease!important}.close-drawer-button:hover{background-color:hsla(0,0%,100%,.15)!important;-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}.dashboard-drawer .MuiListItemButton-root{border-radius:12px;margin:6px 0;overflow:hidden;position:relative;transition:all .3s ease}.dashboard-drawer .MuiListItemButton-root:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.dashboard-drawer .MuiListItemButton-root:hover:before{left:100%}.dashboard-drawer .MuiListItemButton-root:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));box-shadow:0 4px 15px rgba(102,126,234,.2);-webkit-transform:translateX(5px);transform:translateX(5px)}.dashboard-drawer .MuiListItemButton-root.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px rgba(102,126,234,.4);color:#fff}.dashboard-drawer .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root{color:#fff}.dashboard-drawer .MuiListItemButton-root.Mui-selected:hover{background:linear-gradient(135deg,#7688f0,#8659b0)}.dashboard-drawer .MuiListItemIcon-root{min-width:40px;transition:all .3s ease}.dashboard-drawer .MuiListItemButton-root:hover .MuiListItemIcon-root{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}.dashboard-drawer .MuiListItemText-primary{font-size:.95em;font-weight:500}.dashboard-main-content{position:relative}.dashboard-main-content:before{-webkit-animation:backgroundFloat 20s ease-in-out infinite;animation:backgroundFloat 20s ease-in-out infinite;background:radial-gradient(circle at 10% 20%,rgba(102,126,234,.03) 0,transparent 30%),radial-gradient(circle at 90% 80%,rgba(118,75,162,.03) 0,transparent 30%),radial-gradient(circle at 50% 50%,rgba(102,126,234,.02) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}@-webkit-keyframes backgroundFloat{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes backgroundFloat{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}.content-wrapper{-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;position:relative;z-index:1}.dashboard-drawer .MuiDrawer-paper::-webkit-scrollbar{width:6px}.dashboard-drawer .MuiDrawer-paper::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.dashboard-drawer .MuiDrawer-paper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.dashboard-drawer .MuiDrawer-paper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7688f0,#8659b0);box-shadow:0 0 10px rgba(102,126,234,.5)}.dashboard-drawer .MuiDivider-root{background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);border:none;height:2px}@media (max-width:768px){.database-badge{display:none}.database-icon{font-size:1.4em}.database-title{font-size:1em!important}}@media (max-width:480px){.content-wrapper{padding:0 8px}}.dashboard-main-content .MuiPaper-root{border:1px solid rgba(102,126,234,.1);border-radius:16px!important;box-shadow:0 4px 20px rgba(0,0,0,.08)!important;transition:all .3s ease}.dashboard-main-content .MuiPaper-root:hover{box-shadow:0 8px 30px rgba(102,126,234,.15)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dashboard-drawer .MuiToolbar-root{overflow:hidden;position:relative}.dashboard-drawer .MuiToolbar-root:after{-webkit-animation:slideGlow 3s ease-in-out infinite;animation:slideGlow 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}@-webkit-keyframes slideGlow{0%,to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideGlow{0%,to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.dashboard-main-content .empty-state{color:#667eea;padding:60px 20px;text-align:center}.dashboard-main-content .empty-state-icon{-webkit-animation:iconFloat 3s ease-in-out infinite;animation:iconFloat 3s ease-in-out infinite;font-size:4em;margin-bottom:20px}.loading-spinner{display:inline-block;height:40px;width:40px}.login-main{background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;min-height:100vh;overflow:hidden;position:relative;width:100%}.login-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.login-shape{-webkit-animation:floatShape 20s ease-in-out infinite;animation:floatShape 20s ease-in-out infinite;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:50%;position:absolute}.login-shape.shape-1{-webkit-animation-delay:0s;animation-delay:0s;height:400px;left:-100px;top:-100px;width:400px}.login-shape.shape-2{-webkit-animation-delay:7s;animation-delay:7s;bottom:-50px;height:300px;right:10%;width:300px}.login-shape.shape-3{-webkit-animation-delay:14s;animation-delay:14s;height:250px;right:-80px;top:40%;width:250px}.login-sub-main{margin-top:80px;min-height:calc(100vh - 80px);position:relative;z-index:1}.login-sub-1,.login-sub-main{align-items:center;display:flex;justify-content:center;width:100%}.login-sub-1{-webkit-animation:fadeInScale .6s ease-out;animation:fadeInScale .6s ease-out;max-width:520px;padding:40px 20px}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.login-card{background:#fff;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:520px;overflow:hidden;padding:30px 35px;position:relative;transition:all .3s ease;width:100%}.login-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.login-card:hover{box-shadow:0 30px 80px rgba(102,126,234,.2);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.login-badge{align-items:center;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;display:inline-flex;font-size:.8em;font-weight:600;gap:6px;margin-bottom:15px;padding:6px 16px}.badge-icon{font-size:1.2em}.login-heading{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;font-size:2em;font-weight:700;margin-bottom:6px}.login-subheading{color:#5a5a6e;font-size:.95em;font-weight:400;margin-bottom:22px}.login-form{width:100%}.emailid,.password{margin-bottom:16px;width:100%}.input-field{transition:all .3s ease}.input-field:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.MuiOutlinedInput-root{border-radius:12px!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#667eea!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea!important;border-width:2px!important}.MuiInputLabel-root.Mui-focused{color:#667eea!important}.login-btn{margin-bottom:14px;width:100%}.btn-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 10px 25px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:flex;font-size:.95em;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s ease;width:100%}.btn-glow{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-login:hover .btn-glow{left:100%}.btn-login:hover{box-shadow:0 15px 40px rgba(102,126,234,.5);-webkit-transform:translateY(-3px) scale(1.02);transform:translateY(-3px) scale(1.02)}.btn-login:active{-webkit-transform:translateY(-1px) scale(.98);transform:translateY(-1px) scale(.98)}.btn-icon{font-size:1.5em;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.btn-login:hover .btn-icon{-webkit-animation:arrowBounce .6s ease infinite;animation:arrowBounce .6s ease infinite;-webkit-transform:translateX(5px);transform:translateX(5px)}@-webkit-keyframes arrowBounce{0%,to{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes arrowBounce{0%,to{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.login-labels{flex-wrap:wrap;font-size:.85em;gap:12px;justify-content:space-between;margin-top:12px}.forgot-password,.login-labels{align-items:center;display:flex}.forgot-password{color:#667eea;cursor:pointer;font-weight:500;gap:5px;transition:all .3s ease}.forgot-password:hover{color:#764ba2;-webkit-transform:translateX(-3px);transform:translateX(-3px)}.link-icon{font-size:1.1em}.signup-label{color:#5a5a6e;font-weight:500}.signup-label span{color:#667eea;cursor:pointer;font-weight:600;position:relative;transition:all .3s ease}.signup-label span:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.signup-label span:hover:after{width:100%}.signup-label span:hover{color:#764ba2}.login-features{border-top:1px solid #e9ecef;display:flex;justify-content:space-around;margin-top:20px;padding-top:16px}.feature-item-small{align-items:center;color:#5a5a6e;display:flex;flex-direction:column;font-size:.75em;font-weight:500;gap:5px;transition:all .3s ease}.feature-item-small:hover{color:#667eea;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.feature-icon-small{-webkit-animation:iconFloat 3s ease-in-out infinite;animation:iconFloat 3s ease-in-out infinite;font-size:1.5em}.feature-item-small:first-child .feature-icon-small{-webkit-animation-delay:0s;animation-delay:0s}.feature-item-small:nth-child(2) .feature-icon-small{-webkit-animation-delay:1s;animation-delay:1s}.feature-item-small:nth-child(3) .feature-icon-small{-webkit-animation-delay:2s;animation-delay:2s}@media (max-width:768px){.login-sub-1{max-width:100%;padding:20px}.login-card{max-width:100%;padding:40px 30px}.login-heading{font-size:2em}.login-labels{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.login-sub-main{margin-top:70px;min-height:calc(100vh - 70px)}.login-card{border-radius:20px;padding:30px 20px}.login-heading{font-size:1.8em}.login-subheading{font-size:1em}.login-features{flex-direction:column;gap:15px}.feature-item-small{flex-direction:row;justify-content:center}.login-badge{font-size:.85em;padding:8px 16px}}.dashboard-main-div{background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;min-height:90vh;overflow:hidden;position:relative;width:100%}.dashboard-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.bg-shape{-webkit-animation:floatShape 20s ease-in-out infinite;animation:floatShape 20s ease-in-out infinite;border-radius:50%;opacity:.08;position:absolute}.bg-shape-1{-webkit-animation-delay:0s;animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;left:-100px;top:-100px;width:400px}.bg-shape-2{-webkit-animation-delay:5s;animation-delay:5s;background:linear-gradient(135deg,#764ba2,#667eea);bottom:-50px;height:300px;right:10%;width:300px}.bg-shape-3{-webkit-animation-delay:10s;animation-delay:10s;background:linear-gradient(135deg,#667eea,#764ba2);height:250px;right:-50px;top:40%;width:250px}.dashboard-sub-div{display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:1}.dashboard-top-bar{align-items:center;-webkit-animation:slideDown .5s ease-out;animation:slideDown .5s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid rgba(102,126,234,.1);box-shadow:0 4px 20px rgba(0,0,0,.05);display:flex;flex-wrap:wrap;gap:20px;padding:20px 30px}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.databases-list{flex:1 1;min-width:250px}.database-selector-wrapper{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:2px solid rgba(102,126,234,.2);border-radius:12px;display:flex;gap:12px;padding:8px 16px;transition:all .3s ease}.database-selector-wrapper:hover{border-color:rgba(102,126,234,.4);box-shadow:0 4px 15px rgba(102,126,234,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.database-icon{-webkit-animation:iconPulse 2s ease-in-out infinite;animation:iconPulse 2s ease-in-out infinite;color:#667eea;font-size:1.5em!important}.database-select{flex:1 1}.database-select,.database-select .MuiOutlinedInput-notchedOutline{border:none!important}.database-select .MuiSelect-select{color:#667eea!important;font-weight:600!important;padding:8px 12px!important}.database-menu-item{transition:all .3s ease!important}.database-menu-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;padding-left:20px!important}.switch-options{display:flex;flex:1 1;justify-content:center}.custom-tab-list{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:2px solid rgba(102,126,234,.1);border-radius:12px;padding:4px}.custom-tab{border-radius:10px!important;font-weight:600!important;min-height:40px!important;text-transform:none!important;transition:all .3s ease!important}.custom-tab:hover{background:rgba(102,126,234,.1)!important}.custom-tab.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 15px rgba(102,126,234,.3)!important;color:#fff!important}.MuiTabs-indicator{display:none!important}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.add-new{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95em;font-weight:600;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease;white-space:nowrap}.add-new:before{background:hsla(0,0%,100%,.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}.add-new:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff}.btn-primary:hover{box-shadow:0 6px 25px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px rgba(79,172,254,.3);color:#fff}.btn-secondary:hover{box-shadow:0 6px 25px rgba(79,172,254,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-icon{-webkit-animation:iconFloat 2s ease-in-out infinite;animation:iconFloat 2s ease-in-out infinite;position:relative;z-index:1}@-webkit-keyframes iconFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@keyframes iconFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}.add-new span{position:relative;z-index:1}.dashboard-bottom-bar{display:flex;flex:1 1;gap:20px;overflow:hidden;padding:20px;width:100%}.dashboard-left-window{-webkit-animation:slideInLeft .5s ease-out;animation:slideInLeft .5s ease-out;background:linear-gradient(180deg,#fff,#f8f9fa);border:1px solid rgba(102,126,234,.1);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;overflow-x:hidden;transition:all .3s ease;width:280px}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.dashboard-left-window:hover{box-shadow:0 6px 30px rgba(102,126,234,.15)}.sidebar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.1em;font-weight:600;gap:12px;padding:20px}.sidebar-icon{-webkit-animation:iconPulse 2s ease-in-out infinite;animation:iconPulse 2s ease-in-out infinite;font-size:1.5em}.sidebar-title{letter-spacing:.5px}.custom-list{max-height:calc(100% - 60px);overflow-x:hidden;overflow-y:auto;padding:12px!important}.custom-list::-webkit-scrollbar{width:6px}.custom-list::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.custom-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.custom-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7688f0,#8659b0)}.custom-list .MuiListItemButton-root{word-wrap:break-word;border-radius:12px!important;margin-bottom:8px!important;overflow:hidden;position:relative;transition:all .3s ease!important;white-space:normal}.custom-list .MuiListItemButton-root:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.custom-list .MuiListItemButton-root:hover:before{left:100%}.custom-list .MuiListItemButton-root:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;box-shadow:0 4px 15px rgba(102,126,234,.2);-webkit-transform:translateX(5px);transform:translateX(5px)}.custom-list .MuiListItemButton-root.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 20px rgba(102,126,234,.4);color:#fff!important}.custom-list .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root,.custom-list .MuiListItemButton-root.Mui-selected .MuiListItemText-primary{color:#fff!important}.dashboard-right-window{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out;background:#fff;border:1px solid rgba(102,126,234,.1);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);flex:1 1;overflow:hidden}.custom-tab-panel{height:100%;overflow-y:auto;padding:24px!important}.custom-tab-panel::-webkit-scrollbar{width:8px}.custom-tab-panel::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:10px}.custom-tab-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.custom-tab-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7688f0,#8659b0)}.speed-dial-wrapper{bottom:16px;position:absolute;right:16px;z-index:1000}.custom-speed-dial .MuiFab-root{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 6px 25px rgba(102,126,234,.4)!important;transition:all .3s ease!important}.custom-speed-dial .MuiFab-root:hover{box-shadow:0 8px 35px rgba(102,126,234,.5)!important;-webkit-transform:scale(1.1) rotate(45deg);transform:scale(1.1) rotate(45deg)}.speed-dial-action .MuiSpeedDialAction-fab{transition:all .3s ease!important}.speed-dial-action .MuiSpeedDialAction-fab:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;-webkit-transform:scale(1.15);transform:scale(1.15)}@media (max-width:1200px){.dashboard-top-bar{padding:15px 20px}.action-buttons{justify-content:flex-start;width:100%}}@media (max-width:968px){.dashboard-bottom-bar{flex-direction:column}.dashboard-left-window{max-height:200px;width:100%}.sidebar-header{padding:15px}}@media (max-width:768px){.dashboard-top-bar{flex-direction:column;gap:15px;padding:15px}.databases-list,.switch-options{width:100%}.action-buttons{justify-content:center}.add-new span{font-size:.9em}.dashboard-bottom-bar{gap:10px;padding:10px}}@media (max-width:480px){.add-new{font-size:.85em;padding:8px 16px}.btn-icon{font-size:1em!important}.database-selector-wrapper{padding:6px 12px}.custom-tab{font-size:.85em!important;padding:8px 12px!important}}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(102,126,234,.2);border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.empty-state{align-items:center;color:#667eea;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.empty-state-icon{-webkit-animation:iconFloat 3s ease-in-out infinite;animation:iconFloat 3s ease-in-out infinite;font-size:4em}.empty-state-text{font-size:1.2em;font-weight:600}.empty-state-subtext{color:#999;font-size:.95em}.dbmanagement-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.dbmanagement-container:after,.dbmanagement-container:before{-webkit-animation:float 20s ease-in-out infinite;animation:float 20s ease-in-out infinite;background:hsla(0,0%,100%,.1);border-radius:50%;content:"";position:absolute;z-index:0}.dbmanagement-container:before{-webkit-animation-delay:0s;animation-delay:0s;height:450px;left:-120px;top:-120px;width:450px}.dbmanagement-container:after{-webkit-animation-delay:5s;animation-delay:5s;bottom:-80px;height:350px;right:-80px;width:350px}.dbmanagement-card{-webkit-animation:slideIn .6s ease-out;animation:slideIn .6s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:600px;overflow:hidden;position:relative;width:100%;z-index:1}.dbmanagement-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center}.dbmanagement-header:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dbmanagement-form{padding:2.5rem 2rem}.form-section{margin-bottom:2rem}.input-wrapper{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;position:relative}.input-icon{left:14px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.field-icon{color:#667eea;font-size:1.5rem!important}.db-input{flex:1 1}.db-input .MuiOutlinedInput-root{background:#fff;border-radius:12px;padding-left:3rem;transition:all .3s ease}.db-input .MuiOutlinedInput-root:hover{box-shadow:0 4px 12px rgba(102,126,234,.15)}.db-input .MuiOutlinedInput-root.Mui-focused{box-shadow:0 6px 20px rgba(102,126,234,.25)}.db-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea;border-width:2px}.db-input .MuiInputLabel-root{padding-left:3rem}.db-input .MuiInputLabel-root.Mui-focused{color:#667eea}.db-input .MuiOutlinedInput-input{font-size:1rem;padding:16px 14px 16px 0}.input-hint{align-items:center;-webkit-animation:slideInHint .5s ease-out;animation:slideInHint .5s ease-out;background:linear-gradient(90deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-left:4px solid #667eea;border-radius:8px;display:flex;gap:.5rem;padding:.75rem 1rem}@-webkit-keyframes slideInHint{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInHint{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.button-wrapper{margin-top:2rem}.create-db-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;box-shadow:0 6px 20px rgba(102,126,234,.3)!important;color:#fff!important;font-size:1.1rem!important;font-weight:600!important;overflow:hidden;padding:1rem 2rem!important;position:relative;text-transform:none!important;transition:all .3s ease!important}.create-db-btn:before{background:hsla(0,0%,100%,.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}.create-db-btn:hover:before{height:400px;width:400px}.create-db-btn:hover{box-shadow:0 8px 30px rgba(102,126,234,.4)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.create-db-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.create-db-btn.Mui-disabled{background:linear-gradient(135deg,#6c757d,#5a6268)!important;box-shadow:none!important;color:hsla(0,0%,100%,.6)!important;cursor:not-allowed}.create-db-btn .MuiButton-startIcon,.create-db-btn span{position:relative;z-index:1}.dbmanagement-info{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;padding:2rem}@media (max-width:768px){.dbmanagement-container{padding:1rem}.dbmanagement-card{border-radius:16px;max-width:100%}.dbmanagement-header{padding:2rem 1.5rem}.header-icon{font-size:2.5rem!important}.header-title{font-size:1.6rem}.header-subtitle{font-size:.9rem}.dbmanagement-form{padding:2rem 1.5rem}.dbmanagement-info{padding:1.5rem}}@media (max-width:480px){.dbmanagement-container{padding:.5rem}.dbmanagement-card{border-radius:12px}.dbmanagement-header{padding:1.5rem 1rem}.header-content{flex-direction:column;gap:.5rem}.header-icon{font-size:2rem!important}.header-title{font-size:1.4rem}.header-subtitle{font-size:.85rem}.dbmanagement-form{padding:1.5rem 1rem}.input-wrapper{gap:.5rem}.input-icon{left:10px}.field-icon{font-size:1.3rem!important}.db-input .MuiInputLabel-root,.db-input .MuiOutlinedInput-root{padding-left:2.5rem}.db-input .MuiOutlinedInput-input{font-size:.95rem;padding:14px 12px 14px 0}.input-hint{gap:.4rem;padding:.6rem .8rem}.hint-icon{font-size:1rem}.hint-text{font-size:.85rem}.button-wrapper{margin-top:1.5rem}.create-db-btn{font-size:1rem!important;padding:.9rem 1.5rem!important}.dbmanagement-info{gap:.8rem;padding:1rem}.info-item{gap:.6rem}.info-icon{font-size:1.3rem}.info-text{font-size:.85rem}}.create-db-btn:focus-visible{outline:3px solid rgba(102,126,234,.5);outline-offset:2px}.create-db-btn.loading{pointer-events:none}.create-db-btn.loading:after{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px}@-webkit-keyframes spin{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes successPulse{0%{box-shadow:0 0 0 0 rgba(40,167,69,.7)}to{box-shadow:0 0 0 20px rgba(40,167,69,0)}}@keyframes successPulse{0%{box-shadow:0 0 0 0 rgba(40,167,69,.7)}to{box-shadow:0 0 0 20px rgba(40,167,69,0)}}.create-db-btn.success{-webkit-animation:successPulse .6s ease-out;animation:successPulse .6s ease-out;background:linear-gradient(135deg,#28a745,#20c997)!important}.upload-db-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.upload-db-container:after,.upload-db-container:before{-webkit-animation:float 20s ease-in-out infinite;animation:float 20s ease-in-out infinite;background:hsla(0,0%,100%,.1);border-radius:50%;content:"";position:absolute;z-index:0}.upload-db-container:before{-webkit-animation-delay:0s;animation-delay:0s;height:500px;right:-150px;top:-150px;width:500px}.upload-db-container:after{-webkit-animation-delay:5s;animation-delay:5s;bottom:-100px;height:400px;left:-100px;width:400px}.upload-db-card{-webkit-animation:slideIn .6s ease-out;animation:slideIn .6s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:650px;width:100%;z-index:1}.upload-db-card,.upload-header{overflow:hidden;position:relative}.upload-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2.5rem 2rem;text-align:center}.upload-header:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.upload-area{padding:2.5rem 2rem}.file-input-hidden{display:none}.file-upload-label{cursor:pointer;display:block;margin-bottom:1.5rem}.upload-box{align-items:center;background:#f8f9fa;border:3px dashed #d0d0d0;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;padding:3rem 2rem;position:relative;transition:all .4s ease}.upload-box:hover{background:linear-gradient(180deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-color:#667eea;box-shadow:0 8px 24px rgba(102,126,234,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.upload-box.file-selected{background:linear-gradient(180deg,rgba(40,167,69,.05),rgba(32,201,151,.05));border-color:#28a745;border-style:solid}.upload-icon-wrapper{align-items:center;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.upload-box.file-selected .upload-icon-wrapper{-webkit-animation:scaleIn .5s ease-out;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#28a745,#20c997)}.upload-icon{color:#fff;font-size:2.5rem!important}.success-icon{-webkit-animation:checkmark .5s ease-out;animation:checkmark .5s ease-out}.upload-text{display:flex;flex-direction:column;gap:.5rem;text-align:center}.upload-main-text{color:#495057;font-size:1.3rem;font-weight:600}.upload-sub-text{color:#6c757d;font-size:1rem}.upload-box.file-selected .upload-main-text{color:#28a745}.upload-box.file-selected .upload-sub-text{color:#495057;font-weight:500}.browse-button{border:2px solid #667eea!important;border-radius:8px!important;color:#667eea!important;font-size:1rem!important;font-weight:600!important;padding:.8rem 2rem!important;text-transform:none!important;transition:all .3s ease!important}.browse-button:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 6px 20px rgba(102,126,234,.3);color:#fff!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.file-info{align-items:center;-webkit-animation:slideInFile .5s ease-out;animation:slideInFile .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;gap:.8rem;padding:1rem 1.5rem}@-webkit-keyframes slideInFile{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFile{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.file-icon{color:#667eea;font-size:2rem!important}.file-name{color:#495057;font-size:1rem;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-button-wrapper{margin-top:1.5rem}.upload-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;box-shadow:0 6px 20px rgba(102,126,234,.3)!important;color:#fff!important;font-size:1.1rem!important;font-weight:600!important;overflow:hidden;padding:1rem 2rem!important;position:relative;text-transform:none!important;transition:all .3s ease!important}.upload-submit-btn:before{background:hsla(0,0%,100%,.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}.upload-submit-btn:hover:before{height:400px;width:400px}.upload-submit-btn:hover{box-shadow:0 8px 30px rgba(102,126,234,.4)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.upload-submit-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.upload-submit-btn.disabled{background:linear-gradient(135deg,#6c757d,#5a6268)!important;cursor:not-allowed;opacity:.6}.upload-submit-btn.disabled:hover{box-shadow:0 6px 20px hsla(208,7%,46%,.3)!important;-webkit-transform:none;transform:none}.upload-submit-btn .MuiButton-startIcon,.upload-submit-btn span{position:relative;z-index:1}.upload-info{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;padding:2rem}.info-item{align-items:center;-webkit-animation:slideInInfo .5s ease-out backwards;animation:slideInInfo .5s ease-out backwards;display:flex;gap:.8rem}.info-item:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.info-item:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.info-item:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes slideInInfo{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInInfo{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.info-icon{-webkit-animation:rotate 3s ease-in-out infinite;animation:rotate 3s ease-in-out infinite;font-size:1.5rem}.info-text{color:#6c757d;font-size:.95rem;font-weight:500}.upload-box.drag-over{background:linear-gradient(180deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-color:#667eea;-webkit-transform:scale(1.02);transform:scale(1.02)}@media (max-width:768px){.upload-db-container{padding:1rem}.upload-db-card{border-radius:16px;max-width:100%}.upload-header{padding:2rem 1.5rem}.header-icon{font-size:2.5rem!important}.header-title{font-size:1.6rem}.header-subtitle{font-size:.9rem}.upload-area{padding:2rem 1.5rem}.upload-box{padding:2rem 1rem}.upload-icon-wrapper{height:70px;width:70px}.upload-icon{font-size:2rem!important}.upload-main-text{font-size:1.1rem}.upload-sub-text{font-size:.9rem}.upload-info{padding:1.5rem}}@media (max-width:480px){.upload-db-container{padding:.5rem}.upload-db-card{border-radius:12px}.upload-header{padding:1.5rem 1rem}.header-content{flex-direction:column;gap:.5rem}.header-icon{font-size:2rem!important}.header-title{font-size:1.4rem}.header-subtitle{font-size:.85rem}.upload-area,.upload-box{padding:1.5rem 1rem}.upload-icon-wrapper{height:60px;width:60px}.upload-icon{font-size:1.8rem!important}.upload-main-text{font-size:1rem}.upload-sub-text{font-size:.85rem}.browse-button{font-size:.9rem!important;padding:.7rem 1.5rem!important}.upload-submit-btn{font-size:1rem!important;padding:.9rem 1.5rem!important}.file-info{flex-direction:column;gap:.5rem;text-align:center}.file-name{max-width:100%}.upload-info{gap:.8rem;padding:1rem}.info-item{gap:.6rem}.info-icon{font-size:1.3rem}.info-text{font-size:.85rem}}.upload-submit-btn:focus-visible{outline:3px solid rgba(102,126,234,.5);outline-offset:2px}.browse-button:focus-visible{outline:3px solid rgba(102,126,234,.5);outline-offset:2px}.doc-main{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:6rem 2rem 2rem;position:relative}.doc-main:after,.doc-main:before{-webkit-animation:float 20s ease-in-out infinite;animation:float 20s ease-in-out infinite;background:hsla(0,0%,100%,.1);border-radius:50%;content:"";position:absolute;z-index:0}.doc-main:before{-webkit-animation-delay:0s;animation-delay:0s;height:500px;left:-150px;top:-150px;width:500px}.doc-main:after{-webkit-animation-delay:5s;animation-delay:5s;bottom:-100px;height:400px;right:-100px;width:400px}@-webkit-keyframes float{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(50px,-50px) rotate(120deg);transform:translate(50px,-50px) rotate(120deg)}66%{-webkit-transform:translate(-50px,50px) rotate(240deg);transform:translate(-50px,50px) rotate(240deg)}}@keyframes float{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(50px,-50px) rotate(120deg);transform:translate(50px,-50px) rotate(120deg)}66%{-webkit-transform:translate(-50px,50px) rotate(240deg);transform:translate(-50px,50px) rotate(240deg)}}.doc-sub{-webkit-animation:slideIn .6s ease-out;animation:slideIn .6s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:900px;overflow:hidden;position:relative;width:100%;z-index:1}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.doc-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center}.doc-header:before{-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.header-content{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem;position:relative;z-index:1}.header-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;font-size:3rem!important}.header-title{font-size:2rem;font-weight:700;letter-spacing:.5px;margin:0}.header-subtitle{font-size:1rem;font-weight:400;margin:0;opacity:.95;position:relative;z-index:1}.doc-section{-webkit-animation:fadeInSection .5s ease-out backwards;animation:fadeInSection .5s ease-out backwards;border-bottom:1px solid #e0e0e0;padding:2rem}.doc-section:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.doc-section:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.doc-section:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.doc-section:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.doc-section:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes fadeInSection{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInSection{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.doc-section:last-of-type{border-bottom:none}.section-header{align-items:center;display:flex;gap:.8rem;margin-bottom:1.5rem}.section-icon{color:#667eea;font-size:1.8rem!important}.section-title{color:#495057;font-size:1.3rem;font-weight:600;margin:0}.doc-field{display:flex;flex-direction:column;gap:.8rem}.field-wrapper{align-items:flex-start;display:flex;gap:.8rem}.doc-input{flex:1 1}.doc-input .MuiOutlinedInput-root{background:#f8f9fa;border-radius:12px}.doc-input .MuiOutlinedInput-root.Mui-disabled{background:#f8f9fa}.doc-input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#e0e0e0;border-width:2px}.doc-input .MuiOutlinedInput-input{color:#495057;font-weight:500}.doc-input .MuiOutlinedInput-input.Mui-disabled{-webkit-text-fill-color:#495057;cursor:default}.code-input .MuiOutlinedInput-input{font-family:Courier New,monospace;font-size:.9rem}.example-input .MuiOutlinedInput-input{font-family:Courier New,monospace;font-size:.85rem;line-height:1.8}.method-chip{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;font-size:.9rem!important;font-weight:600!important;height:32px!important;letter-spacing:.5px!important}.copy-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 2px 8px rgba(102,126,234,.3)!important;color:#fff!important;flex-shrink:0;height:42px;transition:all .3s ease!important;width:42px}.copy-btn:hover{box-shadow:0 4px 15px rgba(102,126,234,.5)!important;-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}.copy-btn:active{-webkit-transform:scale(.95)!important;transform:scale(.95)!important}.copy-btn .MuiSvgIcon-root{font-size:1.2rem!important}.check-icon{-webkit-animation:checkmark .5s ease-out;animation:checkmark .5s ease-out;color:#28a745!important}@-webkit-keyframes checkmark{0%{-webkit-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg)}50%{-webkit-transform:scale(1.2) rotate(180deg);transform:scale(1.2) rotate(180deg)}to{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}}@keyframes checkmark{0%{-webkit-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg)}50%{-webkit-transform:scale(1.2) rotate(180deg);transform:scale(1.2) rotate(180deg)}to{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}}.example-copy-btn{align-self:flex-start;margin-top:.2rem}.field-hint{align-items:center;background:linear-gradient(90deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-left:4px solid #667eea;border-radius:8px;display:flex;gap:.6rem;padding:.8rem 1rem}.hint-icon{-webkit-animation:glow 2s ease-in-out infinite;animation:glow 2s ease-in-out infinite;font-size:1.2rem}@-webkit-keyframes glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{opacity:1}50%{opacity:.6}}.hint-text{color:#6c757d;font-size:.9rem;font-weight:500}.example-section{background:linear-gradient(180deg,rgba(102,126,234,.02),rgba(118,75,162,.02))}.doc-footer{background:#f8f9fa;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1.5rem 2rem}.footer-item{align-items:center;-webkit-animation:slideInFooter .5s ease-out .6s backwards;animation:slideInFooter .5s ease-out .6s backwards;display:flex;gap:.6rem}@-webkit-keyframes slideInFooter{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFooter{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.footer-icon{-webkit-animation:rotate 3s ease-in-out infinite;animation:rotate 3s ease-in-out infinite;font-size:1.3rem}@-webkit-keyframes rotate{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes rotate{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.footer-text{color:#6c757d;font-size:.9rem;font-weight:500}.MuiTooltip-tooltip{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:6px!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;font-size:.85rem!important;padding:.5rem .8rem!important}.MuiTooltip-arrow{color:#667eea!important}@media (max-width:1200px){.doc-sub{max-width:100%}}@media (max-width:968px){.doc-main{padding:5rem 1.5rem 1.5rem}.doc-section{padding:1.5rem}}@media (max-width:768px){.doc-main{padding:5rem 1rem 1rem}.doc-sub{border-radius:16px}.doc-header{padding:2rem 1.5rem}.header-icon{font-size:2.5rem!important}.header-title{font-size:1.6rem}.header-subtitle{font-size:.9rem}.doc-section{padding:1.5rem}.section-icon{font-size:1.5rem!important}.section-title{font-size:1.1rem}.field-wrapper{gap:.6rem}.copy-btn{height:38px;width:38px}.doc-footer{flex-direction:column;gap:1rem;padding:1.2rem 1.5rem}}@media (max-width:480px){.doc-main{padding:5rem .5rem .5rem}.doc-sub{border-radius:12px}.doc-header{padding:1.5rem 1rem}.header-content{flex-direction:column;gap:.5rem}.header-icon{font-size:2rem!important}.header-title{font-size:1.4rem}.header-subtitle{font-size:.85rem}.doc-section{padding:1rem}.section-header{gap:.5rem}.section-icon{font-size:1.3rem!important}.section-title{font-size:1rem}.field-wrapper{align-items:stretch;flex-direction:column;gap:.8rem}.copy-btn{border-radius:8px;height:42px;width:100%}.example-copy-btn{margin-top:0;width:100%}.method-chip{width:100%}.field-hint{padding:.6rem .8rem}.hint-text{font-size:.85rem}.doc-footer{padding:1rem}.footer-text{font-size:.85rem}}.copy-btn:focus-visible{outline:3px solid rgba(102,126,234,.5);outline-offset:2px}@media print{.doc-main{background:#fff;padding:0}.copy-btn,.doc-footer,.method-chip{display:none}}.loader-main{align-items:center;-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader-content{-webkit-animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55);animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55);flex-direction:column;position:relative}.loader-content,.loader-icon-wrapper{align-items:center;display:flex;justify-content:center}.loader-icon-wrapper{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;position:absolute;z-index:2}.loader-icon{-webkit-animation:iconRotate 3s linear infinite;animation:iconRotate 3s linear infinite;color:#667eea;-webkit-filter:drop-shadow(0 4px 8px rgba(102,126,234,.5));filter:drop-shadow(0 4px 8px rgba(102,126,234,.5));font-size:3rem!important}@-webkit-keyframes iconRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes iconRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-text{-webkit-animation:fadeInUp .6s ease-out .3s backwards;animation:fadeInUp .6s ease-out .3s backwards;margin-top:2rem;text-align:center}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.loader-title{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.loader-subtitle{color:hsla(0,0%,100%,.9);font-size:1rem;font-weight:400;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loader-dots{-webkit-animation:fadeInUp .6s ease-out .5s backwards;animation:fadeInUp .6s ease-out .5s backwards;display:flex;gap:.5rem;margin-top:1.5rem}.dot{-webkit-animation:dotBounce 1.4s ease-in-out infinite;animation:dotBounce 1.4s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px rgba(102,126,234,.5);height:12px;width:12px}.dot:first-child{-webkit-animation-delay:0s;animation-delay:0s}.dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes dotBounce{0%,to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.7;-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes dotBounce{0%,to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.7;-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.loader-content>span{-webkit-filter:drop-shadow(0 4px 12px rgba(102,126,234,.4));filter:drop-shadow(0 4px 12px rgba(102,126,234,.4))}@media (max-width:768px){.loader-icon{font-size:2.5rem!important}.loader-title{font-size:1.5rem}.loader-subtitle{font-size:.9rem}.dot{height:10px;width:10px}}@media (max-width:480px){.loader-icon{font-size:2rem!important}.loader-title{font-size:1.3rem}.loader-subtitle{font-size:.85rem;padding:0 1rem}.dot{height:8px;width:8px}.loader-dots{gap:.4rem;margin-top:1rem}}.loader-main:before{-webkit-animation:ripple 3s ease-out infinite;animation:ripple 3s ease-out infinite;background:radial-gradient(circle,rgba(102,126,234,.1) 0,transparent 70%);border-radius:50%;content:"";height:300px;position:absolute;width:300px}@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes ripple{0%{opacity:1;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@media (prefers-reduced-motion:reduce){.dot,.loader-content,.loader-dots,.loader-icon,.loader-icon-wrapper,.loader-main,.loader-main:before,.loader-text{-webkit-animation:none!important;animation:none!important}.loader-icon{-webkit-transform:none!important;transform:none!important}}.alert-container{position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:9999}.alert-visible{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}.alert-hidden{opacity:0;-webkit-transform:translateX(400px) scale(.8);transform:translateX(400px) scale(.8)}.alert-box{-webkit-animation:slideInRight .5s cubic-bezier(.68,-.55,.265,1.55);animation:slideInRight .5s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:500px;min-width:320px;overflow:hidden}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(400px) scale(.8);transform:translateX(400px) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(400px) scale(.8);transform:translateX(400px) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}.alert-content{align-items:center;display:flex;gap:1rem;padding:1rem 1.2rem;position:relative}.alert-icon-wrapper{align-items:center;-webkit-animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards;animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@-webkit-keyframes scaleIn{0%{-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes scaleIn{0%{-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}.alert-icon{color:#fff;font-size:1.5rem!important}.alert-message{-webkit-animation:fadeInMessage .5s ease-out .3s backwards;animation:fadeInMessage .5s ease-out .3s backwards;color:#495057;flex:1 1;font-size:.95rem;font-weight:500;line-height:1.5}@-webkit-keyframes fadeInMessage{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInMessage{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.alert-close-btn{color:#6c757d!important;flex-shrink:0;transition:all .3s ease!important}.alert-close-btn:hover{background-color:rgba(0,0,0,.05)!important;color:#495057!important;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.alert-close-btn .MuiSvgIcon-root{font-size:1.2rem!important}.alert-progress{background:rgba(0,0,0,.05);height:4px;overflow:hidden}.alert-progress-bar{border-radius:0 4px 4px 0;height:100%;transition:width .04s linear}.alert-success .alert-icon-wrapper{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px rgba(40,167,69,.3)}.alert-success .alert-progress-bar{background:linear-gradient(90deg,#28a745,#20c997)}.alert-success{border-left:4px solid #28a745}.alert-error .alert-icon-wrapper{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px rgba(220,53,69,.3)}.alert-error .alert-progress-bar{background:linear-gradient(90deg,#dc3545,#c82333)}.alert-error{border-left:4px solid #dc3545}.alert-warning .alert-icon-wrapper{background:linear-gradient(135deg,#ffc107,#ff9800);box-shadow:0 4px 15px rgba(255,193,7,.3)}.alert-warning .alert-progress-bar{background:linear-gradient(90deg,#ffc107,#ff9800)}.alert-warning{border-left:4px solid #ffc107}.alert-info .alert-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3)}.alert-info .alert-progress-bar{background:linear-gradient(90deg,#667eea,#764ba2)}.alert-info{border-left:4px solid #667eea}.alert-icon-wrapper{-webkit-animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards,pulse 2s ease-in-out .7s infinite;animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards,pulse 2s ease-in-out .7s infinite}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.alert-error .alert-icon-wrapper{-webkit-animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards,shake .5s ease-in-out .7s;animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards,shake .5s ease-in-out .7s}@-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)}}.alert-success .alert-icon-wrapper{-webkit-animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards,bounce .6s ease-in-out .7s;animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards,bounce .6s ease-in-out .7s}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.alert-warning .alert-icon-wrapper{-webkit-animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards,swing .6s ease-in-out .7s;animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards,swing .6s ease-in-out .7s}@-webkit-keyframes swing{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@keyframes swing{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@media (max-width:768px){.alert-container{left:10px;right:10px;top:10px}.alert-box{max-width:100%;min-width:auto}.alert-content{gap:.8rem;padding:.9rem 1rem}.alert-icon-wrapper{height:36px;width:36px}.alert-icon{font-size:1.3rem!important}.alert-message{font-size:.9rem}}@media (max-width:480px){.alert-container{left:5px;right:5px;top:5px}.alert-box{border-radius:8px}.alert-content{gap:.6rem;padding:.8rem}.alert-icon-wrapper{height:32px;width:32px}.alert-icon{font-size:1.2rem!important}.alert-message{font-size:.85rem}.alert-close-btn{padding:4px!important}.alert-close-btn .MuiSvgIcon-root{font-size:1.1rem!important}}.alert-container:nth-child(2){top:90px}.alert-container:nth-child(3){top:160px}.alert-container:nth-child(4){top:230px}@media (prefers-color-scheme:dark){.alert-box{background:#2d3748}.alert-message{color:#e2e8f0}.alert-close-btn{color:#cbd5e0!important}.alert-close-btn:hover{background-color:hsla(0,0%,100%,.1)!important;color:#f7fafc!important}.alert-progress{background:hsla(0,0%,100%,.1)}}.alert-close-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.alert-container{display:none}}@media (prefers-reduced-motion:reduce){.alert-box,.alert-container,.alert-icon-wrapper,.alert-message,.alert-progress-bar{-webkit-animation:none!important;animation:none!important;transition:none!important}}.user-nav-main{display:flex;min-height:80px;overflow:hidden;position:relative;width:100%}.nav-background{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.nav-shape{-webkit-animation:floatShape 15s ease-in-out infinite;animation:floatShape 15s ease-in-out infinite;border-radius:50%;opacity:.15;position:absolute}.nav-shape-1{-webkit-animation-delay:0s;animation-delay:0s;background:#fff;height:300px;left:10%;top:-150px;width:300px}.nav-shape-2{-webkit-animation-delay:5s;animation-delay:5s;background:#fff;bottom:-100px;height:200px;right:15%;width:200px}@-webkit-keyframes floatShape{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(20px,-20px) rotate(120deg);transform:translate(20px,-20px) rotate(120deg)}66%{-webkit-transform:translate(-15px,15px) rotate(240deg);transform:translate(-15px,15px) rotate(240deg)}}@keyframes floatShape{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(20px,-20px) rotate(120deg);transform:translate(20px,-20px) rotate(120deg)}66%{-webkit-transform:translate(-15px,15px) rotate(240deg);transform:translate(-15px,15px) rotate(240deg)}}.user-nav-sub{align-items:center;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;height:100%;justify-content:space-between;padding:0 40px;position:relative;width:100%;z-index:1}.user-nav-icon{display:flex;flex-direction:column;gap:4px;justify-content:center}.logo-wrapper{align-items:center;display:flex;gap:16px}.logo-image{-webkit-animation:logoFloat 3s ease-in-out infinite;animation:logoFloat 3s ease-in-out infinite;-webkit-filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));height:50px;object-fit:contain;width:50px}@-webkit-keyframes logoFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes logoFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.logo-text{color:#fff;font-size:2em;font-weight:700;letter-spacing:2px;position:relative;text-shadow:0 2px 10px rgba(0,0,0,.2)}.logo-text:after{background:#fff;bottom:-4px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.logo-wrapper:hover .logo-text:after{width:100%}.logo-tagline{color:hsla(0,0%,100%,.9);font-size:.85em;font-weight:500;letter-spacing:1px;margin-left:66px;text-shadow:0 1px 5px rgba(0,0,0,.1)}.profile-button,.user-nav-profile{align-items:center;display:flex}.profile-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:1em;font-weight:600;gap:10px;letter-spacing:.5px;padding:12px 24px;text-transform:capitalize;transition:all .3s ease}.profile-button:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);box-shadow:0 6px 20px rgba(0,0,0,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.profile-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.profile-icon{-webkit-animation:iconPulse 2s ease-in-out infinite;animation:iconPulse 2s ease-in-out infinite}@-webkit-keyframes iconPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes iconPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.profile-name{font-weight:600}.custom-menu-paper{-webkit-animation:menuSlideDown .3s ease-out!important;animation:menuSlideDown .3s ease-out!important;border:1px solid rgba(102,126,234,.1)!important;border-radius:16px!important;box-shadow:0 8px 30px rgba(0,0,0,.15)!important;margin-top:8px!important;min-width:320px!important;overflow:hidden!important}@-webkit-keyframes menuSlideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes menuSlideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.profile-menu-item{overflow:hidden!important;padding:16px 20px!important;position:relative!important;transition:all .3s ease!important}.profile-menu-item:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.profile-menu-item:hover:before{left:100%}.profile-menu-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08))!important}.user-info-item{cursor:default!important}.user-info-item,.user-info-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))!important}.user-profile{gap:16px;width:100%}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px rgba(102,126,234,.3);height:60px;justify-content:center;width:60px}.avatar-icon{color:#fff;font-size:2em!important}.user-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.username{color:#333;font-size:1.2em;font-weight:700;letter-spacing:.5px}.otherinfo{display:flex;flex-direction:column;gap:6px}.info-row{align-items:center;color:#666;display:flex;font-size:.9em;gap:8px}.info-icon{color:#667eea;font-size:1.1em!important}.user-contact,.user-emailid{font-weight:500}.menu-divider{background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)!important;height:2px!important;margin:8px 0!important}.action-item{align-items:center!important;display:flex!important;font-weight:600!important;gap:12px!important}.action-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important}.menu-item-icon{color:#667eea!important;transition:all .3s ease!important}.action-item:hover .menu-item-icon{-webkit-transform:scale(1.2) rotate(-5deg);transform:scale(1.2) rotate(-5deg)}.logout-menu-item{color:#dc3545!important}.logout-menu-item:hover{background:linear-gradient(135deg,rgba(220,53,69,.1),rgba(200,35,51,.1))!important}.logout-menu-item .menu-item-icon{color:#dc3545!important}@media (max-width:1024px){.user-nav-sub{padding:0 30px}.logo-text{font-size:1.6em}.logo-image{height:45px;width:45px}.logo-tagline{font-size:.8em;margin-left:61px}}@media (max-width:768px){.user-nav-main{min-height:70px}.user-nav-sub{padding:0 20px}.logo-text{font-size:1.4em}.logo-image{height:40px;width:40px}.logo-tagline{display:none}.profile-button{font-size:.9em;padding:10px 18px}.profile-name{display:none}.custom-menu-paper{min-width:280px!important}}@media (max-width:480px){.user-nav-main{min-height:60px}.user-nav-sub{padding:0 15px}.logo-wrapper{gap:10px}.logo-text{font-size:1.2em;letter-spacing:1px}.logo-image{height:35px;width:35px}.profile-button{gap:8px;padding:8px 16px}.custom-menu-paper{min-width:260px!important}.user-avatar{height:50px;width:50px}.username{font-size:1.1em}.info-row{font-size:.85em}}.user-nav-sub:before{-webkit-animation:shimmer 4s infinite;animation:shimmer 4s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),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%}}.profile-button:focus{outline:3px solid hsla(0,0%,100%,.5);outline-offset:2px}.profile-menu-item:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:-2px}
/*# sourceMappingURL=main.a52eb46f.css.map*/