:root{--confirmed-orange:#f4511e;--confirmed-ink:#171719;--confirmed-line:#dcdde3}

/* Login: presentation only; existing forms, events and API calls remain untouched. */
.login-page{min-height:100vh!important;height:auto!important;background:#fff url('/brand-assets/auth-glass-scene-v1.png') center/cover no-repeat!important;display:grid!important;place-items:center!important;padding:150px 20px 54px!important;overflow:auto!important}
.login-shell{width:min(550px,calc(100vw - 32px))!important;position:relative!important;justify-self:center!important;grid-column:auto!important;margin:0 auto!important}
.login-shell:before{content:'析悉全新美业 AI 系统';position:absolute;left:50%;bottom:calc(100% + 58px);transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);color:#111112;font-size:36px;font-weight:750;line-height:1.35;letter-spacing:.015em;text-align:center}
.login-shell:after{content:'NEW AI SYSTEM FOR THE BEAUTY INDUSTRY';position:absolute;left:50%;bottom:calc(100% + 34px);transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);color:#696971;font:12px/1.5 Georgia,'Times New Roman',serif;letter-spacing:.25em;text-align:center}
.login-card{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.9)!important;border-bottom-color:rgba(236,181,159,.46)!important;border-radius:30px!important;box-shadow:0 22px 48px rgba(40,34,33,.11),0 4px 0 rgba(244,156,120,.12),inset 0 1px 2px rgba(255,255,255,.98)!important;min-height:0!important;padding:58px 60px 52px!important;gap:24px!important}
.login-card__corner{display:none!important}
.login-card__head h2{color:#171719!important;font-size:30px!important;font-weight:750!important;letter-spacing:.04em!important}
.login-form .el-input__wrapper{background:rgba(255,255,255,.74)!important;box-shadow:inset 0 0 0 1px #dcdde3!important;border-radius:14px!important}
.login-form .el-input__inner:is(:-webkit-autofill,:autofill){color:#25252a!important;-webkit-text-fill-color:#25252a!important;caret-color:#25252a!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;box-shadow:inset 0 0 0 1000px #fff!important}
.login-form__submit{color:#fff!important;background:linear-gradient(112deg,#ff741f 0%,#f34c18 36%,#f84d22 100%)!important;border-color:rgba(255,141,87,.65)!important;border-radius:15px!important;box-shadow:0 8px 18px rgba(238,77,29,.18),inset 0 1px 2px rgba(255,229,208,.65)!important;min-height:60px!important}
.login-form__submit>span:after{content:'';display:inline-block;width:10px;height:18px;margin-left:14px;vertical-align:-4px;background:url('/brand-assets/owl-white-v1.svg') center/contain no-repeat}
.login-help a{color:#171719!important;background:rgba(255,255,255,.15)!important;border:1px solid #cccbd3!important;border-radius:14px!important}
.login-help a:first-child{min-height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:14px!important;font-weight:400!important}
.login-tabs__item--active{color:#c83a12!important}
.login-tabs__item--active:after{background:#f48336!important}

/* Application: reorganize the existing Vue-bound forms without replacing their logic. */
.landing-page.confirmed-application-page{min-height:100vh!important;background:#fff url('/brand-assets/auth-glass-scene-v1.png') center/cover fixed no-repeat!important;padding:38px 24px 64px!important;overflow-x:hidden!important}
.confirmed-application-page>.landing-showcase{display:none!important}
.confirmed-application-page>.confirmed-application-heading{position:relative;z-index:2;text-align:center;margin:0 auto 24px;color:#171719}
.confirmed-application-heading h1{margin:0;font-size:44px;line-height:1.25;letter-spacing:.02em}
.confirmed-application-heading p{margin:10px 0 0;color:#5f6068;font-size:17px}
.confirmed-application-heading .confirmed-steps{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:18px;color:#4c4d55;font-size:14px;font-weight:650}
.confirmed-application-heading .confirmed-steps i{width:18px;height:1px;background:#a8a9b1}
.confirmed-return-login{position:absolute;top:18px;right:42px;color:#4e4f58;text-decoration:none;font-size:14px}
.confirmed-application-page>.landing-content{position:relative;z-index:2;width:min(650px,100%)!important;margin:0 auto!important;display:block!important;padding:0!important}
.confirmed-application-page .landing-content>.landing-actions-card,.confirmed-application-page .landing-content>.process-card,.confirmed-application-page .landing-content>.section-card:not(#application-form):not(#application-status):not(.confirmed-application-card){display:none!important}
.confirmed-application-card{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-bottom-color:rgba(236,181,159,.46);border-radius:30px;padding:24px 46px 30px;box-shadow:0 22px 48px rgba(40,34,33,.11),0 4px 0 rgba(244,156,120,.12),inset 0 1px 2px rgba(255,255,255,.98)}
.confirmed-application-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(181,181,189,.35);margin-bottom:22px}
.confirmed-application-tab{appearance:none;background:transparent;border:0;color:#55565e;min-height:52px;font:600 17px/1.2 inherit;cursor:pointer;position:relative}
.confirmed-application-tab.is-active{color:#c83a12}
.confirmed-application-tab.is-active:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-1px;background:#f48336}
.confirmed-application-card>.section-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.confirmed-application-card>.section-card[hidden]{display:none!important}
.confirmed-application-card .form-section__head{display:none!important}
.confirmed-application-card .apply-form__grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important}
.confirmed-application-card #application-form .apply-form__grid>.el-form-item:first-child{grid-column:1/-1}
.confirmed-application-card .el-form-item{margin-bottom:16px!important}
.confirmed-application-card .el-form-item__label{color:#171719!important;font-size:14px!important;font-weight:650!important}
.confirmed-application-card .el-input__wrapper,.confirmed-application-card .el-textarea__inner{background:rgba(255,255,255,.76)!important;border:0!important;border-radius:14px!important;box-shadow:inset 0 0 0 1px #dcdde3!important}
.confirmed-application-card .el-input__wrapper{min-height:52px!important}
.confirmed-application-card .el-textarea__inner{min-height:96px!important;padding:14px!important}
.confirmed-application-card .apply-form__actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:14px!important;margin-top:6px!important}
.confirmed-application-card .apply-form__actions .el-button{width:100%!important;min-height:56px!important;margin:0!important;color:#fff!important;background:linear-gradient(112deg,#ff741f,#f34c18 36%,#f84d22)!important;border-color:rgba(255,141,87,.65)!important;border-radius:15px!important;font-size:17px!important;font-weight:650!important;box-shadow:0 8px 18px rgba(238,77,29,.18),inset 0 1px 2px rgba(255,229,208,.65)!important}
.confirmed-application-card .login-entry{color:#4d4e56!important;text-align:center!important;text-decoration:none!important}
.confirmed-application-card .status-result-card{margin-top:20px!important}
.confirmed-application-card .status-result-card,.confirmed-application-card .status-result-grid>div{background:rgba(255,255,255,.66)!important;border-color:rgba(220,221,227,.9)!important;color:#2d2e33!important}

/* Shared shell: black/gray/white + orange, without changing any route logic. */
#app .admin-layout{background:#efefef!important}
#app .admin-layout__aside{background:linear-gradient(180deg,#5d5d5d 0%,#444 25%,#363636 100%)!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:0 12px 28px rgba(23,23,23,.16),inset 0 1px 1px rgba(255,255,255,.28)!important}
#app .brand-panel__title,#app .admin-menu__title{color:#fff!important}
#app .admin-menu__item{color:rgba(255,255,255,.86)!important}
#app .admin-menu__item:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
#app .admin-menu__item.is-active{background:#fff!important;color:#202024!important;box-shadow:0 8px 18px rgba(20,20,20,.14)!important}
#app .admin-menu__item.is-active .admin-menu__icon{color:#f4511e!important}
#app .admin-layout__header{background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;border:1px solid rgba(255,255,255,.9)!important}
#app .el-button--primary{--el-button-bg-color:#f4511e;--el-button-border-color:#f4511e;--el-button-hover-bg-color:#dd4214;--el-button-hover-border-color:#dd4214}
#app .warning-route-tab.is-active,#app .warning-route-tab--active{color:#f4511e!important}

@media(max-width:600px){
 .login-page{padding:132px 16px 40px!important}
 .login-shell:before{bottom:calc(100% + 50px);font-size:clamp(24px,7vw,30px)}
 .login-shell:after{bottom:calc(100% + 30px);font-size:9px;letter-spacing:.12em}
 .login-card{padding:36px 24px 32px!important;border-radius:26px!important}
 .landing-page.confirmed-application-page{padding:26px 16px 42px!important}
 .confirmed-application-heading h1{font-size:34px}
 .confirmed-application-heading p{font-size:14px}
 .confirmed-return-login{position:static;display:inline-block;margin-top:14px}
 .confirmed-application-card{padding:18px 20px 24px;border-radius:26px}
 .confirmed-application-card .apply-form__grid{grid-template-columns:1fr!important}
 .confirmed-application-card #application-form .apply-form__grid>.el-form-item:first-child{grid-column:auto}
}
