:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--dark-gradient:linear-gradient(135deg,#1e3c72,#2a5298);--color-primary:#667eea;--color-primary-dark:#5568d3;--color-secondary:#764ba2;--color-accent:#f5576c;--color-success:#00f2fe;--color-warning:#f093fb;--color-danger:#ff6b6b;--bg-primary:#0a0e27;--bg-secondary:#141b2d;--bg-card:#1a2332;--bg-card-hover:#212b3d;--bg-input:#1e2838;--text-primary:#fff;--text-secondary:#a0aec0;--text-muted:#718096;--border-color:hsla(0,0%,100%,.1);--border-radius:16px;--border-radius-sm:12px;--border-radius-lg:24px;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.2);--shadow-lg:0 8px 32px rgba(0,0,0,.3);--shadow-glow:0 0 20px rgba(102,126,234,.3);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:16px;font-weight:600;justify-content:center;overflow:hidden;padding:14px 32px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn,.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent)}.btn:before{content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-primary)}.btn-block{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:active{transform:translateY(0)}.btn-danger{background:#ff6b6b1a;border:1px solid var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:#ff6b6b33;box-shadow:0 4px 16px #ff6b6b4d}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:var(--primary-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s}.card:hover{border-color:#667eea4d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover:before{transform:scaleX(1)}.card-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.card-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.stats-grid{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:24px;padding:24px;transition:all .3s ease}.stat-card,.stats-grid{background:var(--bg-card);box-shadow:var(--shadow-sm);cursor:default}.stat-card{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;padding:32px;position:relative;transition:all .3s}.stat-card:before{background:var(--primary-gradient);content:"";cursor:default;inset:0;opacity:0;position:absolute;transition:opacity .3s}.stat-card:hover{cursor:default}.stat-card:hover:hover,.stat-card:hover:hover:hover{box-shadow:var(--shadow-lg);cursor:default;transform:translateY(-4px)}.stat-card:hover:before{cursor:default;opacity:.05}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700;margin:0}.stat-icon{align-items:center;background:var(--primary-gradient);border-radius:12px;display:flex;height:48px;justify-content:center;position:absolute;right:24px;top:24px;width:48px}.form-group{margin-bottom:24px}.form-label{color:var(--text-secondary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-primary);font-size:16px;padding:14px 16px;transition:all .3s;width:100%}.form-input:focus{background:var(--bg-card);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.alert{animation:slideIn .3s ease-out;border-left:4px solid;border-radius:var(--border-radius-sm);margin-bottom:24px;padding:16px 20px}.alert-error{background:#ff6b6b1a;border-color:var(--color-danger);color:var(--color-danger)}.alert-success{background:#00f2fe1a;border-color:var(--color-success);color:var(--color-success)}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2332cc;border-bottom:1px solid var(--border-color);left:0;padding:16px 0;position:fixed;right:0;top:0;width:100%;z-index:1000}.navbar-content{justify-content:space-between;margin:0 auto;padding:0 24px;position:relative}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{background:var(--primary-gradient);-webkit-background-clip:text;color:var(--text-primary);font-size:20px;font-weight:700;gap:12px;text-decoration:none;-webkit-text-fill-color:transparent;background-clip:text;z-index:1001}.burger-menu-btn{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:32px;justify-content:space-around;padding:0;position:relative;width:32px;z-index:1001}.burger-line{background:var(--text-primary);border-radius:3px;height:3px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.burger-line.active:first-child{transform:translateY(10px) rotate(45deg)}.burger-line.active:nth-child(2){opacity:0;transform:scaleX(0)}.burger-line.active:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.navbar-nav{align-items:center;display:flex;gap:32px}.nav-link{color:var(--text-secondary);font-weight:500;position:relative;text-decoration:none;transition:color .3s}.nav-link:after{background:var(--primary-gradient);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.page{min-height:calc(100vh - 80px);padding:48px 0}.page-header{margin-bottom:48px;text-align:center}.page-title{background:var(--primary-gradient);-webkit-background-clip:text;font-size:48px;font-weight:800;-webkit-text-fill-color:transparent;animation:fadeIn .6s ease-out;background-clip:text;margin-bottom:16px}.page-subtitle{animation:fadeIn .8s ease-out;color:var(--text-secondary);font-size:18px}.auth-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.auth-page:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,rgba(102,126,234,.1) 0,transparent 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.auth-container{animation:fadeIn .6s ease-out;max-width:440px;width:100%;z-index:1}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:48px}.auth-title{background:var(--primary-gradient);-webkit-background-clip:text;font-size:32px;font-weight:700;margin-bottom:12px;text-align:center;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.5;margin-bottom:32px;margin-top:16px;text-align:left}.auth-link{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .3s}.auth-link:hover{color:var(--color-primary-dark)}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;cursor:default;margin:24px;padding:24px;transition:all .3s ease}.chart-container:hover{box-shadow:var(--shadow-md);cursor:default;transform:scale(1.02)}.chart-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);color:var(--text-secondary);cursor:default;font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:24px;padding-bottom:16px;text-align:center;text-transform:uppercase}.chart-canvas-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;height:300px;padding:16px;position:relative;transition:all .3s ease;width:100%}.chart-canvas-wrapper:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.chart-canvas{background:transparent;border:none;border-radius:var(--border-radius-sm);box-shadow:none;cursor:default;height:100%;transition:none;width:100%}.chart-canvas:hover{background:transparent;border:none;box-shadow:none;cursor:default;transform:none;transition:none}.chart-canvas:hover:hover{box-shadow:none;cursor:default;transform:none}@keyframes stageBackground{0%,10%,90%,to{background-color:#00b6bb}25%,75%{background-color:#0094bd}}@keyframes earthRotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes sunrise{0%,10%,90%,to{box-shadow:0 0 0 25px #5ad6bd,0 0 0 40px #4acead,0 0 0 60px #4acead99,0 0 0 90px #4acead4d}25%,75%{box-shadow:0 0 #5ad6bd,0 0 #4acead,0 0 #4acead99,0 0 #4acead4d}}@keyframes moonOrbit{25%{transform:rotate(-60deg)}50%{transform:rotate(-60deg)}75%{transform:rotate(-120deg)}0%,to{transform:rotate(-180deg)}}@keyframes nightTime{0%,90%{opacity:0}50%,75%{opacity:1}}@keyframes hotPan{0%,90%{background-color:#74667e}50%,75%{background-color:#b2241c}}@keyframes heat{0%,90%{box-shadow:inset 0 0 #ffffff4d}50%,75%{box-shadow:inset 0 -2px #fff}}@keyframes smoke{0%,50%,90%,to{opacity:0}50%,75%{opacity:.7}}@keyframes fire{0%,90%,to{opacity:0}50%,75%{opacity:1}}@keyframes treeShake{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}40%{transform:rotate(4deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}to{transform:rotate(0)}}@keyframes fireParticles{0%{height:30%;opacity:1;top:75%}25%{height:25%;opacity:.8;top:40%}50%{height:15%;opacity:.6;top:20%}75%{height:10%;opacity:.3;top:0}to{opacity:0}}@keyframes fireLines{0%,25%,75%,to{bottom:0}50%{bottom:5%}}.scene{align-items:flex-end;height:300px;justify-content:center;margin:0 auto 80px;width:400px}.forest,.scene{display:flex;position:relative}.forest{height:90%;width:75%}.tree{bottom:0;display:block;opacity:.4;position:absolute;width:50%}.tree .branch{height:0;margin:0 auto;overflow:hidden;padding-bottom:50%;padding-left:40%;width:80%}.tree .branch:before{border-bottom:950px solid #000;border-left:600px solid transparent;border-right:600px solid transparent;content:"";display:block;height:0;margin-left:-600px;width:0}.tree .branch.branch-top{animation:treeShake .5s linear infinite;transform-origin:50% 100%}.tree .branch.branch-middle{margin:-25% auto 0;padding-bottom:65%;padding-left:45%;width:90%}.tree .branch.branch-bottom{margin:-40% auto 0;padding-bottom:80%;padding-left:50%;width:100%}.tree1{width:31%}.tree1 .branch-top{transition-delay:.3s}.tree2{left:9%;width:39%}.tree2 .branch-top{transition-delay:.4s}.tree3{left:24%;width:32%}.tree3 .branch-top{transition-delay:.5s}.tree4{left:34%;width:37%}.tree4 .branch-top{transition-delay:.6s}.tree5{left:44%;width:44%}.tree5 .branch-top{transition-delay:.7s}.tree6{left:61%;width:34%}.tree6 .branch-top{transition-delay:.2s}.tree7{left:76%;width:24%}.tree7 .branch-top{transition-delay:.1s}.tent{bottom:-.5%;height:25%;position:absolute;right:15%;text-align:right;width:60%;z-index:1}.roof{background:#f6d484;border-left:4px solid #4d4454;border-right:4px solid #4d4454;border-top:4px solid #4d4454;border-top-right-radius:6px;box-shadow:inset -3px 3px #f7b563;display:inline-block;height:100%;margin-right:10%;position:relative;transform:skew(30deg);width:45%;z-index:1}.roof:before{background-color:#e78c20;border-radius:10%;height:70%;left:15%;top:15%;width:70%;z-index:0}.roof:after,.roof:before{content:"";position:absolute}.roof:after{background:linear-gradient(180deg,#e78c2066 0 64%,#e78c20cc 65%,#e78c20cc);bottom:0;height:75%;right:0;width:100%;z-index:1}.roof-border-left{display:flex;flex-direction:column;height:125%;justify-content:space-between;left:35.7%;position:absolute;top:0;transform:rotate(35deg);transform-origin:50% 0;width:1%;z-index:1}.roof-border-left .roof-border{border:2px solid #4d4454;border-radius:2px;display:block;width:100%}.roof-border-left .roof-border1{height:40%}.roof-border-left .roof-border2{height:10%}.roof-border-left .roof-border3{height:40%}.door{bottom:2%;height:92px;overflow:hidden;transform-origin:0 105%;width:55px}.door,.left-door{position:absolute;z-index:0}.left-door{bottom:-3%;left:13.5%;transform:rotate(35deg)}.left-door .left-door-inner{background-color:#edddc2;height:100%;overflow:hidden;position:absolute;top:0;transform:rotate(-35deg);transform-origin:0 105%;width:100%}.left-door .left-door-inner:before{background:repeating-linear-gradient(#d4bc8b,#d4bc8b 4%,#e0d2a8 5% 10%);content:"";height:100%;position:absolute;right:0;top:0;width:15%}.left-door .left-door-inner:after{background-color:#fff;content:"";height:100%;left:10%;position:absolute;top:15%;transform:rotate(25deg);width:50%}.right-door{bottom:-3%;height:89px;position:absolute;right:21%;transform:rotate(-30deg) scaleX(-1);transform-origin:0 105%;z-index:0}.right-door .right-door-inner{background-color:#efe7cf;bottom:0;height:100%;overflow:hidden;position:absolute;transform:rotate(-30deg);transform-origin:0 120%;width:100%}.right-door .right-door-inner:before{background-color:#524a5a;content:"";height:100%;position:absolute;right:-28%;top:15%;transform:rotate(15deg);width:50%;z-index:1}.right-door .right-door-inner:after{background-color:#fff;content:"";height:100%;position:absolute;right:-20%;top:15%;transform:rotate(20deg);width:50%}.floor{bottom:0;position:absolute;right:10%;width:80%;z-index:1}.floor .ground{border:2px solid #4d4454;border-radius:2px;position:absolute}.floor .ground.ground1{left:0;width:65%}.floor .ground.ground2{right:0;width:30%}.fireplace{display:block;height:20%;left:5%;position:absolute;width:24%}.fireplace:before{background:#4d4454;border-radius:2px;bottom:-4px;content:"";left:2%;width:8%}.fireplace .support,.fireplace:before{border:2px solid #4d4454;display:block;position:absolute}.fireplace .support{bottom:-5%;height:105%;left:10%;width:2px}.fireplace .support:before{left:-4px;transform:rotate(45deg);transform-origin:100% 100%}.fireplace .support:after,.fireplace .support:before{border:2px solid #4d4454;border-radius:2px;content:"";height:15%;position:absolute;top:-18%;width:100%}.fireplace .support:after{left:0;transform:rotate(-45deg);transform-origin:0 100%}.fireplace .support:first-child{left:85%}.fireplace .bar{border:2px solid #4d4454;border-radius:2px;height:2px;width:100%}.fireplace .hanger{border:2px solid #4d4454;display:block;height:25%;left:50%;margin-left:-4px;position:absolute;width:2px}.fireplace .pan{animation:heat 5s linear infinite;border:4px solid #4d4454;border-radius:50%;display:block;height:50%;left:35%;overflow:hidden;position:absolute;top:25%;width:25%}.fireplace .pan:before{animation:hotPan 5s linear infinite;background-color:#74667e;border-top:4px solid #4d4454;bottom:0;content:"";display:block;height:53%;position:absolute;width:100%;z-index:-1}.fireplace .smoke{animation:smoke 5s linear infinite;background-color:#fff;display:block;filter:blur(5px);height:25%;left:37%;position:absolute;top:25%;width:20%}.fireplace .fire{animation:fire 5s linear infinite;bottom:0;height:120%;left:33%;width:25%}.fireplace .fire,.fireplace .fire:before{display:block;position:absolute;z-index:1}.fireplace .fire:before{background-color:#efb54a;border:1px solid #efb54a;border-radius:2px;bottom:-4px;content:"";height:2px;width:100%}.fireplace .fire .line{animation:fireLines 1s linear infinite;bottom:0;display:block;height:100%;position:absolute;width:2px}.fireplace .fire .line2{animation-delay:.3s;left:50%;margin-left:-1px}.fireplace .fire .line3{animation-delay:.5s;right:0}.fireplace .fire .line .particle{animation:fireParticles .5s linear infinite;border:2px solid #efb54a;border-radius:2px;height:10%;position:absolute;top:100%;z-index:1}.fireplace .fire .line .particle1{animation-delay:.1s}.fireplace .fire .line .particle2{animation-delay:.3s}.fireplace .fire .line .particle3{animation-delay:.6s}.fireplace .fire .line .particle4{animation-delay:.9s}.time-wrapper{height:100%;overflow:hidden}.time,.time-wrapper{display:block;position:absolute;width:100%}.time{animation:earthRotation 5s linear infinite;height:200%;transform:rotate(270deg);transform-origin:50% 50%}.time .day{animation:sunrise 5s ease-in-out infinite;background-color:#ef9431;border-radius:50%;box-shadow:0 0 0 25px #5ad6bd,0 0 0 40px #4acead,0 0 0 60px #4acead99,0 0 0 90px #4acead4d;display:block;height:20px;left:40%;position:absolute;top:20%;width:20px}.time .night{animation:nightTime 5s ease-in-out infinite}.time .night .star{background-color:#fff;border-radius:50%;bottom:10%;display:block;height:4px;position:absolute;width:4px}.time .night .star-big{height:6px;width:6px}.time .night .star1{bottom:25%;right:23%}.time .night .star2{bottom:18%;right:35%}.time .night .star3{bottom:25%;right:47%}.time .night .star4{bottom:20%;right:22%}.time .night .star5{bottom:30%;right:18%}.time .night .star6{bottom:20%;right:60%}.time .night .star7{bottom:23%;right:70%}.time .night .moon{animation:moonOrbit 5s ease-in-out infinite;bottom:22%;box-shadow:9px 9px 3px #fff;filter:blur(1px);height:25px;right:33%;transform:rotate(-60deg);width:25px}.time .night .moon,.time .night .moon:before{border-radius:50%;display:block;position:absolute}.time .night .moon:before{background-color:#fff3;bottom:-9px;box-shadow:0 0 0 5px #ffffff0d,0 0 0 15px #ffffff0d,0 0 0 25px #ffffff0d,0 0 0 35px #ffffff0d;content:"";height:100%;left:9px;width:100%}.dashboard-loader-screen{align-items:center;background:var(--bg-primary);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.loader-background{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,rgba(102,126,234,.1) 0,transparent 70%);height:100%;left:0;position:absolute;top:0;width:100%}.loader-container{animation:fadeInUp .6s ease-out;flex-direction:column;gap:32px;z-index:1}.loader-container,.logo-wrapper{align-items:center;display:flex;position:relative}.logo-wrapper{animation:float 3s ease-in-out infinite;height:120px;justify-content:center;width:120px}.logo-image{animation:logoPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(102,126,234,.5));-o-object-fit:contain;object-fit:contain;position:relative;z-index:2}.logo-glow,.logo-image{height:120px;width:120px}.logo-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,rgba(102,126,234,.3) 0,transparent 70%);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader-spinner{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.spinner-ring{animation:spin 1.5s linear infinite;border:3px solid transparent;border-radius:50%;border-top:3px solid var(--color-primary);height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-duration:1.5s;border-top-color:var(--color-primary);height:80px;width:80px}.spinner-ring:nth-child(2){animation-direction:reverse;animation-duration:1.2s;border-top-color:var(--color-secondary);height:60px;opacity:.7;width:60px}.spinner-ring:nth-child(3){animation-duration:1s;border-top-color:var(--color-accent);height:40px;opacity:.5;width:40px}.loader-text{align-items:center;display:flex;font-size:1.25rem;font-weight:500;gap:4px;letter-spacing:.02em}.loader-text,.text-main{color:var(--text-primary)}.text-dots{display:inline-flex;gap:2px}.dot{animation:dotBounce 1.4s ease-in-out infinite;color:var(--color-primary);display:inline-block}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes logoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.loader-fade-enter-active,.loader-fade-leave-active{transition:opacity .4s ease-out}.loader-fade-enter-from,.loader-fade-leave-to{opacity:0}@media(max-width:768px){.logo-wrapper{height:100px;width:100px}.logo-image{height:64px;width:64px}.logo-glow{height:100px;width:100px}.loader-spinner,.spinner-ring:first-child{height:64px;width:64px}.spinner-ring:nth-child(2){height:48px;width:48px}.spinner-ring:nth-child(3){height:32px;width:32px}.loader-text{font-size:1rem}.loader-container{gap:24px}}.landing-page{min-height:100vh}.hero-section{overflow:hidden;padding:120px 0;position:relative}.hero-section:before{-webkit-backdrop-filter:blur(50%);backdrop-filter:blur(50%);background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.15) 0,transparent 50%),url(./bg3.B96syUtE.jpg) no-repeat 50%;background-size:cover;content:"";inset:0;pointer-events:none;position:absolute}.hero-content{animation:fadeIn .8s ease-out;margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.hero-title{background:var(--primary-gradient);-webkit-background-clip:text;font-size:64px;font-weight:800;margin-bottom:24px;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-description{color:var(--text-secondary);font-size:20px;line-height:1.6;margin-bottom:40px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-large{font-size:18px;padding:18px 40px}.btn-arrow{margin-left:8px;transition:transform .3s}.btn:hover .btn-arrow{transform:translate(4px)}.features-section{background:var(--bg-secondary);padding:100px 0}.section-header{margin:0 auto 64px;max-width:700px;text-align:center}.section-title{background:var(--primary-gradient);-webkit-background-clip:text;font-size:48px;font-weight:700;margin-bottom:16px;-webkit-text-fill-color:transparent;background-clip:text}.section-description{color:var(--text-secondary);font-size:18px;line-height:1.6}.features-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:40px;text-align:center;transition:all .3s}.feature-card:hover{border-color:#667eea4d;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{display:block;font-size:48px;margin-bottom:20px}.feature-title{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.feature-description{color:var(--text-secondary);line-height:1.6}.cta-section{background:var(--bg-primary);padding:100px 0}.cta-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin:0 auto;max-width:800px;padding:64px;text-align:center}.cta-title{background:var(--primary-gradient);-webkit-background-clip:text;font-size:40px;font-weight:700;margin-bottom:16px;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{color:var(--text-secondary);font-size:18px;margin-bottom:32px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media(max-width:768px){.hero-title{font-size:40px}.hero-description{font-size:18px}.section-title{font-size:32px}.features-grid{grid-template-columns:1fr}.cta-card{padding:40px 24px}.cta-title{font-size:28px}}.loader{align-items:center;display:flex;justify-content:center;padding:48px}.spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.page-title{font-size:32px}.stats-grid{grid-template-columns:1fr}.auth-card{padding:32px 24px}.burger-menu-btn{display:flex}.navbar-nav{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2332fa;box-shadow:-4px 0 24px #0000004d;flex-direction:column;gap:24px;height:100vh;justify-content:flex-start;opacity:0;overflow:hidden;padding:80px 32px 32px;pointer-events:none;position:fixed;right:0;top:0;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:0;z-index:1000}.navbar-nav.mobile-open{opacity:1;overflow-x:hidden;overflow-y:auto;pointer-events:auto;visibility:visible;width:min(280px,85vw)}.navbar-nav .nav-link{border-bottom:1px solid var(--border-color);display:block;font-size:18px;padding:12px 0;width:100%}.navbar-nav .nav-link:after{display:none}.navbar-nav .user-menu{align-items:flex-start;border-top:1px solid var(--border-color);flex-direction:column;gap:16px;margin-top:16px;padding-top:16px;width:100%}.navbar-nav .user-info{align-items:center;flex-direction:row;gap:12px;width:100%}.navbar-nav .user-name{font-size:16px}.navbar-nav .btn{justify-content:center;margin-left:0!important;width:100%}.navbar-nav.mobile-open:before{animation:fadeIn .3s ease-out;background:#00000080;content:"";height:100vh;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:-1}.main-content{padding-top:70px}}.light-theme{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8f9fa;--bg-input:#f8f9fa;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--border-color:rgba(0,0,0,.1)}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2332b3;border:1px solid hsla(0,0%,100%,.1)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--bg-card) 0,hsla(0,0%,100%,.05) 50%,var(--bg-card) 100%);background-size:1000px 100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0aec0' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:14px;padding:12px 40px 12px 16px;transition:all .3s}select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}*{transition:background-color .3s,border-color .3s,color .3s}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border:2px solid var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--bg-card-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.user-menu[data-v-64a7c51e]{align-items:center;display:flex;gap:16px}.user-avatar[data-v-64a7c51e]{border-radius:50%!important;height:32px!important;overflow:hidden!important;width:32px!important}.user-avatar img[data-v-64a7c51e]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-info[data-v-64a7c51e]{align-items:center;display:flex}.user-name[data-v-64a7c51e]{color:var(--text-primary);font-weight:600;text-align:center}.main-content[data-v-64a7c51e]{min-height:calc(100vh - 160px);padding-top:40px}.footer[data-v-64a7c51e]{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:48px;padding:24px 0}.footer p[data-v-64a7c51e]{color:var(--text-secondary);font-size:14px;text-align:center}