:root{--animation-speed:1;--transition-duration:calc(0.5s*var(--animation-speed))}.index-lms-dashboard{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb),radial-gradient(circle at 20% 80%,rgba(120,119,198,.4) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.4) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0,transparent 50%);min-height:100vh;padding:20px;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all var(--transition-duration) ease-in-out}.index-lms-dashboard.theme-light{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb),radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,hsla(0,0%,100%,.2) 0,transparent 50%)}.index-lms-dashboard.theme-light .ant-card,.index-lms-dashboard.theme-light .chart-card,.index-lms-dashboard.theme-light .chart-container,.index-lms-dashboard.theme-light .rank-list{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4)}.index-lms-dashboard.theme-cyber{background:linear-gradient(135deg,#0f0,#0080ff 50%,#ff0080),radial-gradient(circle at 20% 80%,rgba(0,255,0,.4) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,128,255,.4) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,0,128,.3) 0,transparent 50%)}.index-lms-dashboard.theme-cyber .ant-card,.index-lms-dashboard.theme-cyber .chart-card,.index-lms-dashboard.theme-cyber .chart-container,.index-lms-dashboard.theme-cyber .rank-list{background:rgba(0,255,0,.1);border:1px solid rgba(0,255,0,.3);box-shadow:0 8px 32px rgba(0,255,0,.2),inset 0 0 0 1px rgba(0,255,0,.1),0 0 20px rgba(0,255,0,.1)}.index-lms-dashboard.theme-cyber .total{background:linear-gradient(135deg,#0f0,#0080ff,#ff0080,#0f0)}.index-lms-dashboard:before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.4) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.4) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0,transparent 50%),radial-gradient(circle at 60% 60%,hsla(0,0%,100%,.1) 0,transparent 30%),radial-gradient(circle at 10% 10%,hsla(0,0%,100%,.1) 0,transparent 40%);animation:backgroundShift 20s ease-in-out infinite;z-index:0}.index-lms-dashboard:after,.index-lms-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.index-lms-dashboard:after{background-image:linear-gradient(hsla(0,0%,100%,.15) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.15) 1px,transparent 0),radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.1) 0,transparent 100%);background-size:50px 50px,50px 50px,100px 100px;animation:gridMove 15s linear infinite,pulse 8s ease-in-out infinite;z-index:1}.index-lms-dashboard .floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.index-lms-dashboard .floating-particles .particle{position:absolute;width:4px;height:4px;background:hsla(0,0%,100%,.6);border-radius:50%;animation:float 6s ease-in-out infinite}.index-lms-dashboard .floating-particles .particle:first-child{top:20%;left:10%;animation-delay:0s;animation-duration:8s}.index-lms-dashboard .floating-particles .particle:nth-child(2){top:60%;left:80%;animation-delay:2s;animation-duration:10s}.index-lms-dashboard .floating-particles .particle:nth-child(3){top:80%;left:20%;animation-delay:4s;animation-duration:12s}.index-lms-dashboard .floating-particles .particle:nth-child(4){top:30%;left:70%;animation-delay:1s;animation-duration:9s}.index-lms-dashboard .floating-particles .particle:nth-child(5){top:70%;left:40%;animation-delay:3s;animation-duration:11s}.index-lms-dashboard .floating-particles .particle:nth-child(6){top:15%;left:85%;width:6px;height:6px;background:linear-gradient(45deg,#f0f,#0ff);animation:float 7s ease-in-out infinite;animation-delay:1.5s}.index-lms-dashboard .floating-particles .particle:nth-child(7){top:85%;left:15%;width:3px;height:3px;background:linear-gradient(45deg,#ff0,#f0f);animation:float 9s ease-in-out infinite;animation-delay:3.5s}.index-lms-dashboard .floating-particles .particle:nth-child(8){top:45%;left:5%;width:5px;height:5px;background:linear-gradient(45deg,#0ff,#ff0);animation:float 11s ease-in-out infinite;animation-delay:2.5s}.index-lms-dashboard .floating-particles .particle:nth-child(9){top:5%;left:45%;width:4px;height:4px;background:linear-gradient(45deg,#f0f,#0f0);animation:float 8s ease-in-out infinite;animation-delay:4.5s}.index-lms-dashboard .floating-particles .particle:nth-child(10){top:50%;left:90%;width:3px;height:3px;background:linear-gradient(45deg,#0f0,#f0f);animation:float 10s ease-in-out infinite;animation-delay:.5s}.index-lms-dashboard .data-stream{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.index-lms-dashboard .data-stream .stream-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#0ff,transparent);animation:dataFlow 4s linear infinite}.index-lms-dashboard .data-stream .stream-line:first-child{top:10%;width:100px;animation-delay:0s}.index-lms-dashboard .data-stream .stream-line:nth-child(2){top:30%;width:150px;animation-delay:1s}.index-lms-dashboard .data-stream .stream-line:nth-child(3){top:50%;width:120px;animation-delay:2s}.index-lms-dashboard .data-stream .stream-line:nth-child(4){top:70%;width:180px;animation-delay:3s}.index-lms-dashboard .data-stream .stream-line:nth-child(5){top:90%;width:100px;animation-delay:.5s}.index-lms-dashboard .light-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.index-lms-dashboard .light-effects .light-beam{position:absolute;width:2px;height:100px;background:linear-gradient(180deg,transparent,#0ff,transparent);animation:lightSweep 8s ease-in-out infinite}.index-lms-dashboard .light-effects .light-beam:first-child{left:10%;animation-delay:0s}.index-lms-dashboard .light-effects .light-beam:nth-child(2){left:30%;animation-delay:2s}.index-lms-dashboard .light-effects .light-beam:nth-child(3){left:50%;animation-delay:4s}.index-lms-dashboard .light-effects .light-beam:nth-child(4){left:70%;animation-delay:6s}.index-lms-dashboard .light-effects .light-beam:nth-child(5){left:90%;animation-delay:1s}.index-lms-dashboard .dashboard-content{position:relative;z-index:10;animation:contentFadeIn 1s ease-out}.index-lms-dashboard .hologram-effect{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent,rgba(0,255,255,.1),transparent,rgba(255,0,255,.1),transparent),radial-gradient(circle,transparent 30%,hsla(0,0%,100%,.05) 70%);border-radius:50%;animation:hologram 10s linear infinite;pointer-events:none;z-index:1;filter:blur(1px)}.index-lms-dashboard .modern-grid{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:100px 100px;animation:gridFloat 20s linear infinite;z-index:1}.index-lms-dashboard .light-spots,.index-lms-dashboard .modern-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.index-lms-dashboard .light-spots{z-index:2}.index-lms-dashboard .light-spots .spot{position:absolute;width:200px;height:200px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%;animation:spotFloat 15s ease-in-out infinite}.index-lms-dashboard .light-spots .spot:first-child{top:10%;left:20%;animation-delay:0s}.index-lms-dashboard .light-spots .spot:nth-child(2){top:60%;left:80%;animation-delay:5s}.index-lms-dashboard .light-spots .spot:nth-child(3){top:80%;left:10%;animation-delay:10s}.index-lms-dashboard .matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.index-lms-dashboard .matrix-rain .rain-drop{position:absolute;color:#0f0;font-family:Courier New,monospace;font-size:14px;animation:matrixRain 3s linear infinite}.index-lms-dashboard .matrix-rain .rain-drop:first-child{left:5%;animation-delay:0s}.index-lms-dashboard .matrix-rain .rain-drop:nth-child(2){left:15%;animation-delay:.5s}.index-lms-dashboard .matrix-rain .rain-drop:nth-child(3){left:25%;animation-delay:1s}.index-lms-dashboard .matrix-rain .rain-drop:nth-child(4){left:35%;animation-delay:1.5s}.index-lms-dashboard .matrix-rain .rain-drop:nth-child(5){left:45%;animation-delay:2s}.index-lms-dashboard .matrix-rain .rain-drop:nth-child(6){left:55%;animation-delay:2.5s}.index-lms-dashboard .matrix-rain .rain-drop:nth-child(7){left:65%;animation-delay:3s}.index-lms-dashboard .matrix-rain .rain-drop:nth-child(8){left:75%;animation-delay:.3s}.index-lms-dashboard .matrix-rain .rain-drop:nth-child(9){left:85%;animation-delay:.8s}.index-lms-dashboard .matrix-rain .rain-drop:nth-child(10){left:95%;animation-delay:1.3s}.index-lms-dashboard .stats-cards .ant-col{margin-bottom:24px}.index-lms-dashboard .stats-cards .chart-card{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 0 0 1px hsla(0,0%,100%,.05),0 0 20px hsla(0,0%,100%,.05);transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;animation:cardPulse 4s ease-in-out infinite;transform-style:preserve-3d;perspective:1000px}.index-lms-dashboard .stats-cards .chart-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:1px;background:linear-gradient(45deg,#f0f,#0ff,#ff0,#f0f);background-size:400% 400%;animation:neonBorder 3s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask-composite:exclude;z-index:-1;opacity:.6}.index-lms-dashboard .stats-cards .chart-card:after{left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.05) 50%,transparent);border-radius:24px 24px 0 0;pointer-events:none;content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .6s ease}.index-lms-dashboard .stats-cards .chart-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.2),0 0 30px hsla(0,0%,100%,.2)}.index-lms-dashboard .stats-cards .chart-card:hover:after{left:100%}.index-lms-dashboard .stats-cards .chart-card:hover{transform:translateY(-12px) scale(1.03) rotateX(8deg) rotateY(8deg);box-shadow:0 25px 60px rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.15),0 0 40px hsla(0,0%,100%,.15),0 15px 30px rgba(0,0,0,.15);background:hsla(0,0%,100%,.12)}.index-lms-dashboard .stats-cards .chart-card:hover:before{opacity:.8;animation-duration:1.5s}.index-lms-dashboard .stats-cards .chart-card:hover:after{opacity:.8}.index-lms-dashboard .stats-cards .chart-card .ant-card-head{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff}.index-lms-dashboard .stats-cards .chart-card .ant-card-head .ant-card-head-title{color:#fff;font-weight:600;font-size:18px}.index-lms-dashboard .stats-cards .chart-card .ant-card-body{color:#fff}.index-lms-dashboard .stats-cards .chart-card .total{font-size:48px;font-weight:800;color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5),0 0 20px hsla(0,0%,100%,.3),0 0 30px hsla(0,0%,100%,.1),0 0 40px hsla(0,0%,100%,.1);background:linear-gradient(135deg,#fff,#0ff,#f0f,#ff0,#0f0,#fff);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;letter-spacing:-.02em;animation:numberGlow 2s ease-in-out infinite,gradientShift 3s ease-in-out infinite,numberBounce 1s ease-in-out infinite,numberPulse 4s ease-in-out infinite;transform-style:preserve-3d;perspective:100px}.index-lms-dashboard .stats-cards .chart-card .total:before{content:attr(data-value);position:absolute;top:0;left:0;color:hsla(0,0%,100%,.2);transform:translateZ(-3px);z-index:-1;filter:blur(1px)}.index-lms-dashboard .stats-cards .chart-card .total:after{content:attr(data-value);position:absolute;top:0;left:0;color:hsla(0,0%,100%,.1);transform:translateZ(-6px);z-index:-2;filter:blur(2px)}.index-lms-dashboard .stats-cards .chart-card .footer{color:hsla(0,0%,100%,.8);font-size:14px}.index-lms-dashboard .chart-section .ant-card{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 0 0 1px hsla(0,0%,100%,.05),0 0 20px hsla(0,0%,100%,.05);margin-top:24px;position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.index-lms-dashboard .chart-section .ant-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:1px;background:linear-gradient(45deg,#0ff,#f0f,#ff0,#0ff);background-size:400% 400%;animation:neonBorder 4s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask-composite:exclude;z-index:-1;opacity:.6}.index-lms-dashboard .chart-section .ant-card:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.05) 50%,transparent);border-radius:24px 24px 0 0;pointer-events:none}.index-lms-dashboard .chart-section .ant-card .ant-card-head{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff}.index-lms-dashboard .chart-section .ant-card .ant-card-head .ant-card-head-title{color:#fff;font-weight:600}.index-lms-dashboard .chart-section .ant-card .ant-card-body{color:#fff}.index-lms-dashboard .chart-section .ant-tabs .ant-tabs-nav .ant-tabs-tab{color:hsla(0,0%,100%,.8);border:none;background:hsla(0,0%,100%,.05);margin-right:16px;border-radius:16px;padding:12px 20px;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;font-weight:500;letter-spacing:.02em}.index-lms-dashboard .chart-section .ant-tabs .ant-tabs-nav .ant-tabs-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s ease}.index-lms-dashboard .chart-section .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover{color:#fff;background:hsla(0,0%,100%,.12);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.1)}.index-lms-dashboard .chart-section .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover:before{left:100%}.index-lms-dashboard .chart-section .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{color:#fff;background:hsla(0,0%,100%,.18);box-shadow:0 12px 30px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.2),0 0 20px hsla(0,0%,100%,.1);transform:translateY(-2px);animation:tabGlow 2s ease-in-out infinite;font-weight:600}.index-lms-dashboard .chart-section .ant-tabs .ant-tabs-nav .ant-tabs-ink-bar{background:#fff;height:3px;border-radius:2px}.index-lms-dashboard .chart-section .ant-tabs .ant-tabs-content .ant-tabs-tabpane{color:#fff}.index-lms-dashboard .chart-section .extra-wrapper .extra-item .ant-radio-group .ant-radio-button-wrapper{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8);border-radius:8px;margin-right:10px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.index-lms-dashboard .chart-section .extra-wrapper .extra-item .ant-radio-group .ant-radio-button-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.index-lms-dashboard .chart-section .extra-wrapper .extra-item .ant-radio-group .ant-radio-button-wrapper:hover{color:#fff;background:hsla(0,0%,100%,.2);transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.index-lms-dashboard .chart-section .extra-wrapper .extra-item .ant-radio-group .ant-radio-button-wrapper:hover:before{left:100%}.index-lms-dashboard .chart-section .extra-wrapper .extra-item .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{background:hsla(0,0%,100%,.3);color:#fff;border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.3);animation:radioGlow 2s ease-in-out infinite}.index-lms-dashboard .visit-stats .ant-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-top:24px}.index-lms-dashboard .visit-stats .ant-card .ant-card-head{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff}.index-lms-dashboard .visit-stats .ant-card .ant-card-head .ant-card-head-title{color:#fff;font-weight:600}.index-lms-dashboard .visit-stats .ant-card .ant-card-body{color:#fff}.index-lms-dashboard .visit-stats .head-info{text-align:center;padding:20px;background:hsla(0,0%,100%,.05);border-radius:12px;margin:0 10px;transition:all .3s ease}.index-lms-dashboard .visit-stats .head-info:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.index-lms-dashboard .visit-stats .head-info span{color:hsla(0,0%,100%,.8);font-size:14px;display:block;margin-bottom:8px}.index-lms-dashboard .visit-stats .head-info p{margin:0}.index-lms-dashboard .visit-stats .head-info p a{color:#fff;font-weight:600;font-size:24px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.index-lms-dashboard .visit-stats .circle-cust{position:relative;top:28px;left:-100%}.index-lms-dashboard .visit-stats .circle-cust .ant-spin-dot i{background-color:#fff}.index-lms-dashboard .rank-list{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:24px;height:100%;position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.index-lms-dashboard .rank-list:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:1px;background:linear-gradient(45deg,#0f0,#f0f,#0ff,#0f0);background-size:400% 400%;animation:neonBorder 5s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask-composite:exclude;z-index:-1;opacity:.6}.index-lms-dashboard .rank-list:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.05) 50%,transparent);border-radius:20px 20px 0 0;pointer-events:none}.index-lms-dashboard .rank-list .rank-list-title{color:#fff;font-weight:700;margin-bottom:20px;font-size:18px;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.index-lms-dashboard .rank-list .rank-list-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:16px 0;border-bottom:1px solid hsla(0,0%,100%,.1);transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;cursor:pointer}.index-lms-dashboard .rank-list .rank-list-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .6s ease}.index-lms-dashboard .rank-list .rank-list-item:last-child{border-bottom:none}.index-lms-dashboard .rank-list .rank-list-item:hover{background:hsla(0,0%,100%,.12);border-radius:12px;padding-left:16px;padding-right:16px;transform:translateX(8px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.1)}.index-lms-dashboard .rank-list .rank-list-item:hover:before{left:100%}.index-lms-dashboard .rank-list .rank-list-item .rank-list-item-name{color:hsla(0,0%,100%,.9);font-size:14px}.index-lms-dashboard .rank-list .rank-list-item .rank-list-item-value{color:#fff;font-weight:600;font-size:16px}.index-lms-dashboard .chart-container{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;padding:20px;height:100%;min-height:300px;position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px;transition:all var(--transition-duration) ease-in-out}.index-lms-dashboard .chart-container.tab-switching{animation:tabSwitch .5s ease-in-out}.index-lms-dashboard .chart-container.data-updating{animation:dataUpdate .8s ease-in-out}.index-lms-dashboard .chart-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:2px;background:linear-gradient(45deg,#ff0,#0ff,#f0f,#ff0);background-size:400% 400%;animation:neonBorder 6s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask-composite:exclude;z-index:-1}.index-lms-dashboard .chart-container:after{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);transform:translate(-50%,-50%);animation:innerGlow 4s ease-in-out infinite;pointer-events:none}.index-lms-dashboard .chart-container:hover{transform:rotateX(2deg) rotateY(2deg);box-shadow:0 15px 35px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.2),0 0 25px hsla(0,0%,100%,.2)}@keyframes backgroundShift{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.3}}@keyframes float{0%,to{transform:translateY(0) translateX(0);opacity:.6}25%{transform:translateY(-20px) translateX(10px);opacity:1}50%{transform:translateY(-10px) translateX(20px);opacity:.8}75%{transform:translateY(-30px) translateX(5px);opacity:.9}}@keyframes neonBorder{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cardPulse{0%,to{box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.1),0 0 20px hsla(0,0%,100%,.1)}50%{box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.2),0 0 30px hsla(0,0%,100%,.2)}}@keyframes numberGlow{0%,to{text-shadow:0 0 10px hsla(0,0%,100%,.5),0 0 20px hsla(0,0%,100%,.3),0 0 30px hsla(0,0%,100%,.1)}50%{text-shadow:0 0 15px hsla(0,0%,100%,.7),0 0 25px hsla(0,0%,100%,.5),0 0 35px hsla(0,0%,100%,.3)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes tabGlow{0%,to{box-shadow:0 8px 25px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.3)}50%{box-shadow:0 8px 25px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.5),0 0 20px hsla(0,0%,100%,.3)}}@keyframes radioGlow{0%,to{box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.3)}50%{box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.5),0 0 15px hsla(0,0%,100%,.3)}}@keyframes dataFlow{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}to{transform:translateX(100vw);opacity:0}}@keyframes lightSweep{0%,to{transform:translateY(-100px) rotate(45deg);opacity:0}50%{transform:translateY(100vh) rotate(45deg);opacity:.8}}@keyframes numberBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes innerGlow{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}}@keyframes matrixRain{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes hologram{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}25%{opacity:.7;transform:scale(1.1) rotate(90deg)}50%{opacity:.5;transform:scale(.9) rotate(180deg)}75%{opacity:.8;transform:scale(1.05) rotate(270deg)}}@keyframes gridFloat{0%{transform:translate(0)}to{transform:translate(100px,100px)}}@keyframes spotFloat{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(50px,-30px) scale(1.2);opacity:.6}50%{transform:translate(-30px,50px) scale(.8);opacity:.4}75%{transform:translate(30px,30px) scale(1.1);opacity:.7}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-cards .chart-card:hover{animation:cardHover .6s ease-out}@keyframes cardHover{0%{transform:translateY(-8px) scale(1.02) rotateX(5deg) rotateY(5deg)}50%{transform:translateY(-12px) scale(1.05) rotateX(8deg) rotateY(8deg)}to{transform:translateY(-8px) scale(1.02) rotateX(5deg) rotateY(5deg)}}@keyframes tabSwitch{0%{opacity:0;transform:translateX(-20px) scale(.95)}50%{opacity:.5;transform:translateX(-10px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes themeTransition{0%{opacity:.8;transform:scale(.98)}50%{opacity:.9;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes dataUpdate{0%{transform:scale(1)}50%{transform:scale(1.05);color:#0ff}to{transform:scale(1)}}.total{animation:numberGlow 2s ease-in-out infinite,gradientShift 3s ease-in-out infinite,numberBounce 1s ease-in-out infinite,numberPulse 4s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.index-lms-dashboard{padding:10px}.index-lms-dashboard .stats-cards .ant-col{margin-bottom:16px}.index-lms-dashboard .chart-section .ant-tabs .ant-tabs-nav .ant-tabs-tab{padding:8px 12px;font-size:12px}.index-lms-dashboard .visit-stats .head-info{margin:0 5px;padding:15px}.index-lms-dashboard .visit-stats .head-info p a{font-size:18px}}.index-lms-dashboard::-webkit-scrollbar{width:8px}.index-lms-dashboard::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.index-lms-dashboard::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}.index-lms-dashboard::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}