.login-page{height:100vh;display:block!important}.login-fullscreen{margin:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;border:none!important;box-shadow:none!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.login-topbar{position:absolute;top:18px;left:22px;right:22px;display:flex;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none}.login-title{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5em;font-weight:700;color:#ffffffe6;pointer-events:none}.login-version{margin-left:auto;align-items:center;gap:6px;font-size:.72em;font-weight:600;letter-spacing:.06em;color:#ffffff61;padding:4px 10px 4px 8px;border-radius:20px;background:#ffffff0e;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.login-version-dot{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--primary-one),var(--primary-two));box-shadow:0 0 6px #ff982e99;flex-shrink:0}.login-grid{padding:0;margin:0;height:100%}.login-row{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;height:100%}.login-left,.login-right{padding:0;margin:0}.login-image{border-radius:1.6rem 0 0 1.6rem;width:100%;height:100%;object-fit:cover;display:block}.login-right{display:flex;align-items:center;justify-content:center}.login-card{position:relative;display:flex;flex-direction:column;justify-content:center;gap:14px;width:100%;height:100%;padding:0 15%;box-sizing:border-box;border-radius:0 1.6rem 1.6rem 0;background:#ffffff0b;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.login-logo{width:32px;height:32px}.login-greeting{text-align:center;font-size:1.05em;font-weight:400;color:#ffffff80;margin-bottom:8px}.login-tabs{position:relative;display:flex;background:#0000002e;border-radius:14px;padding:4px;gap:0;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 3px #0000004d;overflow:hidden}.login-tabs-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:10px;background:linear-gradient(160deg,#ffffff38,#ffffff14 40%,#ffffff0a);backdrop-filter:blur(16px) saturate(200%) brightness(1.15);-webkit-backdrop-filter:blur(16px) saturate(200%) brightness(1.15);border:1px solid rgba(255,255,255,.14);border-top-color:#ffffff6b;box-shadow:0 4px 18px #00000059,inset 0 1.5px #ffffff61,inset 0 -1px #0000001f,0 0 12px #ff982e1a;pointer-events:none;z-index:0;animation:liquid-at-left 0s forwards}.login-tabs-slider:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,#ffffff47,#fff0 55%);pointer-events:none}@keyframes liquid-at-left{to{left:4px;width:calc(50% - 4px);border-radius:10px}}@keyframes liquid-to-right{0%{left:4px;width:calc(50% - 4px);border-radius:10px}30%{left:4px;width:calc(100% - 8px);border-radius:10px 18px 18px 10px;box-shadow:0 4px 24px #0006,inset 0 1.5px #ffffff6b,inset 0 -1px #0000001a,0 0 20px #ff982e2e}88%{left:calc(50% + 2px);width:calc(50% - 6px);border-radius:10px}to{left:50%;width:calc(50% - 4px);border-radius:10px}}@keyframes liquid-to-left{0%{left:50%;width:calc(50% - 4px);border-radius:10px}30%{left:4px;width:calc(100% - 8px);border-radius:18px 10px 10px 18px;box-shadow:0 4px 24px #0006,inset 0 1.5px #ffffff6b,inset 0 -1px #0000001a,0 0 20px #ff982e2e}88%{left:2px;width:calc(50% - 6px);border-radius:10px}to{left:4px;width:calc(50% - 4px);border-radius:10px}}.login-tab{flex:1;position:relative;z-index:1;padding:9px 0;border:none;border-radius:10px;background:transparent;color:#ffffff59;font-size:.88em;font-weight:500;cursor:pointer;letter-spacing:.01em;transition:color .22s ease;isolation:isolate}.login-tab:hover{color:#ffffffa6}.login-tab--active{color:#fffffff7;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.25)}.login-field{display:flex;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease}.login-field:focus-within{border-color:#ff982e80;box-shadow:0 0 0 3px #ff982e1f}.login-field-icon{color:#ffffff59;margin-right:10px;font-size:.9em;flex-shrink:0}.login-input{flex:1;background:transparent;border:none;outline:none;color:#ffffffe0;font-size:.95em;padding:13px 0;font-family:inherit}.login-input::placeholder{color:#ffffff47}.login-input:disabled{opacity:.45;cursor:not-allowed}.login-submit{margin-top:4px;padding:13px;border:none;border-radius:12px;background:linear-gradient(90deg,var(--primary-one) 0%,var(--primary-two) 100%);color:#fff;font-size:.95em;font-weight:700;cursor:pointer;letter-spacing:.03em;box-shadow:0 4px 18px #ff982e4d;transition:box-shadow .2s ease,transform .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:center;min-height:44px}.login-submit:hover:not(:disabled){box-shadow:0 6px 24px #ff982e80;transform:translateY(-1px)}.login-submit:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-message{display:flex;align-items:center;gap:8px;font-size:.88em;font-weight:500;padding:10px 14px;border-radius:10px}.login-message--success{background:#4caf501f;border:1px solid rgba(76,175,80,.3);color:#86efac}.login-message--error{background:#f871711a;border:1px solid rgba(248,113,113,.28);color:#fca5a5}@media(width<=768px){.login-row{flex-direction:column-reverse}.login-left,.login-right{width:100%}.login-left{height:40%}.login-right{height:60%}.login-image{border-radius:0 0 1.6rem 1.6rem}.login-card{border-radius:0;border-left:none;padding:0 8%}}@media(width>768px){.login-row{flex-direction:row}.login-left,.login-right{width:50%;height:100%}}