.login-page[data-v-a22a45da]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.login-background[data-v-a22a45da]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.login-background .gradient-overlay[data-v-a22a45da]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));-webkit-animation:gradientShift-a22a45da 15s ease infinite;animation:gradientShift-a22a45da 15s ease infinite}.login-background .animated-shapes[data-v-a22a45da]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.login-background .animated-shapes .shape[data-v-a22a45da]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);-webkit-animation:float-a22a45da 20s ease-in-out infinite;animation:float-a22a45da 20s ease-in-out infinite}.login-background .animated-shapes .shape.shape-1[data-v-a22a45da]{width:300px;height:300px;top:-150px;left:-150px;-webkit-animation-delay:0s;animation-delay:0s}.login-background .animated-shapes .shape.shape-2[data-v-a22a45da]{width:200px;height:200px;bottom:-100px;right:-100px;-webkit-animation-delay:5s;animation-delay:5s}.login-background .animated-shapes .shape.shape-3[data-v-a22a45da]{width:150px;height:150px;top:50%;right:10%;-webkit-animation-delay:10s;animation-delay:10s}@-webkit-keyframes gradientShift-a22a45da{0%,to{opacity:1}50%{opacity:.8}}@keyframes gradientShift-a22a45da{0%,to{opacity:1}50%{opacity:.8}}@-webkit-keyframes float-a22a45da{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes float-a22a45da{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-container[data-v-a22a45da]{position:relative;z-index:1;width:100%;max-width:480px;padding:20px;-webkit-animation:slideIn-a22a45da .6s ease-out;animation:slideIn-a22a45da .6s ease-out}@-webkit-keyframes slideIn-a22a45da{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-a22a45da{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card[data-v-a22a45da]{background:hsla(0,0%,100%,.98);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.login-card[data-v-a22a45da]:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(0,0,0,.35)}.card-header[data-v-a22a45da]{padding:48px 40px 32px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.card-header[data-v-a22a45da]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.3))}.card-header .logo-container[data-v-a22a45da]{margin-bottom:24px;-webkit-animation:logoFloat-a22a45da 3s ease-in-out infinite;animation:logoFloat-a22a45da 3s ease-in-out infinite}.card-header .logo-container .logo[data-v-a22a45da]{max-width:120px;max-height:80px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.card-header .title[data-v-a22a45da]{font-size:32px;font-weight:700;margin:0 0 8px 0;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.card-header .subtitle[data-v-a22a45da]{font-size:18px;font-weight:500;margin:0 0 12px 0;opacity:.95}.card-header .welcome-text[data-v-a22a45da]{font-size:14px;margin:0;opacity:.9}@-webkit-keyframes logoFloat-a22a45da{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes logoFloat-a22a45da{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-body[data-v-a22a45da]{padding:40px}.login-form[data-v-a22a45da] .el-form-item__label{font-weight:600;color:#333;font-size:14px;margin-bottom:8px}.login-form[data-v-a22a45da] .el-input__wrapper{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease}.login-form[data-v-a22a45da] .el-input__wrapper:hover{box-shadow:0 4px 12px rgba(102,126,234,.15)}.login-form[data-v-a22a45da] .el-input__wrapper.is-focus{box-shadow:0 4px 16px rgba(102,126,234,.25)}.login-form[data-v-a22a45da] .el-input__inner{font-size:15px}.login-form .el-form-item[data-v-a22a45da]{margin-bottom:24px}.login-btn-wrapper[data-v-a22a45da]{margin-top:32px;margin-bottom:0}.login-btn-wrapper .login-btn[data-v-a22a45da]{width:100%;height:48px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:all .3s ease}.login-btn-wrapper .login-btn[data-v-a22a45da]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.login-btn-wrapper .login-btn[data-v-a22a45da]:active{transform:translateY(0)}.card-footer[data-v-a22a45da]{padding:20px 40px 24px;text-align:center;background:#f8f9fa;border-top:1px solid #e9ecef}.card-footer .footer-text[data-v-a22a45da]{margin:0;font-size:13px;color:#6c757d}@media (max-width:768px){.login-container[data-v-a22a45da]{max-width:100%;padding:16px}.card-header[data-v-a22a45da]{padding:32px 24px 24px}.card-header .title[data-v-a22a45da]{font-size:26px}.card-header .subtitle[data-v-a22a45da]{font-size:16px}.card-body[data-v-a22a45da]{padding:24px}.card-footer[data-v-a22a45da]{padding:16px 24px 20px}}