body,html{height:100%;margin:0;padding:0}.login-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{width:100%;max-width:450px;background:#fff;border-radius:16px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;-webkit-animation:slideUp .6s ease;animation:slideUp .6s ease}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 30px;text-align:center;color:#fff}.login-title{font-size:28px;font-weight:600;margin:0 0 10px 0;letter-spacing:1px}.login-subtitle{font-size:14px;margin:0;opacity:.9;font-weight:300;letter-spacing:.5px}.login-body{padding:40px 30px}.login-form .el-form-item{margin-bottom:24px}.login-form .el-form-item:last-child{margin-bottom:0}.login-form .el-input__inner{height:48px;line-height:48px;border-radius:8px;border:1px solid #e0e0e0;padding-left:40px;font-size:14px;-webkit-transition:all .3s;transition:all .3s}.login-form .el-input__inner:focus{border-color:#667eea;-webkit-box-shadow:0 0 0 2px rgba(102,126,234,.1);box-shadow:0 0 0 2px rgba(102,126,234,.1)}.login-form .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.login-form .el-input__inner::-moz-placeholder{color:#c0c4cc}.login-form .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.login-form .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.login-form .el-input__inner::placeholder{color:#c0c4cc}.login-form .el-input__prefix{left:12px;color:#909399;font-size:18px}.login-submit{width:100%;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-size:16px;font-weight:500;letter-spacing:1px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.login-submit:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(102,126,234,.4);box-shadow:0 8px 20px rgba(102,126,234,.4)}.login-submit:active{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:768px){.login-card{max-width:100%;border-radius:0}.login-header{padding:30px 20px}.login-title{font-size:24px}.login-subtitle{font-size:12px}.login-body{padding:30px 20px}}