.login_body{margin:0;min-height:100vh;background-color:var(--bg-body);color:var(--text-color);font-family:inherit;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.login_mesh{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:var(--bg-body);background-image:url(/src/system/bg_login.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.login_mesh::before{content:"";position:absolute;inset:0;background:linear-gradient( 135deg,color-mix(in srgb,var(--primary-color) 90%,transparent) 0%,color-mix(in srgb,var(--second-color) 90%,transparent) 100% )}.login_mesh::after{content:"";position:absolute;inset:0;background:radial-gradient( 80rem 70rem at 50% 50%,transparent 0%,rgba(0,0,0,0.12) 100% )}.login_wrap{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:2.4rem 1.6rem;box-sizing:border-box}.login_card{width:min(46rem,100%);background:var(--bg-color);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border-radius:2rem;border:1px solid rgba(15,23,42,0.06);box-shadow:0 2.4rem 6rem -1.2rem rgba(15,23,42,0.22),0 1.2rem 2.4rem -0.8rem rgba(15,23,42,0.14);padding:clamp(3rem,5vw,4.4rem) clamp(2rem,4vw,4rem);box-sizing:border-box;animation:login_card_in 0.45s cubic-bezier(0.21,0.61,0.35,1) both}@keyframes login_card_in{from{opacity:0;transform:translateY(0.8rem) scale(0.985)}to{opacity:1;transform:none}}.dark_mode .login_card{background:rgba(39,39,42,0.94);border-color:rgba(255,255,255,0.08);box-shadow:none}.login_card_head{text-align:center;margin-bottom:2.4rem}.login_logo{width:min(22rem,70%);height:auto;margin:0 auto 1.8rem;display:block}.login_title{margin:0 0 0.4rem;font-size:2.2rem;font-weight:700;letter-spacing:-0.01em;color:var(--text-color)}.login_subtitle{margin:0;font-size:1.35rem;color:rgba(33,33,33,0.62)}.dark_mode .login_subtitle{color:rgba(255,255,255,0.6)}.login_alert[hidden]{display:none !important}.login_alert{display:flex;align-items:center;gap:0.9rem;padding:1rem 1.2rem;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.25);color:#b91c1c;border-radius:1rem;font-size:1.3rem;line-height:1.4;margin-bottom:1.6rem;animation:login_alert_in 0.25s ease-out both}.login_alert i{font-size:1.6rem;flex-shrink:0}.login_alert_text{flex:1;min-width:0}@keyframes login_alert_in{from{opacity:0;transform:translateY(-0.3rem)}to{opacity:1;transform:none}}.login_form{display:flex;flex-direction:column;gap:1.4rem}.login_field{display:flex;flex-direction:column;gap:0.5rem}.login_label{font-size:1.25rem;font-weight:600;color:var(--text-color);letter-spacing:0.01em}.login_input_wrap{position:relative}.login_input_icon{position:absolute;top:50%;left:1.4rem;transform:translateY(-50%);color:rgba(33,33,33,0.45);font-size:1.4rem;pointer-events:none;transition:color 0.2s}.dark_mode .login_input_icon{color:rgba(255,255,255,0.45)}.login_input{width:100%;height:5rem;background:var(--bg-color);border:1px solid rgba(15,23,42,0.14);border-radius:1.1rem;padding:0 1.6rem 0 4.2rem;font-size:1.45rem;color:var(--text-color);outline:none;transition:border-color 0.18s ease,box-shadow 0.18s ease,background-color 0.18s ease;box-sizing:border-box}.login_input::placeholder{color:rgba(33,33,33,0.36)}.dark_mode .login_input{background:rgba(36,37,38,0.6);border-color:rgba(255,255,255,0.12)}.dark_mode .login_input::placeholder{color:rgba(255,255,255,0.3)}.login_input:hover{border-color:rgba(15,23,42,0.25)}.login_input:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.4rem rgba(86,181,53,0.18)}.login_input:focus + .login_input_icon,.login_input_wrap:focus-within .login_input_icon{color:var(--primary-color)}.login_input--password{padding-right:4.2rem}.login_pwd_toggle{position:absolute;top:50%;right:0.6rem;transform:translateY(-50%);width:3.6rem;height:3.6rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:0.8rem;color:rgba(33,33,33,0.55);cursor:pointer;font-size:1.4rem;transition:background-color 0.18s ease,color 0.18s ease}.dark_mode .login_pwd_toggle{color:rgba(255,255,255,0.55)}.login_pwd_toggle:hover{background:rgba(15,23,42,0.05);color:var(--primary-color)}.login_pwd_toggle:focus-visible{outline:0.2rem solid var(--primary-color);outline-offset:0.1rem}.login_row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin:0.4rem 0 0.4rem}.login_remember{display:inline-flex;align-items:center;gap:0.7rem;font-size:1.3rem;color:rgba(33,33,33,0.7);cursor:pointer;user-select:none}.dark_mode .login_remember{color:rgba(255,255,255,0.7)}.login_remember input[type="checkbox"]{width:1.8rem;height:1.8rem;accent-color:var(--primary-color);cursor:pointer;margin:0;border-radius:0.4rem}.login_forgot{font-size:1.3rem;color:var(--primary-color);font-weight:600;text-decoration:none;transition:opacity 0.18s ease}.login_forgot:hover{opacity:0.78;text-decoration:underline;text-underline-offset:0.2rem}.login_submit{position:relative;width:100%;height:5.2rem;display:inline-flex;align-items:center;justify-content:center;gap:0.8rem;border:none;border-radius:1.1rem;background:var(--primary-color);color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:0.02em;cursor:pointer;margin-top:0.6rem;box-shadow:0 0.6rem 1.6rem -0.4rem rgba(86,181,53,0.4);transition:background-color 0.2s ease,transform 0.08s ease,box-shadow 0.2s ease,opacity 0.2s ease}.login_submit:hover:not(:disabled){background:#4ea22f;box-shadow:0 0.8rem 2rem -0.4rem rgba(86,181,53,0.55)}.login_submit:active:not(:disabled){transform:translateY(0.1rem) scale(0.995);box-shadow:0 0.3rem 1rem -0.3rem rgba(86,181,53,0.45)}.login_submit:focus-visible{outline:0.3rem solid rgba(86,181,53,0.45);outline-offset:0.2rem}.login_submit:disabled{cursor:progress;opacity:0.85}.login_submit_spinner{display:none;width:1.8rem;height:1.8rem;border:0.25rem solid rgba(255,255,255,0.35);border-top-color:#fff;border-radius:50%;animation:login_spin 0.7s linear infinite}.login_submit.is-loading .login_submit_spinner{display:inline-block}.login_submit.is-loading{cursor:progress}@keyframes login_spin{to{transform:rotate(360deg)}}.login_footer{margin:1.8rem 0 0;text-align:center;font-size:1.2rem;color:rgba(33,33,33,0.55)}.dark_mode .login_footer{color:rgba(255,255,255,0.55)}.login_footer a{color:inherit;text-decoration:none;transition:opacity 0.18s ease}.login_footer a:hover{opacity:0.8}.login_footer strong{color:var(--primary-color)}@media (max-width:520px){.login_wrap{padding:1.6rem 1.2rem}.login_card{padding:2.6rem 1.8rem;border-radius:1.6rem}.login_title{font-size:1.9rem}.login_subtitle{font-size:1.25rem}.login_input{height:4.6rem;font-size:1.4rem}.login_submit{height:4.8rem;font-size:1.4rem}.login_row{gap:0.8rem}}@media (max-width:360px){.login_row{flex-direction:column;align-items:flex-start}.login_forgot{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.login_card,.login_alert,.login_submit,.login_submit_spinner{animation:none !important;transition:none !important}}