.login-page-body{overflow:hidden;background:linear-gradient(135deg,#4a90e2,#8cb8ed);min-height:100vh}.login-container[data-v-04cf9dfa]{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;overflow:hidden}.login-background[data-v-04cf9dfa]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,#4a90e2,#6da6e8 25%,#8cb8ed 50%,#abcbf1 75%,#cee1f7)}.login-background[data-v-04cf9dfa]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:50px 50px;opacity:.6}.login-background[data-v-04cf9dfa]:after{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:120%;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.05) 30%,transparent 70%);transform:rotate(-15deg);border-radius:50%}.login-background .bg-shapes[data-v-04cf9dfa]{position:absolute;width:100%;height:100%;overflow:hidden}.login-background .bg-shapes .shape[data-v-04cf9dfa]{position:absolute;opacity:.08;animation:float-04cf9dfa 8s ease-in-out infinite}.login-background .bg-shapes .shape.shape-1[data-v-04cf9dfa]{width:400px;height:400px;background:linear-gradient(45deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1) 50%,transparent);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;top:-200px;left:-200px;animation-delay:0s}.login-background .bg-shapes .shape.shape-2[data-v-04cf9dfa]{width:250px;height:250px;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border-radius:63% 37% 54% 46%/55% 48% 52% 45%;top:40%;right:-125px;animation-delay:3s}.login-background .bg-shapes .shape.shape-3[data-v-04cf9dfa]{width:180px;height:180px;background:linear-gradient(225deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));border-radius:40% 60% 30% 70%/60% 30% 70% 40%;bottom:-90px;left:15%;animation-delay:6s}.login-background .bg-shapes .shape.shape-4[data-v-04cf9dfa]{width:120px;height:120px;background:linear-gradient(90deg,hsla(0,0%,100%,.1),transparent);border-radius:50%;top:20%;left:10%;animation-delay:2s}.login-background .bg-shapes .shape.shape-5[data-v-04cf9dfa]{width:300px;height:300px;border:2px solid hsla(0,0%,100%,.06);border-radius:50%;top:60%;right:20%;animation-delay:4s}.login-background .bg-shapes .shape.shape-6[data-v-04cf9dfa]{width:80px;height:200px;background:linear-gradient(180deg,hsla(0,0%,100%,.08),transparent);border-radius:40px;transform:rotate(45deg);bottom:30%;right:10%;animation-delay:7s}.login-content[data-v-04cf9dfa]{width:100%;max-width:450px;background:hsla(0,0%,100%,.98);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.12),0 8px 25px rgba(0,0,0,.08),0 0 1px rgba(0,0,0,.05);padding:3rem 2.5rem;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);transform:translateY(20px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.login-content[data-v-04cf9dfa]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8) 50%,transparent);border-radius:20px 20px 0 0}.login-content.login-animate-in[data-v-04cf9dfa]{transform:translateY(0);opacity:1}.login-content.login-error-shake[data-v-04cf9dfa]{animation:shake-04cf9dfa .6s ease-in-out}.login-content[data-v-04cf9dfa]:hover{box-shadow:0 25px 70px rgba(0,0,0,.15),0 10px 30px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.05);transform:translateY(-2px)}.login-header[data-v-04cf9dfa]{text-align:center;margin-bottom:2.5rem}.login-header .logo-container[data-v-04cf9dfa]{margin-bottom:1.5rem}.login-header .logo-container .logo[data-v-04cf9dfa]{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#76abe9);padding:1rem;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s ease}.login-header .logo-container .logo[data-v-04cf9dfa]:hover{transform:scale(1.05)}.login-header .welcome-title[data-v-04cf9dfa]{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem;background:linear-gradient(135deg,#4a90e2,#76abe9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header .welcome-subtitle[data-v-04cf9dfa]{font-size:1rem;color:#777;margin:0;font-weight:400}.login-form-container .login-form .form-item[data-v-04cf9dfa]{margin-bottom:1.5rem}.login-form-container .login-form .form-item[data-v-04cf9dfa] .el-form-item__content{margin-left:0!important}.login-form-container .login-form .form-item[data-v-04cf9dfa] .el-input .el-input__inner{height:50px;line-height:50px;padding-left:45px;border:2px solid #e8e8e8;border-radius:8px;font-size:1rem;font-weight:500;color:#2d3748;transition:all .3s ease;background:hsla(0,0%,100%,.95)}.login-form-container .login-form .form-item[data-v-04cf9dfa] .el-input .el-input__inner:focus{border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.1);background:#fff;color:#1a202c}.login-form-container .login-form .form-item[data-v-04cf9dfa] .el-input .el-input__inner::-moz-placeholder{color:#718096;font-weight:400}.login-form-container .login-form .form-item[data-v-04cf9dfa] .el-input .el-input__inner::placeholder{color:#718096;font-weight:400}.login-form-container .login-form .form-item[data-v-04cf9dfa] .el-input .el-input__prefix{left:15px;top:50%;transform:translateY(-50%)}.login-form-container .login-form .form-item[data-v-04cf9dfa] .el-input .el-input__prefix .el-input__icon{font-size:1.2rem;color:#777;transition:color .3s ease}.login-form-container .login-form .form-item[data-v-04cf9dfa] .el-input .el-input__suffix{right:15px}.login-form-container .login-form .form-item[data-v-04cf9dfa] .el-input.is-focus .el-input__prefix .el-input__icon{color:#4a90e2}.form-options[data-v-04cf9dfa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-options .remember-checkbox[data-v-04cf9dfa] .el-checkbox__label{color:#777;font-size:.9rem}.form-options .remember-checkbox[data-v-04cf9dfa] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#4a90e2;border-color:#4a90e2}.login-button[data-v-04cf9dfa]{width:100%;height:52px;font-size:1rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#4a90e2,#6da6e8 50%,#8cb8ed);border:none;box-shadow:0 6px 20px rgba(74,144,226,.25),0 2px 8px rgba(74,144,226,.15),inset 0 1px 0 hsla(0,0%,100%,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-button[data-v-04cf9dfa]:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.15),transparent);border-radius:12px 12px 0 0;pointer-events:none}.login-button[data-v-04cf9dfa]:hover:not(.is-loading){transform:translateY(-3px);box-shadow:0 8px 25px rgba(74,144,226,.3),0 4px 12px rgba(74,144,226,.2),inset 0 1px 0 hsla(0,0%,100%,.25)}.login-button[data-v-04cf9dfa]:active:not(.is-loading){transform:translateY(-1px);box-shadow:0 4px 15px rgba(74,144,226,.2),0 2px 6px rgba(74,144,226,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}.login-button.is-loading[data-v-04cf9dfa]{background:linear-gradient(135deg,#4a90e2,#6da6e8 50%,#8cb8ed);opacity:.9;cursor:not-allowed}.login-button.is-loading[data-v-04cf9dfa]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent);animation:shimmer-04cf9dfa 1.8s infinite}.login-footer[data-v-04cf9dfa]{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);text-align:center}.login-footer .copyright[data-v-04cf9dfa]{color:hsla(0,0%,100%,.8);font-size:.9rem;margin:0}.login-footer .copyright .company-name[data-v-04cf9dfa]{font-weight:600;color:hsla(0,0%,100%,.95)}@keyframes float-04cf9dfa{0%,to{transform:translateY(0) rotate(0deg) scale(1)}33%{transform:translateY(-15px) rotate(60deg) scale(1.05)}66%{transform:translateY(-25px) rotate(120deg) scale(.95)}}@keyframes shake-04cf9dfa{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes slideDown-04cf9dfa{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-04cf9dfa{0%{left:-100%}to{left:100%}}@media(max-width:768px){.login-container[data-v-04cf9dfa]{padding:1rem .5rem}.login-content[data-v-04cf9dfa]{padding:2rem 1.5rem;margin:1rem}.login-content .login-header[data-v-04cf9dfa]{margin-bottom:2rem}.login-content .login-header .logo-container .logo[data-v-04cf9dfa]{width:60px;height:60px}.login-content .login-header .welcome-title[data-v-04cf9dfa]{font-size:1.75rem}.login-content .login-header .welcome-subtitle[data-v-04cf9dfa]{font-size:.9rem}.login-footer[data-v-04cf9dfa]{position:relative;bottom:auto;transform:none;margin-top:2rem}.login-footer .copyright[data-v-04cf9dfa]{font-size:.8rem}}@media(max-width:480px){.login-content[data-v-04cf9dfa]{padding:1.5rem 1rem}.login-content .login-header .welcome-title[data-v-04cf9dfa]{font-size:1.5rem}.login-content .form-item[data-v-04cf9dfa] .el-input .el-input__inner{height:45px;line-height:45px;font-size:.9rem}.login-content .login-button[data-v-04cf9dfa]{height:45px;font-size:.9rem}}@media(prefers-color-scheme:dark){.login-content[data-v-04cf9dfa]{background:rgba(30,41,59,.95);border:1px solid hsla(0,0%,100%,.1)}.login-content .login-header .welcome-title[data-v-04cf9dfa]{color:#f1f5f9}.login-content .login-header .welcome-subtitle[data-v-04cf9dfa]{color:#94a3b8}.login-content .form-item[data-v-04cf9dfa] .el-input .el-input__inner{background:rgba(51,65,85,.8);border-color:hsla(0,0%,100%,.1);color:#f1f5f9}.login-content .form-item[data-v-04cf9dfa] .el-input .el-input__inner:focus{background:#334155;border-color:#4a90e2}.login-content .form-item[data-v-04cf9dfa] .el-input .el-input__inner::-moz-placeholder{color:#64748b}.login-content .form-item[data-v-04cf9dfa] .el-input .el-input__inner::placeholder{color:#64748b}.login-content .form-options .remember-checkbox[data-v-04cf9dfa] .el-checkbox__label{color:#94a3b8}}@media(prefers-contrast:high){.login-content .form-item[data-v-04cf9dfa] .el-input .el-input__inner,.login-content[data-v-04cf9dfa]{border:2px solid #000}.login-content .form-item[data-v-04cf9dfa] .el-input .el-input__inner:focus{border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,.3)}.login-content .login-button[data-v-04cf9dfa]{border:2px solid #000}}@media(prefers-reduced-motion:reduce){.bg-shapes .shape[data-v-04cf9dfa],.error-message[data-v-04cf9dfa],.login-button[data-v-04cf9dfa],.login-content[data-v-04cf9dfa],.login-header .logo[data-v-04cf9dfa]{animation:none!important;transition:none!important}.login-content.login-animate-in[data-v-04cf9dfa]{transform:none;opacity:1}}