.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f3f4f6}.auth-box{border:1px solid #cecece;padding:32px;border-radius:12px;width:100%;max-width:400px}.auth-title{text-align:center;margin-bottom:24px;font-size:24px;color:#333333}.auth-form{display:flex;flex-direction:column}.password-input-container-auth{position:relative;width:100%}.password-input-container-auth input{width:93%}.auth-input,.password-input-container-auth input{padding:12px;margin-bottom:16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s ease}.auth-input:focus{border-color:#3b82f6;outline:none}.auth-button{padding:12px;background-color:#3b82f6;color:white;font-size:16px;border:none;border-radius:8px;cursor:pointer;margin-top:8px;transition:background-color .3s ease}.auth-button:disabled,.auth-button:disabled:hover{background-color:#dddddd;cursor:not-allowed}.auth-form a{color:#3f5cff;text-decoration:none}.auth-button:hover{background-color:#2563eb}.switch-button{background:none;border:none;color:#3b82f6;margin-top:16px;font-size:14px;cursor:pointer}.switch-button:hover{text-decoration:underline}.auth-error{color:#dc2626;margin-bottom:16px;font-size:14px}body.dark .auth-container{background-color:#181818}body.dark .auth-box{border:1px solid #444;background-color:#2c2f3d;color:#e4e6eb}body.dark .auth-title{color:#e4e6eb}body.dark .auth-form{display:flex;flex-direction:column}body.dark .auth-input{padding:12px;margin-bottom:16px;border:1px solid #555;border-radius:8px;font-size:16px;background-color:#333;color:#e4e6eb;transition:border-color .2s ease}body.dark .auth-input:focus{border-color:#3b82f6;outline:none}body.dark .auth-button{padding:12px;background-color:#3b82f6;color:white;font-size:16px;border:none;border-radius:8px;cursor:pointer;margin-top:8px;transition:background-color .3s ease}body.dark .auth-button:hover{background-color:#2563eb}body.dark .switch-button{background:none;border:none;color:#3b82f6;margin-top:16px;font-size:14px;cursor:pointer}body.dark .switch-button:hover{text-decoration:underline}