@media screen {
  body.auth-recovery-page { display:flex; flex-direction:column; gap:14px; min-height:100svh; padding:clamp(12px,2vw,28px); }
  .auth-recovery-page .recovery-shell { width:min(100%,1040px); margin:auto; }
  .auth-recovery-page .recovery-brand { display:inline-grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:9px; max-width:100%; color:#13281b; text-decoration:none; }
  .auth-recovery-page .recovery-brand-logo { display:grid; width:42px; height:42px; place-items:center; overflow:hidden; border:1px solid var(--erp-theme-line); border-radius:12px; background:#fff; color:var(--erp-theme-deep); font-size:11px; font-weight:950; box-shadow:0 8px 18px rgba(var(--erp-theme-focus),.10); }
  .auth-recovery-page .recovery-brand-logo img { width:100%; height:100%; object-fit:contain; padding:3px; }
  .auth-recovery-page .recovery-brand strong,.auth-recovery-page .recovery-brand small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.auth-recovery-page .recovery-brand strong { font-size:13px; font-weight:900; }.auth-recovery-page .recovery-brand small { margin-top:2px; color:#617367; font-size:10px; font-weight:750; }
  .auth-recovery-page .recovery-workspace { display:grid; grid-template-columns:minmax(0,.95fr) minmax(330px,.8fr); overflow:hidden; margin-top:20px; border:1px solid var(--erp-theme-line); border-radius:22px; background:#fff; box-shadow:0 24px 60px rgba(var(--erp-theme-focus),.14); }
  .auth-recovery-page .recovery-intro { position:relative; min-height:430px; padding:clamp(26px,4vw,54px); overflow:hidden; background:linear-gradient(150deg,var(--erp-theme-primary),var(--erp-theme-deep)); color:#fff; }.auth-recovery-page .recovery-intro::after { content:""; position:absolute; right:-74px; bottom:-84px; width:280px; height:280px; border:34px solid rgba(255,255,255,.10); border-radius:50%; }
  .auth-recovery-page .recovery-kicker { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; border:1px solid rgba(255,255,255,.25); border-radius:999px; background:rgba(255,255,255,.12); color:#fff; font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }.auth-recovery-page .recovery-kicker .icon { width:14px; height:14px; }
  .auth-recovery-page .recovery-intro h1 { max-width:420px; margin:22px 0 10px; color:#fff; font-size:clamp(28px,4vw,44px); line-height:1.05; letter-spacing:0; }.auth-recovery-page .recovery-intro>p { position:relative; z-index:1; max-width:410px; margin:0; color:rgba(255,255,255,.84); font-size:13px; line-height:1.65; }
  .auth-recovery-page .recovery-points { position:relative; z-index:1; display:grid; gap:11px; margin:28px 0 0; padding:0; list-style:none; }.auth-recovery-page .recovery-points li { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:9px; color:rgba(255,255,255,.93); font-size:11px; font-weight:700; line-height:1.35; }.auth-recovery-page .recovery-points .icon { width:30px; height:30px; padding:7px; border:1px solid rgba(255,255,255,.20); border-radius:9px; background:rgba(255,255,255,.10); }
  .auth-recovery-page .recovery-form-panel { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:clamp(26px,5vw,58px); background:#fff; }.auth-recovery-page .recovery-form-icon { display:grid; width:48px; height:48px; place-items:center; margin-bottom:17px; border-radius:14px; background:var(--erp-theme-soft); color:var(--erp-theme-deep); }.auth-recovery-page .recovery-form-icon .icon { width:23px; height:23px; }
  .auth-recovery-page .recovery-form-heading p { margin:0 0 5px; color:var(--erp-theme-deep); font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.auth-recovery-page .recovery-form-heading h2 { margin:0; color:#13281b; font-size:clamp(23px,3vw,31px); line-height:1.1; letter-spacing:0; }.auth-recovery-page .recovery-form-heading span { display:block; margin-top:9px; color:#617367; font-size:12px; line-height:1.55; }
  .auth-recovery-page .recovery-form { display:grid; gap:8px; margin-top:25px; }.auth-recovery-page .recovery-form>label { color:#344a3a; font-size:11px; font-weight:850; }.auth-recovery-page .recovery-input { display:grid; grid-template-columns:19px minmax(0,1fr); align-items:center; gap:9px; min-height:46px; padding:0 12px; border:1px solid var(--erp-theme-line); border-radius:11px; background:var(--erp-theme-page); color:var(--erp-theme-primary); transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease; }.auth-recovery-page .recovery-input:focus-within { border-color:var(--erp-theme-primary); background:#fff; box-shadow:0 0 0 3px rgba(var(--erp-theme-focus),.15); }.auth-recovery-page .recovery-input .icon { width:18px; height:18px; }.auth-recovery-page .recovery-input input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:#13281b; font:inherit; font-size:13px; }.auth-recovery-page .recovery-input input::placeholder { color:#91a096; }
  .auth-recovery-page .recovery-submit { display:grid; grid-template-columns:18px minmax(0,1fr) 18px; align-items:center; gap:8px; width:100%; min-height:46px !important; margin-top:8px; padding:0 13px; border:1px solid var(--erp-theme-primary); border-radius:11px; background:var(--erp-theme-primary); color:var(--erp-theme-on-primary); box-shadow:0 10px 20px rgba(var(--erp-theme-focus),.18); font-size:12px; font-weight:900; text-align:left; transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease; }.auth-recovery-page .recovery-submit:hover,.auth-recovery-page .recovery-submit:focus-visible { background:var(--erp-theme-deep); border-color:var(--erp-theme-deep); box-shadow:0 13px 24px rgba(var(--erp-theme-focus),.24); transform:translateY(-1px); }.auth-recovery-page .recovery-submit .icon { width:18px; height:18px; }.auth-recovery-page .recovery-submit .icon:last-child { justify-self:end; }
  .auth-recovery-page .recovery-back-link { display:inline-flex; align-items:center; gap:6px; width:max-content; max-width:100%; margin-top:22px; color:var(--erp-theme-deep); font-size:11px; font-weight:850; text-decoration:none; }.auth-recovery-page .recovery-back-link .icon { width:14px; height:14px; transform:rotate(180deg); }.auth-recovery-page .recovery-back-link:hover { color:var(--erp-theme-primary); }.auth-recovery-page .recovery-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:7px 15px; width:min(100%,1040px); margin:0 auto; color:#607166; font-size:10px; font-weight:700; text-align:center; }.auth-recovery-page .recovery-footer a { color:var(--erp-theme-deep); font-weight:900; text-decoration:none; }
  @media(max-width:760px){.auth-recovery-page .recovery-workspace{grid-template-columns:1fr;margin-top:13px;border-radius:17px}.auth-recovery-page .recovery-intro{min-height:0;padding:23px 21px}.auth-recovery-page .recovery-intro h1{margin-top:15px;font-size:27px}.auth-recovery-page .recovery-intro>p{font-size:12px}.auth-recovery-page .recovery-points{display:none}.auth-recovery-page .recovery-form-panel{padding:24px 21px 27px}.auth-recovery-page .recovery-form-icon{width:42px;height:42px;margin-bottom:13px}}
  @media(max-width:420px){body.auth-recovery-page{padding:9px}.auth-recovery-page .recovery-brand{grid-template-columns:37px minmax(0,1fr)}.auth-recovery-page .recovery-brand-logo{width:37px;height:37px;border-radius:10px}.auth-recovery-page .recovery-brand strong{font-size:12px}.auth-recovery-page .recovery-brand small{font-size:9px}.auth-recovery-page .recovery-form-panel,.auth-recovery-page .recovery-intro{padding-left:16px;padding-right:16px}}
  @media(prefers-reduced-motion:reduce){.auth-recovery-page *{transition-duration:.01ms!important}}
}