body,html{height:100%;margin:0;padding:0}.login-container,.login-page{background:#f8fafc}.login-container,.login-page,.login-page__hero{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh}.login-page__hero{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.login-page__hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1e40af,#2563eb 40%,#3b82f6)}.login-page__hero-bg:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:hsla(0,0%,100%,.06);top:-120px;right:-100px}.login-page__hero-bg:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:hsla(0,0%,100%,.04);bottom:-80px;left:-60px}.login-page__hero-content{position:relative;z-index:1;padding:48px;max-width:480px;color:#fff}.login-page__logo{width:56px;height:56px;border-radius:14px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);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;margin-bottom:24px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:0 8px 24px rgba(0,0,0,.15)}.login-page__logo i{font-size:28px;color:#fff}.login-page__brand{margin:0 0 12px;font-size:36px;font-weight:700;letter-spacing:1px}.login-page__tagline{margin:0 0 36px;font-size:16px;color:hsla(0,0%,100%,.8);line-height:1.6}.login-page__features{list-style:none;padding:0;margin:0}.login-page__features li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:14px;color:hsla(0,0%,100%,.85);margin-bottom:14px}.login-page__features li i{font-size:16px;color:#86efac}.login-page__form-side{width:480px;-ms-flex-negative:0;flex-shrink:0;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;padding:40px;background:#fff;-webkit-box-shadow:-4px 0 24px rgba(15,23,42,.06);box-shadow:-4px 0 24px rgba(15,23,42,.06)}.login-card{width:100%;max-width:360px}.login-card__header{margin-bottom:32px}.login-card__title{margin:0 0 8px;font-size:26px;font-weight:700;color:#1e293b}.login-card__subtitle{margin:0;font-size:14px;color:#64748b}.login-card__submit{width:100%;height:44px;font-size:15px;font-weight:500;letter-spacing:2px;border-radius:8px!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important;margin-top:8px;-webkit-transition:opacity .2s,-webkit-transform .15s,-webkit-box-shadow .2s;transition:opacity .2s,-webkit-transform .15s,-webkit-box-shadow .2s;transition:opacity .2s,transform .15s,box-shadow .2s;transition:opacity .2s,transform .15s,box-shadow .2s,-webkit-transform .15s,-webkit-box-shadow .2s;-webkit-box-shadow:0 4px 14px rgba(37,99,235,.35);box-shadow:0 4px 14px rgba(37,99,235,.35)}.login-card__submit:hover{opacity:.92;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 6px 20px rgba(37,99,235,.4);box-shadow:0 6px 20px rgba(37,99,235,.4)}.login-card__submit:active{-webkit-transform:translateY(0);transform:translateY(0)}.login-card__footer{margin:32px 0 0;text-align:center;font-size:12px;color:#94a3b8}@media(max-width:900px){.login-container,.login-page{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-page__hero{min-height:auto;padding:40px 0}.login-page__hero-content{padding:32px 24px;text-align:center}.login-page__logo{margin:0 auto 20px}.login-page__brand{font-size:28px}.login-page__features{display:none}.login-page__form-side{width:100%;-webkit-box-shadow:none;box-shadow:none;padding:32px 24px 48px}}.login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.login-form{border-radius:6px;background:#fff;width:350px;padding:30px 25px 5px 25px}.login-submit{width:100%;height:45px;border:1px solid #2563eb!important;background:#2563eb!important;color:#fff!important;font-size:18px;letter-spacing:2px;font-weight:300;text-align:center;cursor:pointer;-webkit-transition:.25s;transition:.25s;margin-top:4px}.login-card__form[data-v-2cea51e2] .el-form-item__label{color:#64748b;font-size:13px;font-weight:500;padding-bottom:4px;line-height:1.4}.login-card__form[data-v-2cea51e2] .el-input__inner{height:42px;line-height:42px;border-radius:8px;border-color:#e2e8f0;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s}.login-card__form[data-v-2cea51e2] .el-input__inner:focus{border-color:#2563eb;-webkit-box-shadow:0 0 0 3px rgba(37,99,235,.12);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.login-card__form[data-v-2cea51e2] .el-form-item{margin-bottom:18px}.login-card__form[data-v-2cea51e2] .el-form-item__error{padding-top:4px}