body,html{height:100%;margin:0}.login-page{align-items:center;background:linear-gradient(135deg,rgba(245,247,250,.7),rgba(195,207,226,.7)),url(/client/static/img/140-broadway.png);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;justify-content:center;min-height:100dvh;padding:20px;transform-origin:top left;zoom:var(--ui-scale)}@supports not (zoom:1){.login-page{min-height:calc(100dvh*var(--ui-scale-inverse));transform:scale(var(--ui-scale));width:calc(100%*var(--ui-scale-inverse));zoom:1}}.login-page .modal-backdrop{height:calc(100dvh*var(--ui-scale-inverse));width:calc(100vw*var(--ui-scale-inverse))}.eti-logo{background:url(/client/static/img/eti-logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:120px;margin:0 auto 1rem;overflow:hidden;text-indent:-9999px;width:200px}.login-page .container{align-items:center;display:flex;justify-content:center;margin:0;min-height:100%;padding:0;width:100%}.login-container{backdrop-filter:blur(10px);background:var(--sidebar-bg);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);max-width:420px;padding:2.5rem;transform:translateY(0);transition:transform .3s ease;width:100%}.login-container:hover{transform:translateY(-5px)}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{color:var(--text-color);font-size:2.2rem;font-weight:600;margin-bottom:.5rem}.login-header p{color:var(--text-muted);font-size:1.1rem}.login-field{margin-bottom:1.2rem}.login-field input{background-color:var(--sidebar-bg);border:1px solid var(--muted-border);border-radius:8px;caret-color:var(--text-color);font-size:1rem;height:calc(3.5rem + 2px);padding:1rem .75rem}#password,#username,.login-field input{color:var(--text-color)}#password::placeholder,#username::placeholder{color:var(--text-muted)}.login-field input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 .25rem var(--input-focus-ring)}.login-field input:disabled{background-color:var(--muted-bg);opacity:.6}.login-field input::placeholder{color:var(--text-muted)}.login-field input::-webkit-input-placeholder{color:var(--text-muted)}.login-field input::-moz-placeholder{color:var(--text-muted)}.login-field input:-ms-input-placeholder{color:var(--text-muted)}.login-field input:-moz-placeholder{color:var(--text-muted)}.btn-login{background:linear-gradient(135deg,var(--login-primary) 0,var(--login-secondary) 100%);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:.9rem;transition:all .3s ease;width:100%}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,var(--login-primary-hover) 0,var(--login-primary) 100%);box-shadow:0 5px 15px rgba(9,132,227,.3);transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6;transform:none}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.password-toggle-btn:hover:not(:disabled){background-color:rgba(116,185,255,.1)}.password-toggle-btn:focus{outline:2px solid var(--login-secondary);outline-offset:2px}.password-toggle-btn:active:not(:disabled){background-color:rgba(116,185,255,.2)}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.eye-icon{color:var(--login-muted-color);font-size:16px;transition:color .3s ease}.password-toggle-btn:hover .eye-icon{color:var(--login-primary)}.login-field input[type=password],.login-field input[type=text]{padding-right:3rem}@media (max-width:768px){.password-toggle-btn{min-height:32px;min-width:32px;right:8px}.login-field input[type=password],.login-field input[type=text]{padding-right:2.5rem}}.forgot-password{color:var(--text-muted);font-size:.95rem;position:relative;transition:all .3s ease}.forgot-password:hover{color:var(--primary-color)}.forgot-password:after{background-color:var(--login-primary);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.forgot-password:hover:after{width:100%}.alert{border:none;border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.alert-danger{background-color:var(--danger-bg-subtle);border-left:4px solid var(--danger-border-subtle);color:var(--danger-text-dark)}.alert-success{background-color:var(--success-bg-subtle);border-left:4px solid var(--success-border-subtle);color:var(--text-color)}.alert-info{background-color:var(--info-bg-subtle);border-left:4px solid var(--info-border-subtle);color:var(--text-color)}[data-theme=dark] .login-page{background:linear-gradient(135deg,hsla(0,0%,7%,.85),rgba(40,40,40,.85)),url(/client/static/img/140-broadway.png);background-position:50%;background-size:cover}[data-theme=dark] .login-container{background:var(--sidebar-bg);box-shadow:0 10px 30px rgba(0,0,0,.4)}[data-theme=dark] .password-toggle-btn:hover:not(:disabled){background-color:hsla(0,0%,100%,.06)}.spinner-border-sm{border-width:.125em;height:1rem;width:1rem}