.dashboard-page .test-css-variable{color:var(--primary)}.login-page{width:100%;height:100%;background:linear-gradient(to right,#ffcdcd,#4ecdc4,#45b7d1);animation:gradient-bg 25s ease infinite;background-size:300% 300%}.login-page .login-page-content-wapper{width:100%;height:70vh;display:flex;align-items:center;justify-content:center}.login-page .login-page-content{width:380px;box-sizing:border-box;padding:40px;background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-page .login-page-content .login-page-content-header{text-align:center;font-size:24px;color:#333;font-weight:600;margin-bottom:30px}.login-page .login-page-content .login-page-content-form div{margin-bottom:30px;padding:12px 20px 12px 40px;border:0;border-radius:25px;background:#ffffffe6;box-shadow:0 5px 15px #0000001a;font-size:16px;transition:all .3s ease}.login-page .login-page-content .login-page-content-button{text-align:center;padding:12px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:0;border-radius:25px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease}.login-page .login-page-content .login-page-content-tip{text-align:center;margin-top:20px}.login-page .login-page-content .login-page-content-tip span{color:#666;text-decoration:none;font-size:14px;margin:0 10px;transition:color .3s ease}.login-page .login-page-content .login-page-content-qrcode,.login-page .login-page-content .login-page-content-qrcode img{width:100%}.login-page .login-page-footer{position:fixed;bottom:0;width:100%;height:30vh;text-align:center;font-size:14px}.login-page .login-page-footer .login-page-footer-fg{width:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:1}.login-page .login-page-footer .login-page-footer-fg .login-page-footer-fg-line{display:flex;align-items:center;justify-content:center;margin-bottom:10px;gap:6px}.login-page .login-page-footer .login-page-footer-fg .login-page-footer-fg-line .login-page-footer-fg-line-item{cursor:pointer}.login-page .login-page-footer .login-page-footer-fg .login-page-footer-fg-line .login-page-footer-fg-line-item:hover{text-decoration:underline}.login-page .login-page-footer .login-page-footer-bg{width:100%;height:100%;position:absolute}.login-page .login-page-footer .login-page-footer-bg .login-page-footer-bg-waves{width:100%;height:100%}.login-page .login-page-footer .login-page-footer-bg .login-page-footer-bg-waves .login-page-footer-bg-waves-parallax use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.login-page .login-page-footer .login-page-footer-bg .login-page-footer-bg-waves .login-page-footer-bg-waves-parallax use:nth-child(1){animation-delay:-2s;animation-duration:7s}.login-page .login-page-footer .login-page-footer-bg .login-page-footer-bg-waves .login-page-footer-bg-waves-parallax use:nth-child(2){animation-delay:-3s;animation-duration:10s}.login-page .login-page-footer .login-page-footer-bg .login-page-footer-bg-waves .login-page-footer-bg-waves-parallax use:nth-child(3){animation-delay:-4s;animation-duration:13s}.login-page .login-page-footer .login-page-footer-bg .login-page-footer-bg-waves .login-page-footer-bg-waves-parallax use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes gradient-bg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}body{width:100vw;height:100vh;margin:0;padding:0}#root{width:100%;height:100%}:root{--primary: rgb(30, 144, 255);--success: rgb(46, 213, 115);--warning: rgb(255, 165, 2);--error: rgb(255, 71, 87)}